<div class="modal fade" id="country-selector">
<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
<div class="modal-content country-select-modal">
<div class="modal-header">
<h6 class="modal-title">Choose Country</h6><button aria-label="Close" class="btn-close" data-bs-dismiss="modal" type="button"><span aria-hidden="true">×</span></button>
</div>
<div class="modal-body">
<ul class="row row-sm p-3">
<li class="col-lg-4 mb-2">
<a class="btn btn-country btn-lg btn-block active">
<span class="country-selector"><img alt="unitedstates" src="{{absolute_url(asset('build/images/flags/us_flag.jpg'))}}" class="me-2 language"></span>United States
</a>
</li>
<li class="col-lg-4 mb-2">
<a class="btn btn-country btn-lg btn-block">
<span class="country-selector"><img alt="italy" src="{{absolute_url(asset('build/images/flags/italy_flag.jpg'))}}" class="me-2 language"></span>Italy
</a>
</li>
<li class="col-lg-4 mb-2">
<a class="btn btn-country btn-lg btn-block">
<span class="country-selector"><img alt="spain" src="{{absolute_url(asset('build/images/flags/spain_flag.jpg'))}}" class="me-2 language"></span>Spain
</a>
</li>
<li class="col-lg-4 mb-2">
<a class="btn btn-country btn-lg btn-block">
<span class="country-selector"><img alt="india" src="{{absolute_url(asset('build/images/flags/india_flag.jpg'))}}" class="me-2 language"></span>India
</a>
</li>
<li class="col-lg-4 mb-2">
<a class="btn btn-country btn-lg btn-block">
<span class="country-selector"><img alt="french" src="{{absolute_url(asset('build/images/flags/french_flag.jpg'))}}" class="me-2 language"></span>French
</a>
</li>
<li class="col-lg-4 mb-2">
<a class="btn btn-country btn-lg btn-block">
<span class="country-selector"><img alt="russia" src="{{absolute_url(asset('build/images/flags/russia_flag.jpg'))}}" class="me-2 language"></span>Russia
</a>
</li>
<li class="col-lg-4 mb-2">
<a class="btn btn-country btn-lg btn-block">
<span class="country-selector"><img alt="germany" src="{{absolute_url(asset('build/images/flags/germany_flag.jpg'))}}" class="me-2 language"></span>Germany
</a>
</li>
<li class="col-lg-4 mb-2">
<a class="btn btn-country btn-lg btn-block">
<span class="country-selector"><img alt="argentina" src="{{absolute_url(asset('build/images/flags/argentina_flag.jpg'))}}" class="me-2 language"></span>Argentina
</a>
</li>
<li class="col-lg-4 mb-2">
<a class="btn btn-country btn-lg btn-block">
<span class="country-selector"><img alt="uae" src="{{absolute_url(asset('build/images/flags/uae_flag.jpg'))}}" class="me-2 language"></span>UAE
</a>
</li>
<li class="col-lg-4 mb-2">
<a class="btn btn-country btn-lg btn-block">
<span class="country-selector"><img alt="austria" src="{{absolute_url(asset('build/images/flags/austria_flag.jpg'))}}" class="me-2 language"></span>Austria
</a>
</li>
<li class="col-lg-4 mb-2">
<a class="btn btn-country btn-lg btn-block">
<span class="country-selector"><img alt="mexico" src="{{absolute_url(asset('build/images/flags/mexico_flag.jpg'))}}" class="me-2 language"></span>Mexico
</a>
</li>
<li class="col-lg-4 mb-2">
<a class="btn btn-country btn-lg btn-block">
<span class="country-selector"><img alt="china" src="{{absolute_url(asset('build/images/flags/china_flag.jpg'))}}" class="me-2 language"></span>China
</a>
</li>
<li class="col-lg-4 mb-2">
<a class="btn btn-country btn-lg btn-block">
<span class="country-selector"><img alt="poland" src="{{absolute_url(asset('build/images/flags/poland_flag.jpg'))}}" class="me-2 language"></span>Poland
</a>
</li>
<li class="col-lg-4 mb-2">
<a class="btn btn-country btn-lg btn-block">
<span class="country-selector"><img alt="canada" src="{{absolute_url(asset('build/images/flags/canada_flag.jpg'))}}" class="me-2 language"></span>Canada
</a>
</li>
<li class="col-lg-4 mb-2">
<a class="btn btn-country btn-lg btn-block">
<span class="country-selector"><img alt="malaysia" src="{{absolute_url(asset('build/images/flags/malaysia_flag.jpg'))}}" class="me-2 language"></span>Malaysia
</a>
</li>
</ul>
</div>
</div>
</div>
</div>