www.barco.com Open in urlscan Pro
2606:4700::6812:77c  Public Scan

Submitted URL: https://go.barco.com/MTQxLVRRQi02ODUAAAGLM6jMhmTpQz7GfS3S_N3351c7JnvJT9nyT2fzF0GKwdzcvVZ07AAZQlhH5IkaqtJCGylIN-g=
Effective URL: https://www.barco.com/en?mkt_tok=MTQxLVRRQi02ODUAAAGLM6jMhkoMKsA96Tl1ld62bq1phCfiiGHMTZjfPk6HA3clpu5YHxcrcgOTol4jH6wTZ...
Submission: On May 22 via api from US — Scanned from DE

Form analysis 5 forms found in the DOM

<form novalidate="">
  <div class="mb-5" x-ref="countryField">
    <div class="form-group" x-data="hybridSelect" x-init="label = `Select the country`" @click.outside="open = false">
      <span id="select-label-country" class="form-label" @click="open = !open">Country/Region*</span>
      <input type="hidden" name="country" id="country" required="" x-bind:value="selectedCountry" x-init="$watch('selectedCountry', () => {
                                        $el.dispatchEvent(new Event('change'));
                                   })">
      <div class="hybrid-select">
        <select id="select-country" aria-labelledby="select-label-country" class="form-select hybrid-select__native"
          @change="selectedCountry = $event.target.value; label = Array.from($event.target.options)?.find((option) => option.value === $event.target.value)?.innerHTML">
          <option value="" disabled="" selected="">Select the country</option>
          <option :selected="selectedCountry == `AF`" value="AF">Afghanistan</option>
          <option :selected="selectedCountry == `AL`" value="AL">Albania</option>
          <option :selected="selectedCountry == `DZ`" value="DZ">Algeria</option>
          <option :selected="selectedCountry == `AS`" value="AS">American Samoa</option>
          <option :selected="selectedCountry == `AD`" value="AD">Andorra</option>
          <option :selected="selectedCountry == `AO`" value="AO">Angola</option>
          <option :selected="selectedCountry == `AI`" value="AI">Anguilla</option>
          <option :selected="selectedCountry == `AQ`" value="AQ">Antarctica</option>
          <option :selected="selectedCountry == `AG`" value="AG">Antigua &amp; Barbuda</option>
          <option :selected="selectedCountry == `AR`" value="AR">Argentina</option>
          <option :selected="selectedCountry == `AM`" value="AM">Armenia</option>
          <option :selected="selectedCountry == `AW`" value="AW">Aruba</option>
          <option :selected="selectedCountry == `AU`" value="AU">Australia</option>
          <option :selected="selectedCountry == `AT`" value="AT">Austria</option>
          <option :selected="selectedCountry == `AZ`" value="AZ">Azerbaijan</option>
          <option :selected="selectedCountry == `BS`" value="BS">Bahamas</option>
          <option :selected="selectedCountry == `BH`" value="BH">Bahrain</option>
          <option :selected="selectedCountry == `BD`" value="BD">Bangladesh</option>
          <option :selected="selectedCountry == `BB`" value="BB">Barbados</option>
          <option :selected="selectedCountry == `BY`" value="BY">Belarus</option>
          <option :selected="selectedCountry == `BE`" value="BE">Belgium</option>
          <option :selected="selectedCountry == `BZ`" value="BZ">Belize</option>
          <option :selected="selectedCountry == `BJ`" value="BJ">Benin</option>
          <option :selected="selectedCountry == `BM`" value="BM">Bermuda</option>
          <option :selected="selectedCountry == `BT`" value="BT">Bhutan</option>
          <option :selected="selectedCountry == `BO`" value="BO">Bolivia</option>
          <option :selected="selectedCountry == `BA`" value="BA">Bosnia &amp; Herzegovina</option>
          <option :selected="selectedCountry == `BW`" value="BW">Botswana</option>
          <option :selected="selectedCountry == `BV`" value="BV">Bouvet Island</option>
          <option :selected="selectedCountry == `BR`" value="BR">Brazil</option>
          <option :selected="selectedCountry == `IO`" value="IO">British Indian Ocean Territory</option>
          <option :selected="selectedCountry == `VG`" value="VG">British Virgin Islands</option>
          <option :selected="selectedCountry == `BN`" value="BN">Brunei</option>
          <option :selected="selectedCountry == `BG`" value="BG">Bulgaria</option>
          <option :selected="selectedCountry == `BF`" value="BF">Burkina Faso</option>
          <option :selected="selectedCountry == `BI`" value="BI">Burundi</option>
          <option :selected="selectedCountry == `KH`" value="KH">Cambodia</option>
          <option :selected="selectedCountry == `CM`" value="CM">Cameroon</option>
          <option :selected="selectedCountry == `CA`" value="CA">Canada</option>
          <option :selected="selectedCountry == `CV`" value="CV">Cape Verde</option>
          <option :selected="selectedCountry == `BQ`" value="BQ">Caribbean Netherlands</option>
          <option :selected="selectedCountry == `KY`" value="KY">Cayman Islands</option>
          <option :selected="selectedCountry == `CF`" value="CF">Central African Republic</option>
          <option :selected="selectedCountry == `TD`" value="TD">Chad</option>
          <option :selected="selectedCountry == `CL`" value="CL">Chile</option>
          <option :selected="selectedCountry == `CN`" value="CN">China</option>
          <option :selected="selectedCountry == `CX`" value="CX">Christmas Island</option>
          <option :selected="selectedCountry == `CC`" value="CC">Cocos (Keeling) Islands</option>
          <option :selected="selectedCountry == `CO`" value="CO">Colombia</option>
          <option :selected="selectedCountry == `KM`" value="KM">Comoros</option>
          <option :selected="selectedCountry == `CG`" value="CG">Congo - Brazzaville</option>
          <option :selected="selectedCountry == `CD`" value="CD">Congo - Kinshasa</option>
          <option :selected="selectedCountry == `CK`" value="CK">Cook Islands</option>
          <option :selected="selectedCountry == `CR`" value="CR">Costa Rica</option>
          <option :selected="selectedCountry == `HR`" value="HR">Croatia</option>
          <option :selected="selectedCountry == `CU`" value="CU">Cuba</option>
          <option :selected="selectedCountry == `CW`" value="CW">Curaçao</option>
          <option :selected="selectedCountry == `CY`" value="CY">Cyprus</option>
          <option :selected="selectedCountry == `CZ`" value="CZ">Czechia</option>
          <option :selected="selectedCountry == `CI`" value="CI">Côte d’Ivoire</option>
          <option :selected="selectedCountry == `DK`" value="DK">Denmark</option>
          <option :selected="selectedCountry == `DJ`" value="DJ">Djibouti</option>
          <option :selected="selectedCountry == `DM`" value="DM">Dominica</option>
          <option :selected="selectedCountry == `DO`" value="DO">Dominican Republic</option>
          <option :selected="selectedCountry == `EC`" value="EC">Ecuador</option>
          <option :selected="selectedCountry == `EG`" value="EG">Egypt</option>
          <option :selected="selectedCountry == `SV`" value="SV">El Salvador</option>
          <option :selected="selectedCountry == `GQ`" value="GQ">Equatorial Guinea</option>
          <option :selected="selectedCountry == `ER`" value="ER">Eritrea</option>
          <option :selected="selectedCountry == `EE`" value="EE">Estonia</option>
          <option :selected="selectedCountry == `ET`" value="ET">Ethiopia</option>
          <option :selected="selectedCountry == `FK`" value="FK">Falkland Islands</option>
          <option :selected="selectedCountry == `FO`" value="FO">Faroe Islands</option>
          <option :selected="selectedCountry == `FJ`" value="FJ">Fiji</option>
          <option :selected="selectedCountry == `FI`" value="FI">Finland</option>
          <option :selected="selectedCountry == `FR`" value="FR">France</option>
          <option :selected="selectedCountry == `GF`" value="GF">French Guiana</option>
          <option :selected="selectedCountry == `PF`" value="PF">French Polynesia</option>
          <option :selected="selectedCountry == `TF`" value="TF">French Southern Territories</option>
          <option :selected="selectedCountry == `GA`" value="GA">Gabon</option>
          <option :selected="selectedCountry == `GM`" value="GM">Gambia</option>
          <option :selected="selectedCountry == `GE`" value="GE">Georgia</option>
          <option :selected="selectedCountry == `DE`" value="DE">Germany</option>
          <option :selected="selectedCountry == `GH`" value="GH">Ghana</option>
          <option :selected="selectedCountry == `GI`" value="GI">Gibraltar</option>
          <option :selected="selectedCountry == `GR`" value="GR">Greece</option>
          <option :selected="selectedCountry == `GL`" value="GL">Greenland</option>
          <option :selected="selectedCountry == `GD`" value="GD">Grenada</option>
          <option :selected="selectedCountry == `GP`" value="GP">Guadeloupe</option>
          <option :selected="selectedCountry == `GU`" value="GU">Guam</option>
          <option :selected="selectedCountry == `GT`" value="GT">Guatemala</option>
          <option :selected="selectedCountry == `GG`" value="GG">Guernsey</option>
          <option :selected="selectedCountry == `GN`" value="GN">Guinea</option>
          <option :selected="selectedCountry == `GW`" value="GW">Guinea-Bissau</option>
          <option :selected="selectedCountry == `GY`" value="GY">Guyana</option>
          <option :selected="selectedCountry == `HT`" value="HT">Haiti</option>
          <option :selected="selectedCountry == `HM`" value="HM">Heard &amp; McDonald Islands</option>
          <option :selected="selectedCountry == `HN`" value="HN">Honduras</option>
          <option :selected="selectedCountry == `HK`" value="HK">Hong Kong SAR China</option>
          <option :selected="selectedCountry == `HU`" value="HU">Hungary</option>
          <option :selected="selectedCountry == `IS`" value="IS">Iceland</option>
          <option :selected="selectedCountry == `IN`" value="IN">India</option>
          <option :selected="selectedCountry == `ID`" value="ID">Indonesia</option>
          <option :selected="selectedCountry == `IR`" value="IR">Iran</option>
          <option :selected="selectedCountry == `IQ`" value="IQ">Iraq</option>
          <option :selected="selectedCountry == `IE`" value="IE">Ireland</option>
          <option :selected="selectedCountry == `IM`" value="IM">Isle of Man</option>
          <option :selected="selectedCountry == `IL`" value="IL">Israel</option>
          <option :selected="selectedCountry == `IT`" value="IT">Italy</option>
          <option :selected="selectedCountry == `JM`" value="JM">Jamaica</option>
          <option :selected="selectedCountry == `JP`" value="JP">Japan</option>
          <option :selected="selectedCountry == `JE`" value="JE">Jersey</option>
          <option :selected="selectedCountry == `JO`" value="JO">Jordan</option>
          <option :selected="selectedCountry == `KZ`" value="KZ">Kazakhstan</option>
          <option :selected="selectedCountry == `KE`" value="KE">Kenya</option>
          <option :selected="selectedCountry == `KI`" value="KI">Kiribati</option>
          <option :selected="selectedCountry == `KW`" value="KW">Kuwait</option>
          <option :selected="selectedCountry == `KG`" value="KG">Kyrgyzstan</option>
          <option :selected="selectedCountry == `LA`" value="LA">Laos</option>
          <option :selected="selectedCountry == `LV`" value="LV">Latvia</option>
          <option :selected="selectedCountry == `LB`" value="LB">Lebanon</option>
          <option :selected="selectedCountry == `LS`" value="LS">Lesotho</option>
          <option :selected="selectedCountry == `LR`" value="LR">Liberia</option>
          <option :selected="selectedCountry == `LY`" value="LY">Libya</option>
          <option :selected="selectedCountry == `LI`" value="LI">Liechtenstein</option>
          <option :selected="selectedCountry == `LT`" value="LT">Lithuania</option>
          <option :selected="selectedCountry == `LU`" value="LU">Luxembourg</option>
          <option :selected="selectedCountry == `MO`" value="MO">Macau SAR China</option>
          <option :selected="selectedCountry == `MK`" value="MK">Macedonia</option>
          <option :selected="selectedCountry == `MG`" value="MG">Madagascar</option>
          <option :selected="selectedCountry == `MW`" value="MW">Malawi</option>
          <option :selected="selectedCountry == `MY`" value="MY">Malaysia</option>
          <option :selected="selectedCountry == `MV`" value="MV">Maldives</option>
          <option :selected="selectedCountry == `ML`" value="ML">Mali</option>
          <option :selected="selectedCountry == `MT`" value="MT">Malta</option>
          <option :selected="selectedCountry == `MH`" value="MH">Marshall Islands</option>
          <option :selected="selectedCountry == `MQ`" value="MQ">Martinique</option>
          <option :selected="selectedCountry == `MR`" value="MR">Mauritania</option>
          <option :selected="selectedCountry == `MU`" value="MU">Mauritius</option>
          <option :selected="selectedCountry == `YT`" value="YT">Mayotte</option>
          <option :selected="selectedCountry == `MX`" value="MX">Mexico</option>
          <option :selected="selectedCountry == `FM`" value="FM">Micronesia</option>
          <option :selected="selectedCountry == `MD`" value="MD">Moldova</option>
          <option :selected="selectedCountry == `MC`" value="MC">Monaco</option>
          <option :selected="selectedCountry == `MN`" value="MN">Mongolia</option>
          <option :selected="selectedCountry == `ME`" value="ME">Montenegro</option>
          <option :selected="selectedCountry == `MS`" value="MS">Montserrat</option>
          <option :selected="selectedCountry == `MA`" value="MA">Morocco</option>
          <option :selected="selectedCountry == `MZ`" value="MZ">Mozambique</option>
          <option :selected="selectedCountry == `MM`" value="MM">Myanmar (Burma)</option>
          <option :selected="selectedCountry == `NA`" value="NA">Namibia</option>
          <option :selected="selectedCountry == `NR`" value="NR">Nauru</option>
          <option :selected="selectedCountry == `NP`" value="NP">Nepal</option>
          <option :selected="selectedCountry == `NL`" value="NL">Netherlands</option>
          <option :selected="selectedCountry == `NC`" value="NC">New Caledonia</option>
          <option :selected="selectedCountry == `NZ`" value="NZ">New Zealand</option>
          <option :selected="selectedCountry == `NI`" value="NI">Nicaragua</option>
          <option :selected="selectedCountry == `NE`" value="NE">Niger</option>
          <option :selected="selectedCountry == `NG`" value="NG">Nigeria</option>
          <option :selected="selectedCountry == `NU`" value="NU">Niue</option>
          <option :selected="selectedCountry == `NF`" value="NF">Norfolk Island</option>
          <option :selected="selectedCountry == `KP`" value="KP">North Korea</option>
          <option :selected="selectedCountry == `MP`" value="MP">Northern Mariana Islands</option>
          <option :selected="selectedCountry == `NO`" value="NO">Norway</option>
          <option :selected="selectedCountry == `OM`" value="OM">Oman</option>
          <option :selected="selectedCountry == `PK`" value="PK">Pakistan</option>
          <option :selected="selectedCountry == `PW`" value="PW">Palau</option>
          <option :selected="selectedCountry == `PS`" value="PS">Palestinian Territories</option>
          <option :selected="selectedCountry == `PA`" value="PA">Panama</option>
          <option :selected="selectedCountry == `PG`" value="PG">Papua New Guinea</option>
          <option :selected="selectedCountry == `PY`" value="PY">Paraguay</option>
          <option :selected="selectedCountry == `PE`" value="PE">Peru</option>
          <option :selected="selectedCountry == `PH`" value="PH">Philippines</option>
          <option :selected="selectedCountry == `PN`" value="PN">Pitcairn Islands</option>
          <option :selected="selectedCountry == `PL`" value="PL">Poland</option>
          <option :selected="selectedCountry == `PT`" value="PT">Portugal</option>
          <option :selected="selectedCountry == `PR`" value="PR">Puerto Rico</option>
          <option :selected="selectedCountry == `QA`" value="QA">Qatar</option>
          <option :selected="selectedCountry == `RO`" value="RO">Romania</option>
          <option :selected="selectedCountry == `RU`" value="RU">Russia</option>
          <option :selected="selectedCountry == `RW`" value="RW">Rwanda</option>
          <option :selected="selectedCountry == `RE`" value="RE">Réunion</option>
          <option :selected="selectedCountry == `WS`" value="WS">Samoa</option>
          <option :selected="selectedCountry == `SM`" value="SM">San Marino</option>
          <option :selected="selectedCountry == `SA`" value="SA">Saudi Arabia</option>
          <option :selected="selectedCountry == `SN`" value="SN">Senegal</option>
          <option :selected="selectedCountry == `RS`" value="RS">Serbia</option>
          <option :selected="selectedCountry == `SC`" value="SC">Seychelles</option>
          <option :selected="selectedCountry == `SL`" value="SL">Sierra Leone</option>
          <option :selected="selectedCountry == `SG`" value="SG">Singapore</option>
          <option :selected="selectedCountry == `SX`" value="SX">Sint Maarten</option>
          <option :selected="selectedCountry == `SK`" value="SK">Slovakia</option>
          <option :selected="selectedCountry == `SI`" value="SI">Slovenia</option>
          <option :selected="selectedCountry == `SB`" value="SB">Solomon Islands</option>
          <option :selected="selectedCountry == `SO`" value="SO">Somalia</option>
          <option :selected="selectedCountry == `ZA`" value="ZA">South Africa</option>
          <option :selected="selectedCountry == `GS`" value="GS">South Georgia &amp; South Sandwich Islands</option>
          <option :selected="selectedCountry == `KR`" value="KR">South Korea</option>
          <option :selected="selectedCountry == `SS`" value="SS">South Sudan</option>
          <option :selected="selectedCountry == `ES`" value="ES">Spain</option>
          <option :selected="selectedCountry == `LK`" value="LK">Sri Lanka</option>
          <option :selected="selectedCountry == `BL`" value="BL">St. Barthélemy</option>
          <option :selected="selectedCountry == `SH`" value="SH">St. Helena</option>
          <option :selected="selectedCountry == `KN`" value="KN">St. Kitts &amp; Nevis</option>
          <option :selected="selectedCountry == `LC`" value="LC">St. Lucia</option>
          <option :selected="selectedCountry == `MF`" value="MF">St. Martin</option>
          <option :selected="selectedCountry == `PM`" value="PM">St. Pierre &amp; Miquelon</option>
          <option :selected="selectedCountry == `VC`" value="VC">St. Vincent &amp; Grenadines</option>
          <option :selected="selectedCountry == `SD`" value="SD">Sudan</option>
          <option :selected="selectedCountry == `SR`" value="SR">Suriname</option>
          <option :selected="selectedCountry == `SJ`" value="SJ">Svalbard &amp; Jan Mayen</option>
          <option :selected="selectedCountry == `SZ`" value="SZ">Swaziland</option>
          <option :selected="selectedCountry == `SE`" value="SE">Sweden</option>
          <option :selected="selectedCountry == `CH`" value="CH">Switzerland</option>
          <option :selected="selectedCountry == `SY`" value="SY">Syria</option>
          <option :selected="selectedCountry == `ST`" value="ST">São Tomé &amp; Príncipe</option>
          <option :selected="selectedCountry == `TW`" value="TW">Taiwan</option>
          <option :selected="selectedCountry == `TJ`" value="TJ">Tajikistan</option>
          <option :selected="selectedCountry == `TZ`" value="TZ">Tanzania</option>
          <option :selected="selectedCountry == `TH`" value="TH">Thailand</option>
          <option :selected="selectedCountry == `TL`" value="TL">Timor-Leste</option>
          <option :selected="selectedCountry == `TG`" value="TG">Togo</option>
          <option :selected="selectedCountry == `TK`" value="TK">Tokelau</option>
          <option :selected="selectedCountry == `TO`" value="TO">Tonga</option>
          <option :selected="selectedCountry == `TT`" value="TT">Trinidad &amp; Tobago</option>
          <option :selected="selectedCountry == `TN`" value="TN">Tunisia</option>
          <option :selected="selectedCountry == `TR`" value="TR">Turkey</option>
          <option :selected="selectedCountry == `TM`" value="TM">Turkmenistan</option>
          <option :selected="selectedCountry == `TC`" value="TC">Turks &amp; Caicos Islands</option>
          <option :selected="selectedCountry == `TV`" value="TV">Tuvalu</option>
          <option :selected="selectedCountry == `UM`" value="UM">U.S. Outlying Islands</option>
          <option :selected="selectedCountry == `VI`" value="VI">U.S. Virgin Islands</option>
          <option :selected="selectedCountry == `UG`" value="UG">Uganda</option>
          <option :selected="selectedCountry == `UA`" value="UA">Ukraine</option>
          <option :selected="selectedCountry == `AE`" value="AE">United Arab Emirates</option>
          <option :selected="selectedCountry == `GB`" value="GB">United Kingdom</option>
          <option :selected="selectedCountry == `US`" value="US">United States</option>
          <option :selected="selectedCountry == `UY`" value="UY">Uruguay</option>
          <option :selected="selectedCountry == `UZ`" value="UZ">Uzbekistan</option>
          <option :selected="selectedCountry == `VU`" value="VU">Vanuatu</option>
          <option :selected="selectedCountry == `VA`" value="VA">Vatican City</option>
          <option :selected="selectedCountry == `VE`" value="VE">Venezuela</option>
          <option :selected="selectedCountry == `VN`" value="VN">Vietnam</option>
          <option :selected="selectedCountry == `WF`" value="WF">Wallis &amp; Futuna</option>
          <option :selected="selectedCountry == `EH`" value="EH">Western Sahara</option>
          <option :selected="selectedCountry == `YE`" value="YE">Yemen</option>
          <option :selected="selectedCountry == `ZM`" value="ZM">Zambia</option>
          <option :selected="selectedCountry == `ZW`" value="ZW">Zimbabwe</option>
          <option :selected="selectedCountry == `AX`" value="AX">Åland Islands</option>
        </select>
        <div class="form-select hybrid-select__custom" :class="{'form-select--open' : open}" @click=" open = !open " :aria-hidden="open &amp;&amp; !disabled">
          <span class="select-label text-capitalize placeholder" x-bind:class=" !selectedCountry ? 'placeholder' : ''" x-text="label">Select the country</span>
          <ul class="select-options text-capitalize" x-bind:class=" open ? 'open' : ''">
            <li data-value="AF" data-label="Afghanistan" x-init="$watch('hasInitialized', () => {
                                            if (`AF` == clientCountry) {
                                                label = `Afghanistan`;
                                                selectedCountry = `AF`;
                                            }
                                        })" @click="label = `Afghanistan`; selectedCountry = `AF`;"> Afghanistan </li>
            <li data-value="AL" data-label="Albania" x-init="$watch('hasInitialized', () => {
                                            if (`AL` == clientCountry) {
                                                label = `Albania`;
                                                selectedCountry = `AL`;
                                            }
                                        })" @click="label = `Albania`; selectedCountry = `AL`;"> Albania </li>
            <li data-value="DZ" data-label="Algeria" x-init="$watch('hasInitialized', () => {
                                            if (`DZ` == clientCountry) {
                                                label = `Algeria`;
                                                selectedCountry = `DZ`;
                                            }
                                        })" @click="label = `Algeria`; selectedCountry = `DZ`;"> Algeria </li>
            <li data-value="AS" data-label="American Samoa" x-init="$watch('hasInitialized', () => {
                                            if (`AS` == clientCountry) {
                                                label = `American Samoa`;
                                                selectedCountry = `AS`;
                                            }
                                        })" @click="label = `American Samoa`; selectedCountry = `AS`;"> American Samoa </li>
            <li data-value="AD" data-label="Andorra" x-init="$watch('hasInitialized', () => {
                                            if (`AD` == clientCountry) {
                                                label = `Andorra`;
                                                selectedCountry = `AD`;
                                            }
                                        })" @click="label = `Andorra`; selectedCountry = `AD`;"> Andorra </li>
            <li data-value="AO" data-label="Angola" x-init="$watch('hasInitialized', () => {
                                            if (`AO` == clientCountry) {
                                                label = `Angola`;
                                                selectedCountry = `AO`;
                                            }
                                        })" @click="label = `Angola`; selectedCountry = `AO`;"> Angola </li>
            <li data-value="AI" data-label="Anguilla" x-init="$watch('hasInitialized', () => {
                                            if (`AI` == clientCountry) {
                                                label = `Anguilla`;
                                                selectedCountry = `AI`;
                                            }
                                        })" @click="label = `Anguilla`; selectedCountry = `AI`;"> Anguilla </li>
            <li data-value="AQ" data-label="Antarctica" x-init="$watch('hasInitialized', () => {
                                            if (`AQ` == clientCountry) {
                                                label = `Antarctica`;
                                                selectedCountry = `AQ`;
                                            }
                                        })" @click="label = `Antarctica`; selectedCountry = `AQ`;"> Antarctica </li>
            <li data-value="AG" data-label="Antigua &amp; Barbuda" x-init="$watch('hasInitialized', () => {
                                            if (`AG` == clientCountry) {
                                                label = `Antigua &amp; Barbuda`;
                                                selectedCountry = `AG`;
                                            }
                                        })" @click="label = `Antigua &amp; Barbuda`; selectedCountry = `AG`;"> Antigua &amp; Barbuda </li>
            <li data-value="AR" data-label="Argentina" x-init="$watch('hasInitialized', () => {
                                            if (`AR` == clientCountry) {
                                                label = `Argentina`;
                                                selectedCountry = `AR`;
                                            }
                                        })" @click="label = `Argentina`; selectedCountry = `AR`;"> Argentina </li>
            <li data-value="AM" data-label="Armenia" x-init="$watch('hasInitialized', () => {
                                            if (`AM` == clientCountry) {
                                                label = `Armenia`;
                                                selectedCountry = `AM`;
                                            }
                                        })" @click="label = `Armenia`; selectedCountry = `AM`;"> Armenia </li>
            <li data-value="AW" data-label="Aruba" x-init="$watch('hasInitialized', () => {
                                            if (`AW` == clientCountry) {
                                                label = `Aruba`;
                                                selectedCountry = `AW`;
                                            }
                                        })" @click="label = `Aruba`; selectedCountry = `AW`;"> Aruba </li>
            <li data-value="AU" data-label="Australia" x-init="$watch('hasInitialized', () => {
                                            if (`AU` == clientCountry) {
                                                label = `Australia`;
                                                selectedCountry = `AU`;
                                            }
                                        })" @click="label = `Australia`; selectedCountry = `AU`;"> Australia </li>
            <li data-value="AT" data-label="Austria" x-init="$watch('hasInitialized', () => {
                                            if (`AT` == clientCountry) {
                                                label = `Austria`;
                                                selectedCountry = `AT`;
                                            }
                                        })" @click="label = `Austria`; selectedCountry = `AT`;"> Austria </li>
            <li data-value="AZ" data-label="Azerbaijan" x-init="$watch('hasInitialized', () => {
                                            if (`AZ` == clientCountry) {
                                                label = `Azerbaijan`;
                                                selectedCountry = `AZ`;
                                            }
                                        })" @click="label = `Azerbaijan`; selectedCountry = `AZ`;"> Azerbaijan </li>
            <li data-value="BS" data-label="Bahamas" x-init="$watch('hasInitialized', () => {
                                            if (`BS` == clientCountry) {
                                                label = `Bahamas`;
                                                selectedCountry = `BS`;
                                            }
                                        })" @click="label = `Bahamas`; selectedCountry = `BS`;"> Bahamas </li>
            <li data-value="BH" data-label="Bahrain" x-init="$watch('hasInitialized', () => {
                                            if (`BH` == clientCountry) {
                                                label = `Bahrain`;
                                                selectedCountry = `BH`;
                                            }
                                        })" @click="label = `Bahrain`; selectedCountry = `BH`;"> Bahrain </li>
            <li data-value="BD" data-label="Bangladesh" x-init="$watch('hasInitialized', () => {
                                            if (`BD` == clientCountry) {
                                                label = `Bangladesh`;
                                                selectedCountry = `BD`;
                                            }
                                        })" @click="label = `Bangladesh`; selectedCountry = `BD`;"> Bangladesh </li>
            <li data-value="BB" data-label="Barbados" x-init="$watch('hasInitialized', () => {
                                            if (`BB` == clientCountry) {
                                                label = `Barbados`;
                                                selectedCountry = `BB`;
                                            }
                                        })" @click="label = `Barbados`; selectedCountry = `BB`;"> Barbados </li>
            <li data-value="BY" data-label="Belarus" x-init="$watch('hasInitialized', () => {
                                            if (`BY` == clientCountry) {
                                                label = `Belarus`;
                                                selectedCountry = `BY`;
                                            }
                                        })" @click="label = `Belarus`; selectedCountry = `BY`;"> Belarus </li>
            <li data-value="BE" data-label="Belgium" x-init="$watch('hasInitialized', () => {
                                            if (`BE` == clientCountry) {
                                                label = `Belgium`;
                                                selectedCountry = `BE`;
                                            }
                                        })" @click="label = `Belgium`; selectedCountry = `BE`;"> Belgium </li>
            <li data-value="BZ" data-label="Belize" x-init="$watch('hasInitialized', () => {
                                            if (`BZ` == clientCountry) {
                                                label = `Belize`;
                                                selectedCountry = `BZ`;
                                            }
                                        })" @click="label = `Belize`; selectedCountry = `BZ`;"> Belize </li>
            <li data-value="BJ" data-label="Benin" x-init="$watch('hasInitialized', () => {
                                            if (`BJ` == clientCountry) {
                                                label = `Benin`;
                                                selectedCountry = `BJ`;
                                            }
                                        })" @click="label = `Benin`; selectedCountry = `BJ`;"> Benin </li>
            <li data-value="BM" data-label="Bermuda" x-init="$watch('hasInitialized', () => {
                                            if (`BM` == clientCountry) {
                                                label = `Bermuda`;
                                                selectedCountry = `BM`;
                                            }
                                        })" @click="label = `Bermuda`; selectedCountry = `BM`;"> Bermuda </li>
            <li data-value="BT" data-label="Bhutan" x-init="$watch('hasInitialized', () => {
                                            if (`BT` == clientCountry) {
                                                label = `Bhutan`;
                                                selectedCountry = `BT`;
                                            }
                                        })" @click="label = `Bhutan`; selectedCountry = `BT`;"> Bhutan </li>
            <li data-value="BO" data-label="Bolivia" x-init="$watch('hasInitialized', () => {
                                            if (`BO` == clientCountry) {
                                                label = `Bolivia`;
                                                selectedCountry = `BO`;
                                            }
                                        })" @click="label = `Bolivia`; selectedCountry = `BO`;"> Bolivia </li>
            <li data-value="BA" data-label="Bosnia &amp; Herzegovina" x-init="$watch('hasInitialized', () => {
                                            if (`BA` == clientCountry) {
                                                label = `Bosnia &amp; Herzegovina`;
                                                selectedCountry = `BA`;
                                            }
                                        })" @click="label = `Bosnia &amp; Herzegovina`; selectedCountry = `BA`;"> Bosnia &amp; Herzegovina </li>
            <li data-value="BW" data-label="Botswana" x-init="$watch('hasInitialized', () => {
                                            if (`BW` == clientCountry) {
                                                label = `Botswana`;
                                                selectedCountry = `BW`;
                                            }
                                        })" @click="label = `Botswana`; selectedCountry = `BW`;"> Botswana </li>
            <li data-value="BV" data-label="Bouvet Island" x-init="$watch('hasInitialized', () => {
                                            if (`BV` == clientCountry) {
                                                label = `Bouvet Island`;
                                                selectedCountry = `BV`;
                                            }
                                        })" @click="label = `Bouvet Island`; selectedCountry = `BV`;"> Bouvet Island </li>
            <li data-value="BR" data-label="Brazil" x-init="$watch('hasInitialized', () => {
                                            if (`BR` == clientCountry) {
                                                label = `Brazil`;
                                                selectedCountry = `BR`;
                                            }
                                        })" @click="label = `Brazil`; selectedCountry = `BR`;"> Brazil </li>
            <li data-value="IO" data-label="British Indian Ocean Territory" x-init="$watch('hasInitialized', () => {
                                            if (`IO` == clientCountry) {
                                                label = `British Indian Ocean Territory`;
                                                selectedCountry = `IO`;
                                            }
                                        })" @click="label = `British Indian Ocean Territory`; selectedCountry = `IO`;"> British Indian Ocean Territory </li>
            <li data-value="VG" data-label="British Virgin Islands" x-init="$watch('hasInitialized', () => {
                                            if (`VG` == clientCountry) {
                                                label = `British Virgin Islands`;
                                                selectedCountry = `VG`;
                                            }
                                        })" @click="label = `British Virgin Islands`; selectedCountry = `VG`;"> British Virgin Islands </li>
            <li data-value="BN" data-label="Brunei" x-init="$watch('hasInitialized', () => {
                                            if (`BN` == clientCountry) {
                                                label = `Brunei`;
                                                selectedCountry = `BN`;
                                            }
                                        })" @click="label = `Brunei`; selectedCountry = `BN`;"> Brunei </li>
            <li data-value="BG" data-label="Bulgaria" x-init="$watch('hasInitialized', () => {
                                            if (`BG` == clientCountry) {
                                                label = `Bulgaria`;
                                                selectedCountry = `BG`;
                                            }
                                        })" @click="label = `Bulgaria`; selectedCountry = `BG`;"> Bulgaria </li>
            <li data-value="BF" data-label="Burkina Faso" x-init="$watch('hasInitialized', () => {
                                            if (`BF` == clientCountry) {
                                                label = `Burkina Faso`;
                                                selectedCountry = `BF`;
                                            }
                                        })" @click="label = `Burkina Faso`; selectedCountry = `BF`;"> Burkina Faso </li>
            <li data-value="BI" data-label="Burundi" x-init="$watch('hasInitialized', () => {
                                            if (`BI` == clientCountry) {
                                                label = `Burundi`;
                                                selectedCountry = `BI`;
                                            }
                                        })" @click="label = `Burundi`; selectedCountry = `BI`;"> Burundi </li>
            <li data-value="KH" data-label="Cambodia" x-init="$watch('hasInitialized', () => {
                                            if (`KH` == clientCountry) {
                                                label = `Cambodia`;
                                                selectedCountry = `KH`;
                                            }
                                        })" @click="label = `Cambodia`; selectedCountry = `KH`;"> Cambodia </li>
            <li data-value="CM" data-label="Cameroon" x-init="$watch('hasInitialized', () => {
                                            if (`CM` == clientCountry) {
                                                label = `Cameroon`;
                                                selectedCountry = `CM`;
                                            }
                                        })" @click="label = `Cameroon`; selectedCountry = `CM`;"> Cameroon </li>
            <li data-value="CA" data-label="Canada" x-init="$watch('hasInitialized', () => {
                                            if (`CA` == clientCountry) {
                                                label = `Canada`;
                                                selectedCountry = `CA`;
                                            }
                                        })" @click="label = `Canada`; selectedCountry = `CA`;"> Canada </li>
            <li data-value="CV" data-label="Cape Verde" x-init="$watch('hasInitialized', () => {
                                            if (`CV` == clientCountry) {
                                                label = `Cape Verde`;
                                                selectedCountry = `CV`;
                                            }
                                        })" @click="label = `Cape Verde`; selectedCountry = `CV`;"> Cape Verde </li>
            <li data-value="BQ" data-label="Caribbean Netherlands" x-init="$watch('hasInitialized', () => {
                                            if (`BQ` == clientCountry) {
                                                label = `Caribbean Netherlands`;
                                                selectedCountry = `BQ`;
                                            }
                                        })" @click="label = `Caribbean Netherlands`; selectedCountry = `BQ`;"> Caribbean Netherlands </li>
            <li data-value="KY" data-label="Cayman Islands" x-init="$watch('hasInitialized', () => {
                                            if (`KY` == clientCountry) {
                                                label = `Cayman Islands`;
                                                selectedCountry = `KY`;
                                            }
                                        })" @click="label = `Cayman Islands`; selectedCountry = `KY`;"> Cayman Islands </li>
            <li data-value="CF" data-label="Central African Republic" x-init="$watch('hasInitialized', () => {
                                            if (`CF` == clientCountry) {
                                                label = `Central African Republic`;
                                                selectedCountry = `CF`;
                                            }
                                        })" @click="label = `Central African Republic`; selectedCountry = `CF`;"> Central African Republic </li>
            <li data-value="TD" data-label="Chad" x-init="$watch('hasInitialized', () => {
                                            if (`TD` == clientCountry) {
                                                label = `Chad`;
                                                selectedCountry = `TD`;
                                            }
                                        })" @click="label = `Chad`; selectedCountry = `TD`;"> Chad </li>
            <li data-value="CL" data-label="Chile" x-init="$watch('hasInitialized', () => {
                                            if (`CL` == clientCountry) {
                                                label = `Chile`;
                                                selectedCountry = `CL`;
                                            }
                                        })" @click="label = `Chile`; selectedCountry = `CL`;"> Chile </li>
            <li data-value="CN" data-label="China" x-init="$watch('hasInitialized', () => {
                                            if (`CN` == clientCountry) {
                                                label = `China`;
                                                selectedCountry = `CN`;
                                            }
                                        })" @click="label = `China`; selectedCountry = `CN`;"> China </li>
            <li data-value="CX" data-label="Christmas Island" x-init="$watch('hasInitialized', () => {
                                            if (`CX` == clientCountry) {
                                                label = `Christmas Island`;
                                                selectedCountry = `CX`;
                                            }
                                        })" @click="label = `Christmas Island`; selectedCountry = `CX`;"> Christmas Island </li>
            <li data-value="CC" data-label="Cocos (Keeling) Islands" x-init="$watch('hasInitialized', () => {
                                            if (`CC` == clientCountry) {
                                                label = `Cocos (Keeling) Islands`;
                                                selectedCountry = `CC`;
                                            }
                                        })" @click="label = `Cocos (Keeling) Islands`; selectedCountry = `CC`;"> Cocos (Keeling) Islands </li>
            <li data-value="CO" data-label="Colombia" x-init="$watch('hasInitialized', () => {
                                            if (`CO` == clientCountry) {
                                                label = `Colombia`;
                                                selectedCountry = `CO`;
                                            }
                                        })" @click="label = `Colombia`; selectedCountry = `CO`;"> Colombia </li>
            <li data-value="KM" data-label="Comoros" x-init="$watch('hasInitialized', () => {
                                            if (`KM` == clientCountry) {
                                                label = `Comoros`;
                                                selectedCountry = `KM`;
                                            }
                                        })" @click="label = `Comoros`; selectedCountry = `KM`;"> Comoros </li>
            <li data-value="CG" data-label="Congo - Brazzaville" x-init="$watch('hasInitialized', () => {
                                            if (`CG` == clientCountry) {
                                                label = `Congo - Brazzaville`;
                                                selectedCountry = `CG`;
                                            }
                                        })" @click="label = `Congo - Brazzaville`; selectedCountry = `CG`;"> Congo - Brazzaville </li>
            <li data-value="CD" data-label="Congo - Kinshasa" x-init="$watch('hasInitialized', () => {
                                            if (`CD` == clientCountry) {
                                                label = `Congo - Kinshasa`;
                                                selectedCountry = `CD`;
                                            }
                                        })" @click="label = `Congo - Kinshasa`; selectedCountry = `CD`;"> Congo - Kinshasa </li>
            <li data-value="CK" data-label="Cook Islands" x-init="$watch('hasInitialized', () => {
                                            if (`CK` == clientCountry) {
                                                label = `Cook Islands`;
                                                selectedCountry = `CK`;
                                            }
                                        })" @click="label = `Cook Islands`; selectedCountry = `CK`;"> Cook Islands </li>
            <li data-value="CR" data-label="Costa Rica" x-init="$watch('hasInitialized', () => {
                                            if (`CR` == clientCountry) {
                                                label = `Costa Rica`;
                                                selectedCountry = `CR`;
                                            }
                                        })" @click="label = `Costa Rica`; selectedCountry = `CR`;"> Costa Rica </li>
            <li data-value="HR" data-label="Croatia" x-init="$watch('hasInitialized', () => {
                                            if (`HR` == clientCountry) {
                                                label = `Croatia`;
                                                selectedCountry = `HR`;
                                            }
                                        })" @click="label = `Croatia`; selectedCountry = `HR`;"> Croatia </li>
            <li data-value="CU" data-label="Cuba" x-init="$watch('hasInitialized', () => {
                                            if (`CU` == clientCountry) {
                                                label = `Cuba`;
                                                selectedCountry = `CU`;
                                            }
                                        })" @click="label = `Cuba`; selectedCountry = `CU`;"> Cuba </li>
            <li data-value="CW" data-label="Curaçao" x-init="$watch('hasInitialized', () => {
                                            if (`CW` == clientCountry) {
                                                label = `Curaçao`;
                                                selectedCountry = `CW`;
                                            }
                                        })" @click="label = `Curaçao`; selectedCountry = `CW`;"> Curaçao </li>
            <li data-value="CY" data-label="Cyprus" x-init="$watch('hasInitialized', () => {
                                            if (`CY` == clientCountry) {
                                                label = `Cyprus`;
                                                selectedCountry = `CY`;
                                            }
                                        })" @click="label = `Cyprus`; selectedCountry = `CY`;"> Cyprus </li>
            <li data-value="CZ" data-label="Czechia" x-init="$watch('hasInitialized', () => {
                                            if (`CZ` == clientCountry) {
                                                label = `Czechia`;
                                                selectedCountry = `CZ`;
                                            }
                                        })" @click="label = `Czechia`; selectedCountry = `CZ`;"> Czechia </li>
            <li data-value="CI" data-label="Côte d’Ivoire" x-init="$watch('hasInitialized', () => {
                                            if (`CI` == clientCountry) {
                                                label = `Côte d’Ivoire`;
                                                selectedCountry = `CI`;
                                            }
                                        })" @click="label = `Côte d’Ivoire`; selectedCountry = `CI`;"> Côte d’Ivoire </li>
            <li data-value="DK" data-label="Denmark" x-init="$watch('hasInitialized', () => {
                                            if (`DK` == clientCountry) {
                                                label = `Denmark`;
                                                selectedCountry = `DK`;
                                            }
                                        })" @click="label = `Denmark`; selectedCountry = `DK`;"> Denmark </li>
            <li data-value="DJ" data-label="Djibouti" x-init="$watch('hasInitialized', () => {
                                            if (`DJ` == clientCountry) {
                                                label = `Djibouti`;
                                                selectedCountry = `DJ`;
                                            }
                                        })" @click="label = `Djibouti`; selectedCountry = `DJ`;"> Djibouti </li>
            <li data-value="DM" data-label="Dominica" x-init="$watch('hasInitialized', () => {
                                            if (`DM` == clientCountry) {
                                                label = `Dominica`;
                                                selectedCountry = `DM`;
                                            }
                                        })" @click="label = `Dominica`; selectedCountry = `DM`;"> Dominica </li>
            <li data-value="DO" data-label="Dominican Republic" x-init="$watch('hasInitialized', () => {
                                            if (`DO` == clientCountry) {
                                                label = `Dominican Republic`;
                                                selectedCountry = `DO`;
                                            }
                                        })" @click="label = `Dominican Republic`; selectedCountry = `DO`;"> Dominican Republic </li>
            <li data-value="EC" data-label="Ecuador" x-init="$watch('hasInitialized', () => {
                                            if (`EC` == clientCountry) {
                                                label = `Ecuador`;
                                                selectedCountry = `EC`;
                                            }
                                        })" @click="label = `Ecuador`; selectedCountry = `EC`;"> Ecuador </li>
            <li data-value="EG" data-label="Egypt" x-init="$watch('hasInitialized', () => {
                                            if (`EG` == clientCountry) {
                                                label = `Egypt`;
                                                selectedCountry = `EG`;
                                            }
                                        })" @click="label = `Egypt`; selectedCountry = `EG`;"> Egypt </li>
            <li data-value="SV" data-label="El Salvador" x-init="$watch('hasInitialized', () => {
                                            if (`SV` == clientCountry) {
                                                label = `El Salvador`;
                                                selectedCountry = `SV`;
                                            }
                                        })" @click="label = `El Salvador`; selectedCountry = `SV`;"> El Salvador </li>
            <li data-value="GQ" data-label="Equatorial Guinea" x-init="$watch('hasInitialized', () => {
                                            if (`GQ` == clientCountry) {
                                                label = `Equatorial Guinea`;
                                                selectedCountry = `GQ`;
                                            }
                                        })" @click="label = `Equatorial Guinea`; selectedCountry = `GQ`;"> Equatorial Guinea </li>
            <li data-value="ER" data-label="Eritrea" x-init="$watch('hasInitialized', () => {
                                            if (`ER` == clientCountry) {
                                                label = `Eritrea`;
                                                selectedCountry = `ER`;
                                            }
                                        })" @click="label = `Eritrea`; selectedCountry = `ER`;"> Eritrea </li>
            <li data-value="EE" data-label="Estonia" x-init="$watch('hasInitialized', () => {
                                            if (`EE` == clientCountry) {
                                                label = `Estonia`;
                                                selectedCountry = `EE`;
                                            }
                                        })" @click="label = `Estonia`; selectedCountry = `EE`;"> Estonia </li>
            <li data-value="ET" data-label="Ethiopia" x-init="$watch('hasInitialized', () => {
                                            if (`ET` == clientCountry) {
                                                label = `Ethiopia`;
                                                selectedCountry = `ET`;
                                            }
                                        })" @click="label = `Ethiopia`; selectedCountry = `ET`;"> Ethiopia </li>
            <li data-value="FK" data-label="Falkland Islands" x-init="$watch('hasInitialized', () => {
                                            if (`FK` == clientCountry) {
                                                label = `Falkland Islands`;
                                                selectedCountry = `FK`;
                                            }
                                        })" @click="label = `Falkland Islands`; selectedCountry = `FK`;"> Falkland Islands </li>
            <li data-value="FO" data-label="Faroe Islands" x-init="$watch('hasInitialized', () => {
                                            if (`FO` == clientCountry) {
                                                label = `Faroe Islands`;
                                                selectedCountry = `FO`;
                                            }
                                        })" @click="label = `Faroe Islands`; selectedCountry = `FO`;"> Faroe Islands </li>
            <li data-value="FJ" data-label="Fiji" x-init="$watch('hasInitialized', () => {
                                            if (`FJ` == clientCountry) {
                                                label = `Fiji`;
                                                selectedCountry = `FJ`;
                                            }
                                        })" @click="label = `Fiji`; selectedCountry = `FJ`;"> Fiji </li>
            <li data-value="FI" data-label="Finland" x-init="$watch('hasInitialized', () => {
                                            if (`FI` == clientCountry) {
                                                label = `Finland`;
                                                selectedCountry = `FI`;
                                            }
                                        })" @click="label = `Finland`; selectedCountry = `FI`;"> Finland </li>
            <li data-value="FR" data-label="France" x-init="$watch('hasInitialized', () => {
                                            if (`FR` == clientCountry) {
                                                label = `France`;
                                                selectedCountry = `FR`;
                                            }
                                        })" @click="label = `France`; selectedCountry = `FR`;"> France </li>
            <li data-value="GF" data-label="French Guiana" x-init="$watch('hasInitialized', () => {
                                            if (`GF` == clientCountry) {
                                                label = `French Guiana`;
                                                selectedCountry = `GF`;
                                            }
                                        })" @click="label = `French Guiana`; selectedCountry = `GF`;"> French Guiana </li>
            <li data-value="PF" data-label="French Polynesia" x-init="$watch('hasInitialized', () => {
                                            if (`PF` == clientCountry) {
                                                label = `French Polynesia`;
                                                selectedCountry = `PF`;
                                            }
                                        })" @click="label = `French Polynesia`; selectedCountry = `PF`;"> French Polynesia </li>
            <li data-value="TF" data-label="French Southern Territories" x-init="$watch('hasInitialized', () => {
                                            if (`TF` == clientCountry) {
                                                label = `French Southern Territories`;
                                                selectedCountry = `TF`;
                                            }
                                        })" @click="label = `French Southern Territories`; selectedCountry = `TF`;"> French Southern Territories </li>
            <li data-value="GA" data-label="Gabon" x-init="$watch('hasInitialized', () => {
                                            if (`GA` == clientCountry) {
                                                label = `Gabon`;
                                                selectedCountry = `GA`;
                                            }
                                        })" @click="label = `Gabon`; selectedCountry = `GA`;"> Gabon </li>
            <li data-value="GM" data-label="Gambia" x-init="$watch('hasInitialized', () => {
                                            if (`GM` == clientCountry) {
                                                label = `Gambia`;
                                                selectedCountry = `GM`;
                                            }
                                        })" @click="label = `Gambia`; selectedCountry = `GM`;"> Gambia </li>
            <li data-value="GE" data-label="Georgia" x-init="$watch('hasInitialized', () => {
                                            if (`GE` == clientCountry) {
                                                label = `Georgia`;
                                                selectedCountry = `GE`;
                                            }
                                        })" @click="label = `Georgia`; selectedCountry = `GE`;"> Georgia </li>
            <li data-value="DE" data-label="Germany" x-init="$watch('hasInitialized', () => {
                                            if (`DE` == clientCountry) {
                                                label = `Germany`;
                                                selectedCountry = `DE`;
                                            }
                                        })" @click="label = `Germany`; selectedCountry = `DE`;"> Germany </li>
            <li data-value="GH" data-label="Ghana" x-init="$watch('hasInitialized', () => {
                                            if (`GH` == clientCountry) {
                                                label = `Ghana`;
                                                selectedCountry = `GH`;
                                            }
                                        })" @click="label = `Ghana`; selectedCountry = `GH`;"> Ghana </li>
            <li data-value="GI" data-label="Gibraltar" x-init="$watch('hasInitialized', () => {
                                            if (`GI` == clientCountry) {
                                                label = `Gibraltar`;
                                                selectedCountry = `GI`;
                                            }
                                        })" @click="label = `Gibraltar`; selectedCountry = `GI`;"> Gibraltar </li>
            <li data-value="GR" data-label="Greece" x-init="$watch('hasInitialized', () => {
                                            if (`GR` == clientCountry) {
                                                label = `Greece`;
                                                selectedCountry = `GR`;
                                            }
                                        })" @click="label = `Greece`; selectedCountry = `GR`;"> Greece </li>
            <li data-value="GL" data-label="Greenland" x-init="$watch('hasInitialized', () => {
                                            if (`GL` == clientCountry) {
                                                label = `Greenland`;
                                                selectedCountry = `GL`;
                                            }
                                        })" @click="label = `Greenland`; selectedCountry = `GL`;"> Greenland </li>
            <li data-value="GD" data-label="Grenada" x-init="$watch('hasInitialized', () => {
                                            if (`GD` == clientCountry) {
                                                label = `Grenada`;
                                                selectedCountry = `GD`;
                                            }
                                        })" @click="label = `Grenada`; selectedCountry = `GD`;"> Grenada </li>
            <li data-value="GP" data-label="Guadeloupe" x-init="$watch('hasInitialized', () => {
                                            if (`GP` == clientCountry) {
                                                label = `Guadeloupe`;
                                                selectedCountry = `GP`;
                                            }
                                        })" @click="label = `Guadeloupe`; selectedCountry = `GP`;"> Guadeloupe </li>
            <li data-value="GU" data-label="Guam" x-init="$watch('hasInitialized', () => {
                                            if (`GU` == clientCountry) {
                                                label = `Guam`;
                                                selectedCountry = `GU`;
                                            }
                                        })" @click="label = `Guam`; selectedCountry = `GU`;"> Guam </li>
            <li data-value="GT" data-label="Guatemala" x-init="$watch('hasInitialized', () => {
                                            if (`GT` == clientCountry) {
                                                label = `Guatemala`;
                                                selectedCountry = `GT`;
                                            }
                                        })" @click="label = `Guatemala`; selectedCountry = `GT`;"> Guatemala </li>
            <li data-value="GG" data-label="Guernsey" x-init="$watch('hasInitialized', () => {
                                            if (`GG` == clientCountry) {
                                                label = `Guernsey`;
                                                selectedCountry = `GG`;
                                            }
                                        })" @click="label = `Guernsey`; selectedCountry = `GG`;"> Guernsey </li>
            <li data-value="GN" data-label="Guinea" x-init="$watch('hasInitialized', () => {
                                            if (`GN` == clientCountry) {
                                                label = `Guinea`;
                                                selectedCountry = `GN`;
                                            }
                                        })" @click="label = `Guinea`; selectedCountry = `GN`;"> Guinea </li>
            <li data-value="GW" data-label="Guinea-Bissau" x-init="$watch('hasInitialized', () => {
                                            if (`GW` == clientCountry) {
                                                label = `Guinea-Bissau`;
                                                selectedCountry = `GW`;
                                            }
                                        })" @click="label = `Guinea-Bissau`; selectedCountry = `GW`;"> Guinea-Bissau </li>
            <li data-value="GY" data-label="Guyana" x-init="$watch('hasInitialized', () => {
                                            if (`GY` == clientCountry) {
                                                label = `Guyana`;
                                                selectedCountry = `GY`;
                                            }
                                        })" @click="label = `Guyana`; selectedCountry = `GY`;"> Guyana </li>
            <li data-value="HT" data-label="Haiti" x-init="$watch('hasInitialized', () => {
                                            if (`HT` == clientCountry) {
                                                label = `Haiti`;
                                                selectedCountry = `HT`;
                                            }
                                        })" @click="label = `Haiti`; selectedCountry = `HT`;"> Haiti </li>
            <li data-value="HM" data-label="Heard &amp; McDonald Islands" x-init="$watch('hasInitialized', () => {
                                            if (`HM` == clientCountry) {
                                                label = `Heard &amp; McDonald Islands`;
                                                selectedCountry = `HM`;
                                            }
                                        })" @click="label = `Heard &amp; McDonald Islands`; selectedCountry = `HM`;"> Heard &amp; McDonald Islands </li>
            <li data-value="HN" data-label="Honduras" x-init="$watch('hasInitialized', () => {
                                            if (`HN` == clientCountry) {
                                                label = `Honduras`;
                                                selectedCountry = `HN`;
                                            }
                                        })" @click="label = `Honduras`; selectedCountry = `HN`;"> Honduras </li>
            <li data-value="HK" data-label="Hong Kong SAR China" x-init="$watch('hasInitialized', () => {
                                            if (`HK` == clientCountry) {
                                                label = `Hong Kong SAR China`;
                                                selectedCountry = `HK`;
                                            }
                                        })" @click="label = `Hong Kong SAR China`; selectedCountry = `HK`;"> Hong Kong SAR China </li>
            <li data-value="HU" data-label="Hungary" x-init="$watch('hasInitialized', () => {
                                            if (`HU` == clientCountry) {
                                                label = `Hungary`;
                                                selectedCountry = `HU`;
                                            }
                                        })" @click="label = `Hungary`; selectedCountry = `HU`;"> Hungary </li>
            <li data-value="IS" data-label="Iceland" x-init="$watch('hasInitialized', () => {
                                            if (`IS` == clientCountry) {
                                                label = `Iceland`;
                                                selectedCountry = `IS`;
                                            }
                                        })" @click="label = `Iceland`; selectedCountry = `IS`;"> Iceland </li>
            <li data-value="IN" data-label="India" x-init="$watch('hasInitialized', () => {
                                            if (`IN` == clientCountry) {
                                                label = `India`;
                                                selectedCountry = `IN`;
                                            }
                                        })" @click="label = `India`; selectedCountry = `IN`;"> India </li>
            <li data-value="ID" data-label="Indonesia" x-init="$watch('hasInitialized', () => {
                                            if (`ID` == clientCountry) {
                                                label = `Indonesia`;
                                                selectedCountry = `ID`;
                                            }
                                        })" @click="label = `Indonesia`; selectedCountry = `ID`;"> Indonesia </li>
            <li data-value="IR" data-label="Iran" x-init="$watch('hasInitialized', () => {
                                            if (`IR` == clientCountry) {
                                                label = `Iran`;
                                                selectedCountry = `IR`;
                                            }
                                        })" @click="label = `Iran`; selectedCountry = `IR`;"> Iran </li>
            <li data-value="IQ" data-label="Iraq" x-init="$watch('hasInitialized', () => {
                                            if (`IQ` == clientCountry) {
                                                label = `Iraq`;
                                                selectedCountry = `IQ`;
                                            }
                                        })" @click="label = `Iraq`; selectedCountry = `IQ`;"> Iraq </li>
            <li data-value="IE" data-label="Ireland" x-init="$watch('hasInitialized', () => {
                                            if (`IE` == clientCountry) {
                                                label = `Ireland`;
                                                selectedCountry = `IE`;
                                            }
                                        })" @click="label = `Ireland`; selectedCountry = `IE`;"> Ireland </li>
            <li data-value="IM" data-label="Isle of Man" x-init="$watch('hasInitialized', () => {
                                            if (`IM` == clientCountry) {
                                                label = `Isle of Man`;
                                                selectedCountry = `IM`;
                                            }
                                        })" @click="label = `Isle of Man`; selectedCountry = `IM`;"> Isle of Man </li>
            <li data-value="IL" data-label="Israel" x-init="$watch('hasInitialized', () => {
                                            if (`IL` == clientCountry) {
                                                label = `Israel`;
                                                selectedCountry = `IL`;
                                            }
                                        })" @click="label = `Israel`; selectedCountry = `IL`;"> Israel </li>
            <li data-value="IT" data-label="Italy" x-init="$watch('hasInitialized', () => {
                                            if (`IT` == clientCountry) {
                                                label = `Italy`;
                                                selectedCountry = `IT`;
                                            }
                                        })" @click="label = `Italy`; selectedCountry = `IT`;"> Italy </li>
            <li data-value="JM" data-label="Jamaica" x-init="$watch('hasInitialized', () => {
                                            if (`JM` == clientCountry) {
                                                label = `Jamaica`;
                                                selectedCountry = `JM`;
                                            }
                                        })" @click="label = `Jamaica`; selectedCountry = `JM`;"> Jamaica </li>
            <li data-value="JP" data-label="Japan" x-init="$watch('hasInitialized', () => {
                                            if (`JP` == clientCountry) {
                                                label = `Japan`;
                                                selectedCountry = `JP`;
                                            }
                                        })" @click="label = `Japan`; selectedCountry = `JP`;"> Japan </li>
            <li data-value="JE" data-label="Jersey" x-init="$watch('hasInitialized', () => {
                                            if (`JE` == clientCountry) {
                                                label = `Jersey`;
                                                selectedCountry = `JE`;
                                            }
                                        })" @click="label = `Jersey`; selectedCountry = `JE`;"> Jersey </li>
            <li data-value="JO" data-label="Jordan" x-init="$watch('hasInitialized', () => {
                                            if (`JO` == clientCountry) {
                                                label = `Jordan`;
                                                selectedCountry = `JO`;
                                            }
                                        })" @click="label = `Jordan`; selectedCountry = `JO`;"> Jordan </li>
            <li data-value="KZ" data-label="Kazakhstan" x-init="$watch('hasInitialized', () => {
                                            if (`KZ` == clientCountry) {
                                                label = `Kazakhstan`;
                                                selectedCountry = `KZ`;
                                            }
                                        })" @click="label = `Kazakhstan`; selectedCountry = `KZ`;"> Kazakhstan </li>
            <li data-value="KE" data-label="Kenya" x-init="$watch('hasInitialized', () => {
                                            if (`KE` == clientCountry) {
                                                label = `Kenya`;
                                                selectedCountry = `KE`;
                                            }
                                        })" @click="label = `Kenya`; selectedCountry = `KE`;"> Kenya </li>
            <li data-value="KI" data-label="Kiribati" x-init="$watch('hasInitialized', () => {
                                            if (`KI` == clientCountry) {
                                                label = `Kiribati`;
                                                selectedCountry = `KI`;
                                            }
                                        })" @click="label = `Kiribati`; selectedCountry = `KI`;"> Kiribati </li>
            <li data-value="KW" data-label="Kuwait" x-init="$watch('hasInitialized', () => {
                                            if (`KW` == clientCountry) {
                                                label = `Kuwait`;
                                                selectedCountry = `KW`;
                                            }
                                        })" @click="label = `Kuwait`; selectedCountry = `KW`;"> Kuwait </li>
            <li data-value="KG" data-label="Kyrgyzstan" x-init="$watch('hasInitialized', () => {
                                            if (`KG` == clientCountry) {
                                                label = `Kyrgyzstan`;
                                                selectedCountry = `KG`;
                                            }
                                        })" @click="label = `Kyrgyzstan`; selectedCountry = `KG`;"> Kyrgyzstan </li>
            <li data-value="LA" data-label="Laos" x-init="$watch('hasInitialized', () => {
                                            if (`LA` == clientCountry) {
                                                label = `Laos`;
                                                selectedCountry = `LA`;
                                            }
                                        })" @click="label = `Laos`; selectedCountry = `LA`;"> Laos </li>
            <li data-value="LV" data-label="Latvia" x-init="$watch('hasInitialized', () => {
                                            if (`LV` == clientCountry) {
                                                label = `Latvia`;
                                                selectedCountry = `LV`;
                                            }
                                        })" @click="label = `Latvia`; selectedCountry = `LV`;"> Latvia </li>
            <li data-value="LB" data-label="Lebanon" x-init="$watch('hasInitialized', () => {
                                            if (`LB` == clientCountry) {
                                                label = `Lebanon`;
                                                selectedCountry = `LB`;
                                            }
                                        })" @click="label = `Lebanon`; selectedCountry = `LB`;"> Lebanon </li>
            <li data-value="LS" data-label="Lesotho" x-init="$watch('hasInitialized', () => {
                                            if (`LS` == clientCountry) {
                                                label = `Lesotho`;
                                                selectedCountry = `LS`;
                                            }
                                        })" @click="label = `Lesotho`; selectedCountry = `LS`;"> Lesotho </li>
            <li data-value="LR" data-label="Liberia" x-init="$watch('hasInitialized', () => {
                                            if (`LR` == clientCountry) {
                                                label = `Liberia`;
                                                selectedCountry = `LR`;
                                            }
                                        })" @click="label = `Liberia`; selectedCountry = `LR`;"> Liberia </li>
            <li data-value="LY" data-label="Libya" x-init="$watch('hasInitialized', () => {
                                            if (`LY` == clientCountry) {
                                                label = `Libya`;
                                                selectedCountry = `LY`;
                                            }
                                        })" @click="label = `Libya`; selectedCountry = `LY`;"> Libya </li>
            <li data-value="LI" data-label="Liechtenstein" x-init="$watch('hasInitialized', () => {
                                            if (`LI` == clientCountry) {
                                                label = `Liechtenstein`;
                                                selectedCountry = `LI`;
                                            }
                                        })" @click="label = `Liechtenstein`; selectedCountry = `LI`;"> Liechtenstein </li>
            <li data-value="LT" data-label="Lithuania" x-init="$watch('hasInitialized', () => {
                                            if (`LT` == clientCountry) {
                                                label = `Lithuania`;
                                                selectedCountry = `LT`;
                                            }
                                        })" @click="label = `Lithuania`; selectedCountry = `LT`;"> Lithuania </li>
            <li data-value="LU" data-label="Luxembourg" x-init="$watch('hasInitialized', () => {
                                            if (`LU` == clientCountry) {
                                                label = `Luxembourg`;
                                                selectedCountry = `LU`;
                                            }
                                        })" @click="label = `Luxembourg`; selectedCountry = `LU`;"> Luxembourg </li>
            <li data-value="MO" data-label="Macau SAR China" x-init="$watch('hasInitialized', () => {
                                            if (`MO` == clientCountry) {
                                                label = `Macau SAR China`;
                                                selectedCountry = `MO`;
                                            }
                                        })" @click="label = `Macau SAR China`; selectedCountry = `MO`;"> Macau SAR China </li>
            <li data-value="MK" data-label="Macedonia" x-init="$watch('hasInitialized', () => {
                                            if (`MK` == clientCountry) {
                                                label = `Macedonia`;
                                                selectedCountry = `MK`;
                                            }
                                        })" @click="label = `Macedonia`; selectedCountry = `MK`;"> Macedonia </li>
            <li data-value="MG" data-label="Madagascar" x-init="$watch('hasInitialized', () => {
                                            if (`MG` == clientCountry) {
                                                label = `Madagascar`;
                                                selectedCountry = `MG`;
                                            }
                                        })" @click="label = `Madagascar`; selectedCountry = `MG`;"> Madagascar </li>
            <li data-value="MW" data-label="Malawi" x-init="$watch('hasInitialized', () => {
                                            if (`MW` == clientCountry) {
                                                label = `Malawi`;
                                                selectedCountry = `MW`;
                                            }
                                        })" @click="label = `Malawi`; selectedCountry = `MW`;"> Malawi </li>
            <li data-value="MY" data-label="Malaysia" x-init="$watch('hasInitialized', () => {
                                            if (`MY` == clientCountry) {
                                                label = `Malaysia`;
                                                selectedCountry = `MY`;
                                            }
                                        })" @click="label = `Malaysia`; selectedCountry = `MY`;"> Malaysia </li>
            <li data-value="MV" data-label="Maldives" x-init="$watch('hasInitialized', () => {
                                            if (`MV` == clientCountry) {
                                                label = `Maldives`;
                                                selectedCountry = `MV`;
                                            }
                                        })" @click="label = `Maldives`; selectedCountry = `MV`;"> Maldives </li>
            <li data-value="ML" data-label="Mali" x-init="$watch('hasInitialized', () => {
                                            if (`ML` == clientCountry) {
                                                label = `Mali`;
                                                selectedCountry = `ML`;
                                            }
                                        })" @click="label = `Mali`; selectedCountry = `ML`;"> Mali </li>
            <li data-value="MT" data-label="Malta" x-init="$watch('hasInitialized', () => {
                                            if (`MT` == clientCountry) {
                                                label = `Malta`;
                                                selectedCountry = `MT`;
                                            }
                                        })" @click="label = `Malta`; selectedCountry = `MT`;"> Malta </li>
            <li data-value="MH" data-label="Marshall Islands" x-init="$watch('hasInitialized', () => {
                                            if (`MH` == clientCountry) {
                                                label = `Marshall Islands`;
                                                selectedCountry = `MH`;
                                            }
                                        })" @click="label = `Marshall Islands`; selectedCountry = `MH`;"> Marshall Islands </li>
            <li data-value="MQ" data-label="Martinique" x-init="$watch('hasInitialized', () => {
                                            if (`MQ` == clientCountry) {
                                                label = `Martinique`;
                                                selectedCountry = `MQ`;
                                            }
                                        })" @click="label = `Martinique`; selectedCountry = `MQ`;"> Martinique </li>
            <li data-value="MR" data-label="Mauritania" x-init="$watch('hasInitialized', () => {
                                            if (`MR` == clientCountry) {
                                                label = `Mauritania`;
                                                selectedCountry = `MR`;
                                            }
                                        })" @click="label = `Mauritania`; selectedCountry = `MR`;"> Mauritania </li>
            <li data-value="MU" data-label="Mauritius" x-init="$watch('hasInitialized', () => {
                                            if (`MU` == clientCountry) {
                                                label = `Mauritius`;
                                                selectedCountry = `MU`;
                                            }
                                        })" @click="label = `Mauritius`; selectedCountry = `MU`;"> Mauritius </li>
            <li data-value="YT" data-label="Mayotte" x-init="$watch('hasInitialized', () => {
                                            if (`YT` == clientCountry) {
                                                label = `Mayotte`;
                                                selectedCountry = `YT`;
                                            }
                                        })" @click="label = `Mayotte`; selectedCountry = `YT`;"> Mayotte </li>
            <li data-value="MX" data-label="Mexico" x-init="$watch('hasInitialized', () => {
                                            if (`MX` == clientCountry) {
                                                label = `Mexico`;
                                                selectedCountry = `MX`;
                                            }
                                        })" @click="label = `Mexico`; selectedCountry = `MX`;"> Mexico </li>
            <li data-value="FM" data-label="Micronesia" x-init="$watch('hasInitialized', () => {
                                            if (`FM` == clientCountry) {
                                                label = `Micronesia`;
                                                selectedCountry = `FM`;
                                            }
                                        })" @click="label = `Micronesia`; selectedCountry = `FM`;"> Micronesia </li>
            <li data-value="MD" data-label="Moldova" x-init="$watch('hasInitialized', () => {
                                            if (`MD` == clientCountry) {
                                                label = `Moldova`;
                                                selectedCountry = `MD`;
                                            }
                                        })" @click="label = `Moldova`; selectedCountry = `MD`;"> Moldova </li>
            <li data-value="MC" data-label="Monaco" x-init="$watch('hasInitialized', () => {
                                            if (`MC` == clientCountry) {
                                                label = `Monaco`;
                                                selectedCountry = `MC`;
                                            }
                                        })" @click="label = `Monaco`; selectedCountry = `MC`;"> Monaco </li>
            <li data-value="MN" data-label="Mongolia" x-init="$watch('hasInitialized', () => {
                                            if (`MN` == clientCountry) {
                                                label = `Mongolia`;
                                                selectedCountry = `MN`;
                                            }
                                        })" @click="label = `Mongolia`; selectedCountry = `MN`;"> Mongolia </li>
            <li data-value="ME" data-label="Montenegro" x-init="$watch('hasInitialized', () => {
                                            if (`ME` == clientCountry) {
                                                label = `Montenegro`;
                                                selectedCountry = `ME`;
                                            }
                                        })" @click="label = `Montenegro`; selectedCountry = `ME`;"> Montenegro </li>
            <li data-value="MS" data-label="Montserrat" x-init="$watch('hasInitialized', () => {
                                            if (`MS` == clientCountry) {
                                                label = `Montserrat`;
                                                selectedCountry = `MS`;
                                            }
                                        })" @click="label = `Montserrat`; selectedCountry = `MS`;"> Montserrat </li>
            <li data-value="MA" data-label="Morocco" x-init="$watch('hasInitialized', () => {
                                            if (`MA` == clientCountry) {
                                                label = `Morocco`;
                                                selectedCountry = `MA`;
                                            }
                                        })" @click="label = `Morocco`; selectedCountry = `MA`;"> Morocco </li>
            <li data-value="MZ" data-label="Mozambique" x-init="$watch('hasInitialized', () => {
                                            if (`MZ` == clientCountry) {
                                                label = `Mozambique`;
                                                selectedCountry = `MZ`;
                                            }
                                        })" @click="label = `Mozambique`; selectedCountry = `MZ`;"> Mozambique </li>
            <li data-value="MM" data-label="Myanmar (Burma)" x-init="$watch('hasInitialized', () => {
                                            if (`MM` == clientCountry) {
                                                label = `Myanmar (Burma)`;
                                                selectedCountry = `MM`;
                                            }
                                        })" @click="label = `Myanmar (Burma)`; selectedCountry = `MM`;"> Myanmar (Burma) </li>
            <li data-value="NA" data-label="Namibia" x-init="$watch('hasInitialized', () => {
                                            if (`NA` == clientCountry) {
                                                label = `Namibia`;
                                                selectedCountry = `NA`;
                                            }
                                        })" @click="label = `Namibia`; selectedCountry = `NA`;"> Namibia </li>
            <li data-value="NR" data-label="Nauru" x-init="$watch('hasInitialized', () => {
                                            if (`NR` == clientCountry) {
                                                label = `Nauru`;
                                                selectedCountry = `NR`;
                                            }
                                        })" @click="label = `Nauru`; selectedCountry = `NR`;"> Nauru </li>
            <li data-value="NP" data-label="Nepal" x-init="$watch('hasInitialized', () => {
                                            if (`NP` == clientCountry) {
                                                label = `Nepal`;
                                                selectedCountry = `NP`;
                                            }
                                        })" @click="label = `Nepal`; selectedCountry = `NP`;"> Nepal </li>
            <li data-value="NL" data-label="Netherlands" x-init="$watch('hasInitialized', () => {
                                            if (`NL` == clientCountry) {
                                                label = `Netherlands`;
                                                selectedCountry = `NL`;
                                            }
                                        })" @click="label = `Netherlands`; selectedCountry = `NL`;"> Netherlands </li>
            <li data-value="NC" data-label="New Caledonia" x-init="$watch('hasInitialized', () => {
                                            if (`NC` == clientCountry) {
                                                label = `New Caledonia`;
                                                selectedCountry = `NC`;
                                            }
                                        })" @click="label = `New Caledonia`; selectedCountry = `NC`;"> New Caledonia </li>
            <li data-value="NZ" data-label="New Zealand" x-init="$watch('hasInitialized', () => {
                                            if (`NZ` == clientCountry) {
                                                label = `New Zealand`;
                                                selectedCountry = `NZ`;
                                            }
                                        })" @click="label = `New Zealand`; selectedCountry = `NZ`;"> New Zealand </li>
            <li data-value="NI" data-label="Nicaragua" x-init="$watch('hasInitialized', () => {
                                            if (`NI` == clientCountry) {
                                                label = `Nicaragua`;
                                                selectedCountry = `NI`;
                                            }
                                        })" @click="label = `Nicaragua`; selectedCountry = `NI`;"> Nicaragua </li>
            <li data-value="NE" data-label="Niger" x-init="$watch('hasInitialized', () => {
                                            if (`NE` == clientCountry) {
                                                label = `Niger`;
                                                selectedCountry = `NE`;
                                            }
                                        })" @click="label = `Niger`; selectedCountry = `NE`;"> Niger </li>
            <li data-value="NG" data-label="Nigeria" x-init="$watch('hasInitialized', () => {
                                            if (`NG` == clientCountry) {
                                                label = `Nigeria`;
                                                selectedCountry = `NG`;
                                            }
                                        })" @click="label = `Nigeria`; selectedCountry = `NG`;"> Nigeria </li>
            <li data-value="NU" data-label="Niue" x-init="$watch('hasInitialized', () => {
                                            if (`NU` == clientCountry) {
                                                label = `Niue`;
                                                selectedCountry = `NU`;
                                            }
                                        })" @click="label = `Niue`; selectedCountry = `NU`;"> Niue </li>
            <li data-value="NF" data-label="Norfolk Island" x-init="$watch('hasInitialized', () => {
                                            if (`NF` == clientCountry) {
                                                label = `Norfolk Island`;
                                                selectedCountry = `NF`;
                                            }
                                        })" @click="label = `Norfolk Island`; selectedCountry = `NF`;"> Norfolk Island </li>
            <li data-value="KP" data-label="North Korea" x-init="$watch('hasInitialized', () => {
                                            if (`KP` == clientCountry) {
                                                label = `North Korea`;
                                                selectedCountry = `KP`;
                                            }
                                        })" @click="label = `North Korea`; selectedCountry = `KP`;"> North Korea </li>
            <li data-value="MP" data-label="Northern Mariana Islands" x-init="$watch('hasInitialized', () => {
                                            if (`MP` == clientCountry) {
                                                label = `Northern Mariana Islands`;
                                                selectedCountry = `MP`;
                                            }
                                        })" @click="label = `Northern Mariana Islands`; selectedCountry = `MP`;"> Northern Mariana Islands </li>
            <li data-value="NO" data-label="Norway" x-init="$watch('hasInitialized', () => {
                                            if (`NO` == clientCountry) {
                                                label = `Norway`;
                                                selectedCountry = `NO`;
                                            }
                                        })" @click="label = `Norway`; selectedCountry = `NO`;"> Norway </li>
            <li data-value="OM" data-label="Oman" x-init="$watch('hasInitialized', () => {
                                            if (`OM` == clientCountry) {
                                                label = `Oman`;
                                                selectedCountry = `OM`;
                                            }
                                        })" @click="label = `Oman`; selectedCountry = `OM`;"> Oman </li>
            <li data-value="PK" data-label="Pakistan" x-init="$watch('hasInitialized', () => {
                                            if (`PK` == clientCountry) {
                                                label = `Pakistan`;
                                                selectedCountry = `PK`;
                                            }
                                        })" @click="label = `Pakistan`; selectedCountry = `PK`;"> Pakistan </li>
            <li data-value="PW" data-label="Palau" x-init="$watch('hasInitialized', () => {
                                            if (`PW` == clientCountry) {
                                                label = `Palau`;
                                                selectedCountry = `PW`;
                                            }
                                        })" @click="label = `Palau`; selectedCountry = `PW`;"> Palau </li>
            <li data-value="PS" data-label="Palestinian Territories" x-init="$watch('hasInitialized', () => {
                                            if (`PS` == clientCountry) {
                                                label = `Palestinian Territories`;
                                                selectedCountry = `PS`;
                                            }
                                        })" @click="label = `Palestinian Territories`; selectedCountry = `PS`;"> Palestinian Territories </li>
            <li data-value="PA" data-label="Panama" x-init="$watch('hasInitialized', () => {
                                            if (`PA` == clientCountry) {
                                                label = `Panama`;
                                                selectedCountry = `PA`;
                                            }
                                        })" @click="label = `Panama`; selectedCountry = `PA`;"> Panama </li>
            <li data-value="PG" data-label="Papua New Guinea" x-init="$watch('hasInitialized', () => {
                                            if (`PG` == clientCountry) {
                                                label = `Papua New Guinea`;
                                                selectedCountry = `PG`;
                                            }
                                        })" @click="label = `Papua New Guinea`; selectedCountry = `PG`;"> Papua New Guinea </li>
            <li data-value="PY" data-label="Paraguay" x-init="$watch('hasInitialized', () => {
                                            if (`PY` == clientCountry) {
                                                label = `Paraguay`;
                                                selectedCountry = `PY`;
                                            }
                                        })" @click="label = `Paraguay`; selectedCountry = `PY`;"> Paraguay </li>
            <li data-value="PE" data-label="Peru" x-init="$watch('hasInitialized', () => {
                                            if (`PE` == clientCountry) {
                                                label = `Peru`;
                                                selectedCountry = `PE`;
                                            }
                                        })" @click="label = `Peru`; selectedCountry = `PE`;"> Peru </li>
            <li data-value="PH" data-label="Philippines" x-init="$watch('hasInitialized', () => {
                                            if (`PH` == clientCountry) {
                                                label = `Philippines`;
                                                selectedCountry = `PH`;
                                            }
                                        })" @click="label = `Philippines`; selectedCountry = `PH`;"> Philippines </li>
            <li data-value="PN" data-label="Pitcairn Islands" x-init="$watch('hasInitialized', () => {
                                            if (`PN` == clientCountry) {
                                                label = `Pitcairn Islands`;
                                                selectedCountry = `PN`;
                                            }
                                        })" @click="label = `Pitcairn Islands`; selectedCountry = `PN`;"> Pitcairn Islands </li>
            <li data-value="PL" data-label="Poland" x-init="$watch('hasInitialized', () => {
                                            if (`PL` == clientCountry) {
                                                label = `Poland`;
                                                selectedCountry = `PL`;
                                            }
                                        })" @click="label = `Poland`; selectedCountry = `PL`;"> Poland </li>
            <li data-value="PT" data-label="Portugal" x-init="$watch('hasInitialized', () => {
                                            if (`PT` == clientCountry) {
                                                label = `Portugal`;
                                                selectedCountry = `PT`;
                                            }
                                        })" @click="label = `Portugal`; selectedCountry = `PT`;"> Portugal </li>
            <li data-value="PR" data-label="Puerto Rico" x-init="$watch('hasInitialized', () => {
                                            if (`PR` == clientCountry) {
                                                label = `Puerto Rico`;
                                                selectedCountry = `PR`;
                                            }
                                        })" @click="label = `Puerto Rico`; selectedCountry = `PR`;"> Puerto Rico </li>
            <li data-value="QA" data-label="Qatar" x-init="$watch('hasInitialized', () => {
                                            if (`QA` == clientCountry) {
                                                label = `Qatar`;
                                                selectedCountry = `QA`;
                                            }
                                        })" @click="label = `Qatar`; selectedCountry = `QA`;"> Qatar </li>
            <li data-value="RO" data-label="Romania" x-init="$watch('hasInitialized', () => {
                                            if (`RO` == clientCountry) {
                                                label = `Romania`;
                                                selectedCountry = `RO`;
                                            }
                                        })" @click="label = `Romania`; selectedCountry = `RO`;"> Romania </li>
            <li data-value="RU" data-label="Russia" x-init="$watch('hasInitialized', () => {
                                            if (`RU` == clientCountry) {
                                                label = `Russia`;
                                                selectedCountry = `RU`;
                                            }
                                        })" @click="label = `Russia`; selectedCountry = `RU`;"> Russia </li>
            <li data-value="RW" data-label="Rwanda" x-init="$watch('hasInitialized', () => {
                                            if (`RW` == clientCountry) {
                                                label = `Rwanda`;
                                                selectedCountry = `RW`;
                                            }
                                        })" @click="label = `Rwanda`; selectedCountry = `RW`;"> Rwanda </li>
            <li data-value="RE" data-label="Réunion" x-init="$watch('hasInitialized', () => {
                                            if (`RE` == clientCountry) {
                                                label = `Réunion`;
                                                selectedCountry = `RE`;
                                            }
                                        })" @click="label = `Réunion`; selectedCountry = `RE`;"> Réunion </li>
            <li data-value="WS" data-label="Samoa" x-init="$watch('hasInitialized', () => {
                                            if (`WS` == clientCountry) {
                                                label = `Samoa`;
                                                selectedCountry = `WS`;
                                            }
                                        })" @click="label = `Samoa`; selectedCountry = `WS`;"> Samoa </li>
            <li data-value="SM" data-label="San Marino" x-init="$watch('hasInitialized', () => {
                                            if (`SM` == clientCountry) {
                                                label = `San Marino`;
                                                selectedCountry = `SM`;
                                            }
                                        })" @click="label = `San Marino`; selectedCountry = `SM`;"> San Marino </li>
            <li data-value="SA" data-label="Saudi Arabia" x-init="$watch('hasInitialized', () => {
                                            if (`SA` == clientCountry) {
                                                label = `Saudi Arabia`;
                                                selectedCountry = `SA`;
                                            }
                                        })" @click="label = `Saudi Arabia`; selectedCountry = `SA`;"> Saudi Arabia </li>
            <li data-value="SN" data-label="Senegal" x-init="$watch('hasInitialized', () => {
                                            if (`SN` == clientCountry) {
                                                label = `Senegal`;
                                                selectedCountry = `SN`;
                                            }
                                        })" @click="label = `Senegal`; selectedCountry = `SN`;"> Senegal </li>
            <li data-value="RS" data-label="Serbia" x-init="$watch('hasInitialized', () => {
                                            if (`RS` == clientCountry) {
                                                label = `Serbia`;
                                                selectedCountry = `RS`;
                                            }
                                        })" @click="label = `Serbia`; selectedCountry = `RS`;"> Serbia </li>
            <li data-value="SC" data-label="Seychelles" x-init="$watch('hasInitialized', () => {
                                            if (`SC` == clientCountry) {
                                                label = `Seychelles`;
                                                selectedCountry = `SC`;
                                            }
                                        })" @click="label = `Seychelles`; selectedCountry = `SC`;"> Seychelles </li>
            <li data-value="SL" data-label="Sierra Leone" x-init="$watch('hasInitialized', () => {
                                            if (`SL` == clientCountry) {
                                                label = `Sierra Leone`;
                                                selectedCountry = `SL`;
                                            }
                                        })" @click="label = `Sierra Leone`; selectedCountry = `SL`;"> Sierra Leone </li>
            <li data-value="SG" data-label="Singapore" x-init="$watch('hasInitialized', () => {
                                            if (`SG` == clientCountry) {
                                                label = `Singapore`;
                                                selectedCountry = `SG`;
                                            }
                                        })" @click="label = `Singapore`; selectedCountry = `SG`;"> Singapore </li>
            <li data-value="SX" data-label="Sint Maarten" x-init="$watch('hasInitialized', () => {
                                            if (`SX` == clientCountry) {
                                                label = `Sint Maarten`;
                                                selectedCountry = `SX`;
                                            }
                                        })" @click="label = `Sint Maarten`; selectedCountry = `SX`;"> Sint Maarten </li>
            <li data-value="SK" data-label="Slovakia" x-init="$watch('hasInitialized', () => {
                                            if (`SK` == clientCountry) {
                                                label = `Slovakia`;
                                                selectedCountry = `SK`;
                                            }
                                        })" @click="label = `Slovakia`; selectedCountry = `SK`;"> Slovakia </li>
            <li data-value="SI" data-label="Slovenia" x-init="$watch('hasInitialized', () => {
                                            if (`SI` == clientCountry) {
                                                label = `Slovenia`;
                                                selectedCountry = `SI`;
                                            }
                                        })" @click="label = `Slovenia`; selectedCountry = `SI`;"> Slovenia </li>
            <li data-value="SB" data-label="Solomon Islands" x-init="$watch('hasInitialized', () => {
                                            if (`SB` == clientCountry) {
                                                label = `Solomon Islands`;
                                                selectedCountry = `SB`;
                                            }
                                        })" @click="label = `Solomon Islands`; selectedCountry = `SB`;"> Solomon Islands </li>
            <li data-value="SO" data-label="Somalia" x-init="$watch('hasInitialized', () => {
                                            if (`SO` == clientCountry) {
                                                label = `Somalia`;
                                                selectedCountry = `SO`;
                                            }
                                        })" @click="label = `Somalia`; selectedCountry = `SO`;"> Somalia </li>
            <li data-value="ZA" data-label="South Africa" x-init="$watch('hasInitialized', () => {
                                            if (`ZA` == clientCountry) {
                                                label = `South Africa`;
                                                selectedCountry = `ZA`;
                                            }
                                        })" @click="label = `South Africa`; selectedCountry = `ZA`;"> South Africa </li>
            <li data-value="GS" data-label="South Georgia &amp; South Sandwich Islands" x-init="$watch('hasInitialized', () => {
                                            if (`GS` == clientCountry) {
                                                label = `South Georgia &amp; South Sandwich Islands`;
                                                selectedCountry = `GS`;
                                            }
                                        })" @click="label = `South Georgia &amp; South Sandwich Islands`; selectedCountry = `GS`;"> South Georgia &amp; South Sandwich Islands </li>
            <li data-value="KR" data-label="South Korea" x-init="$watch('hasInitialized', () => {
                                            if (`KR` == clientCountry) {
                                                label = `South Korea`;
                                                selectedCountry = `KR`;
                                            }
                                        })" @click="label = `South Korea`; selectedCountry = `KR`;"> South Korea </li>
            <li data-value="SS" data-label="South Sudan" x-init="$watch('hasInitialized', () => {
                                            if (`SS` == clientCountry) {
                                                label = `South Sudan`;
                                                selectedCountry = `SS`;
                                            }
                                        })" @click="label = `South Sudan`; selectedCountry = `SS`;"> South Sudan </li>
            <li data-value="ES" data-label="Spain" x-init="$watch('hasInitialized', () => {
                                            if (`ES` == clientCountry) {
                                                label = `Spain`;
                                                selectedCountry = `ES`;
                                            }
                                        })" @click="label = `Spain`; selectedCountry = `ES`;"> Spain </li>
            <li data-value="LK" data-label="Sri Lanka" x-init="$watch('hasInitialized', () => {
                                            if (`LK` == clientCountry) {
                                                label = `Sri Lanka`;
                                                selectedCountry = `LK`;
                                            }
                                        })" @click="label = `Sri Lanka`; selectedCountry = `LK`;"> Sri Lanka </li>
            <li data-value="BL" data-label="St. Barthélemy" x-init="$watch('hasInitialized', () => {
                                            if (`BL` == clientCountry) {
                                                label = `St. Barthélemy`;
                                                selectedCountry = `BL`;
                                            }
                                        })" @click="label = `St. Barthélemy`; selectedCountry = `BL`;"> St. Barthélemy </li>
            <li data-value="SH" data-label="St. Helena" x-init="$watch('hasInitialized', () => {
                                            if (`SH` == clientCountry) {
                                                label = `St. Helena`;
                                                selectedCountry = `SH`;
                                            }
                                        })" @click="label = `St. Helena`; selectedCountry = `SH`;"> St. Helena </li>
            <li data-value="KN" data-label="St. Kitts &amp; Nevis" x-init="$watch('hasInitialized', () => {
                                            if (`KN` == clientCountry) {
                                                label = `St. Kitts &amp; Nevis`;
                                                selectedCountry = `KN`;
                                            }
                                        })" @click="label = `St. Kitts &amp; Nevis`; selectedCountry = `KN`;"> St. Kitts &amp; Nevis </li>
            <li data-value="LC" data-label="St. Lucia" x-init="$watch('hasInitialized', () => {
                                            if (`LC` == clientCountry) {
                                                label = `St. Lucia`;
                                                selectedCountry = `LC`;
                                            }
                                        })" @click="label = `St. Lucia`; selectedCountry = `LC`;"> St. Lucia </li>
            <li data-value="MF" data-label="St. Martin" x-init="$watch('hasInitialized', () => {
                                            if (`MF` == clientCountry) {
                                                label = `St. Martin`;
                                                selectedCountry = `MF`;
                                            }
                                        })" @click="label = `St. Martin`; selectedCountry = `MF`;"> St. Martin </li>
            <li data-value="PM" data-label="St. Pierre &amp; Miquelon" x-init="$watch('hasInitialized', () => {
                                            if (`PM` == clientCountry) {
                                                label = `St. Pierre &amp; Miquelon`;
                                                selectedCountry = `PM`;
                                            }
                                        })" @click="label = `St. Pierre &amp; Miquelon`; selectedCountry = `PM`;"> St. Pierre &amp; Miquelon </li>
            <li data-value="VC" data-label="St. Vincent &amp; Grenadines" x-init="$watch('hasInitialized', () => {
                                            if (`VC` == clientCountry) {
                                                label = `St. Vincent &amp; Grenadines`;
                                                selectedCountry = `VC`;
                                            }
                                        })" @click="label = `St. Vincent &amp; Grenadines`; selectedCountry = `VC`;"> St. Vincent &amp; Grenadines </li>
            <li data-value="SD" data-label="Sudan" x-init="$watch('hasInitialized', () => {
                                            if (`SD` == clientCountry) {
                                                label = `Sudan`;
                                                selectedCountry = `SD`;
                                            }
                                        })" @click="label = `Sudan`; selectedCountry = `SD`;"> Sudan </li>
            <li data-value="SR" data-label="Suriname" x-init="$watch('hasInitialized', () => {
                                            if (`SR` == clientCountry) {
                                                label = `Suriname`;
                                                selectedCountry = `SR`;
                                            }
                                        })" @click="label = `Suriname`; selectedCountry = `SR`;"> Suriname </li>
            <li data-value="SJ" data-label="Svalbard &amp; Jan Mayen" x-init="$watch('hasInitialized', () => {
                                            if (`SJ` == clientCountry) {
                                                label = `Svalbard &amp; Jan Mayen`;
                                                selectedCountry = `SJ`;
                                            }
                                        })" @click="label = `Svalbard &amp; Jan Mayen`; selectedCountry = `SJ`;"> Svalbard &amp; Jan Mayen </li>
            <li data-value="SZ" data-label="Swaziland" x-init="$watch('hasInitialized', () => {
                                            if (`SZ` == clientCountry) {
                                                label = `Swaziland`;
                                                selectedCountry = `SZ`;
                                            }
                                        })" @click="label = `Swaziland`; selectedCountry = `SZ`;"> Swaziland </li>
            <li data-value="SE" data-label="Sweden" x-init="$watch('hasInitialized', () => {
                                            if (`SE` == clientCountry) {
                                                label = `Sweden`;
                                                selectedCountry = `SE`;
                                            }
                                        })" @click="label = `Sweden`; selectedCountry = `SE`;"> Sweden </li>
            <li data-value="CH" data-label="Switzerland" x-init="$watch('hasInitialized', () => {
                                            if (`CH` == clientCountry) {
                                                label = `Switzerland`;
                                                selectedCountry = `CH`;
                                            }
                                        })" @click="label = `Switzerland`; selectedCountry = `CH`;"> Switzerland </li>
            <li data-value="SY" data-label="Syria" x-init="$watch('hasInitialized', () => {
                                            if (`SY` == clientCountry) {
                                                label = `Syria`;
                                                selectedCountry = `SY`;
                                            }
                                        })" @click="label = `Syria`; selectedCountry = `SY`;"> Syria </li>
            <li data-value="ST" data-label="São Tomé &amp; Príncipe" x-init="$watch('hasInitialized', () => {
                                            if (`ST` == clientCountry) {
                                                label = `São Tomé &amp; Príncipe`;
                                                selectedCountry = `ST`;
                                            }
                                        })" @click="label = `São Tomé &amp; Príncipe`; selectedCountry = `ST`;"> São Tomé &amp; Príncipe </li>
            <li data-value="TW" data-label="Taiwan" x-init="$watch('hasInitialized', () => {
                                            if (`TW` == clientCountry) {
                                                label = `Taiwan`;
                                                selectedCountry = `TW`;
                                            }
                                        })" @click="label = `Taiwan`; selectedCountry = `TW`;"> Taiwan </li>
            <li data-value="TJ" data-label="Tajikistan" x-init="$watch('hasInitialized', () => {
                                            if (`TJ` == clientCountry) {
                                                label = `Tajikistan`;
                                                selectedCountry = `TJ`;
                                            }
                                        })" @click="label = `Tajikistan`; selectedCountry = `TJ`;"> Tajikistan </li>
            <li data-value="TZ" data-label="Tanzania" x-init="$watch('hasInitialized', () => {
                                            if (`TZ` == clientCountry) {
                                                label = `Tanzania`;
                                                selectedCountry = `TZ`;
                                            }
                                        })" @click="label = `Tanzania`; selectedCountry = `TZ`;"> Tanzania </li>
            <li data-value="TH" data-label="Thailand" x-init="$watch('hasInitialized', () => {
                                            if (`TH` == clientCountry) {
                                                label = `Thailand`;
                                                selectedCountry = `TH`;
                                            }
                                        })" @click="label = `Thailand`; selectedCountry = `TH`;"> Thailand </li>
            <li data-value="TL" data-label="Timor-Leste" x-init="$watch('hasInitialized', () => {
                                            if (`TL` == clientCountry) {
                                                label = `Timor-Leste`;
                                                selectedCountry = `TL`;
                                            }
                                        })" @click="label = `Timor-Leste`; selectedCountry = `TL`;"> Timor-Leste </li>
            <li data-value="TG" data-label="Togo" x-init="$watch('hasInitialized', () => {
                                            if (`TG` == clientCountry) {
                                                label = `Togo`;
                                                selectedCountry = `TG`;
                                            }
                                        })" @click="label = `Togo`; selectedCountry = `TG`;"> Togo </li>
            <li data-value="TK" data-label="Tokelau" x-init="$watch('hasInitialized', () => {
                                            if (`TK` == clientCountry) {
                                                label = `Tokelau`;
                                                selectedCountry = `TK`;
                                            }
                                        })" @click="label = `Tokelau`; selectedCountry = `TK`;"> Tokelau </li>
            <li data-value="TO" data-label="Tonga" x-init="$watch('hasInitialized', () => {
                                            if (`TO` == clientCountry) {
                                                label = `Tonga`;
                                                selectedCountry = `TO`;
                                            }
                                        })" @click="label = `Tonga`; selectedCountry = `TO`;"> Tonga </li>
            <li data-value="TT" data-label="Trinidad &amp; Tobago" x-init="$watch('hasInitialized', () => {
                                            if (`TT` == clientCountry) {
                                                label = `Trinidad &amp; Tobago`;
                                                selectedCountry = `TT`;
                                            }
                                        })" @click="label = `Trinidad &amp; Tobago`; selectedCountry = `TT`;"> Trinidad &amp; Tobago </li>
            <li data-value="TN" data-label="Tunisia" x-init="$watch('hasInitialized', () => {
                                            if (`TN` == clientCountry) {
                                                label = `Tunisia`;
                                                selectedCountry = `TN`;
                                            }
                                        })" @click="label = `Tunisia`; selectedCountry = `TN`;"> Tunisia </li>
            <li data-value="TR" data-label="Turkey" x-init="$watch('hasInitialized', () => {
                                            if (`TR` == clientCountry) {
                                                label = `Turkey`;
                                                selectedCountry = `TR`;
                                            }
                                        })" @click="label = `Turkey`; selectedCountry = `TR`;"> Turkey </li>
            <li data-value="TM" data-label="Turkmenistan" x-init="$watch('hasInitialized', () => {
                                            if (`TM` == clientCountry) {
                                                label = `Turkmenistan`;
                                                selectedCountry = `TM`;
                                            }
                                        })" @click="label = `Turkmenistan`; selectedCountry = `TM`;"> Turkmenistan </li>
            <li data-value="TC" data-label="Turks &amp; Caicos Islands" x-init="$watch('hasInitialized', () => {
                                            if (`TC` == clientCountry) {
                                                label = `Turks &amp; Caicos Islands`;
                                                selectedCountry = `TC`;
                                            }
                                        })" @click="label = `Turks &amp; Caicos Islands`; selectedCountry = `TC`;"> Turks &amp; Caicos Islands </li>
            <li data-value="TV" data-label="Tuvalu" x-init="$watch('hasInitialized', () => {
                                            if (`TV` == clientCountry) {
                                                label = `Tuvalu`;
                                                selectedCountry = `TV`;
                                            }
                                        })" @click="label = `Tuvalu`; selectedCountry = `TV`;"> Tuvalu </li>
            <li data-value="UM" data-label="U.S. Outlying Islands" x-init="$watch('hasInitialized', () => {
                                            if (`UM` == clientCountry) {
                                                label = `U.S. Outlying Islands`;
                                                selectedCountry = `UM`;
                                            }
                                        })" @click="label = `U.S. Outlying Islands`; selectedCountry = `UM`;"> U.S. Outlying Islands </li>
            <li data-value="VI" data-label="U.S. Virgin Islands" x-init="$watch('hasInitialized', () => {
                                            if (`VI` == clientCountry) {
                                                label = `U.S. Virgin Islands`;
                                                selectedCountry = `VI`;
                                            }
                                        })" @click="label = `U.S. Virgin Islands`; selectedCountry = `VI`;"> U.S. Virgin Islands </li>
            <li data-value="UG" data-label="Uganda" x-init="$watch('hasInitialized', () => {
                                            if (`UG` == clientCountry) {
                                                label = `Uganda`;
                                                selectedCountry = `UG`;
                                            }
                                        })" @click="label = `Uganda`; selectedCountry = `UG`;"> Uganda </li>
            <li data-value="UA" data-label="Ukraine" x-init="$watch('hasInitialized', () => {
                                            if (`UA` == clientCountry) {
                                                label = `Ukraine`;
                                                selectedCountry = `UA`;
                                            }
                                        })" @click="label = `Ukraine`; selectedCountry = `UA`;"> Ukraine </li>
            <li data-value="AE" data-label="United Arab Emirates" x-init="$watch('hasInitialized', () => {
                                            if (`AE` == clientCountry) {
                                                label = `United Arab Emirates`;
                                                selectedCountry = `AE`;
                                            }
                                        })" @click="label = `United Arab Emirates`; selectedCountry = `AE`;"> United Arab Emirates </li>
            <li data-value="GB" data-label="United Kingdom" x-init="$watch('hasInitialized', () => {
                                            if (`GB` == clientCountry) {
                                                label = `United Kingdom`;
                                                selectedCountry = `GB`;
                                            }
                                        })" @click="label = `United Kingdom`; selectedCountry = `GB`;"> United Kingdom </li>
            <li data-value="US" data-label="United States" x-init="$watch('hasInitialized', () => {
                                            if (`US` == clientCountry) {
                                                label = `United States`;
                                                selectedCountry = `US`;
                                            }
                                        })" @click="label = `United States`; selectedCountry = `US`;"> United States </li>
            <li data-value="UY" data-label="Uruguay" x-init="$watch('hasInitialized', () => {
                                            if (`UY` == clientCountry) {
                                                label = `Uruguay`;
                                                selectedCountry = `UY`;
                                            }
                                        })" @click="label = `Uruguay`; selectedCountry = `UY`;"> Uruguay </li>
            <li data-value="UZ" data-label="Uzbekistan" x-init="$watch('hasInitialized', () => {
                                            if (`UZ` == clientCountry) {
                                                label = `Uzbekistan`;
                                                selectedCountry = `UZ`;
                                            }
                                        })" @click="label = `Uzbekistan`; selectedCountry = `UZ`;"> Uzbekistan </li>
            <li data-value="VU" data-label="Vanuatu" x-init="$watch('hasInitialized', () => {
                                            if (`VU` == clientCountry) {
                                                label = `Vanuatu`;
                                                selectedCountry = `VU`;
                                            }
                                        })" @click="label = `Vanuatu`; selectedCountry = `VU`;"> Vanuatu </li>
            <li data-value="VA" data-label="Vatican City" x-init="$watch('hasInitialized', () => {
                                            if (`VA` == clientCountry) {
                                                label = `Vatican City`;
                                                selectedCountry = `VA`;
                                            }
                                        })" @click="label = `Vatican City`; selectedCountry = `VA`;"> Vatican City </li>
            <li data-value="VE" data-label="Venezuela" x-init="$watch('hasInitialized', () => {
                                            if (`VE` == clientCountry) {
                                                label = `Venezuela`;
                                                selectedCountry = `VE`;
                                            }
                                        })" @click="label = `Venezuela`; selectedCountry = `VE`;"> Venezuela </li>
            <li data-value="VN" data-label="Vietnam" x-init="$watch('hasInitialized', () => {
                                            if (`VN` == clientCountry) {
                                                label = `Vietnam`;
                                                selectedCountry = `VN`;
                                            }
                                        })" @click="label = `Vietnam`; selectedCountry = `VN`;"> Vietnam </li>
            <li data-value="WF" data-label="Wallis &amp; Futuna" x-init="$watch('hasInitialized', () => {
                                            if (`WF` == clientCountry) {
                                                label = `Wallis &amp; Futuna`;
                                                selectedCountry = `WF`;
                                            }
                                        })" @click="label = `Wallis &amp; Futuna`; selectedCountry = `WF`;"> Wallis &amp; Futuna </li>
            <li data-value="EH" data-label="Western Sahara" x-init="$watch('hasInitialized', () => {
                                            if (`EH` == clientCountry) {
                                                label = `Western Sahara`;
                                                selectedCountry = `EH`;
                                            }
                                        })" @click="label = `Western Sahara`; selectedCountry = `EH`;"> Western Sahara </li>
            <li data-value="YE" data-label="Yemen" x-init="$watch('hasInitialized', () => {
                                            if (`YE` == clientCountry) {
                                                label = `Yemen`;
                                                selectedCountry = `YE`;
                                            }
                                        })" @click="label = `Yemen`; selectedCountry = `YE`;"> Yemen </li>
            <li data-value="ZM" data-label="Zambia" x-init="$watch('hasInitialized', () => {
                                            if (`ZM` == clientCountry) {
                                                label = `Zambia`;
                                                selectedCountry = `ZM`;
                                            }
                                        })" @click="label = `Zambia`; selectedCountry = `ZM`;"> Zambia </li>
            <li data-value="ZW" data-label="Zimbabwe" x-init="$watch('hasInitialized', () => {
                                            if (`ZW` == clientCountry) {
                                                label = `Zimbabwe`;
                                                selectedCountry = `ZW`;
                                            }
                                        })" @click="label = `Zimbabwe`; selectedCountry = `ZW`;"> Zimbabwe </li>
            <li data-value="AX" data-label="Åland Islands" x-init="$watch('hasInitialized', () => {
                                            if (`AX` == clientCountry) {
                                                label = `Åland Islands`;
                                                selectedCountry = `AX`;
                                            }
                                        })" @click="label = `Åland Islands`; selectedCountry = `AX`;"> Åland Islands </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div class="mb-5">
    <div class="form-group" x-data="hybridSelect" x-init="label = `Select the language`" @click.outside="open = false">
      <span id="select-label-language" class="form-label" @click="open = !open">Language* </span>
      <input type="hidden" name="language" id="language" required="" x-bind:value="selectedLanguage" x-init="$watch('selectedLanguage', () => $el.dispatchEvent(new Event('change')));
                                           $watch('selectedCountry', () => {
                                                label = `Select the language`;
                                                selectedLanguage = '';
                                                url = undefined;
                                           });
                                           $watch('languageOptions', () => {
                                                if (!selectedLanguage) {
                                                    console.log(languageOptions)
                                                    console.log(clientLanguage)
                                                    const languageOption = languageOptions &amp;&amp; (languageOptions.find(language => language.value === clientLanguage) || languageOptions[0]);
                                                    if (languageOption) {
                                                        label = languageOption.label;
                                                        selectedLanguage = languageOption.value;
                                                        url = languageOption.url;
                                                    }
                                                }
                                           });">
      <div class="hybrid-select">
        <select id="select-lang" aria-labelledby="select-label-language" class="form-select hybrid-select__native"
          @change="selectedLanguage = $event.target.value; label = Array.from($event.target.options)?.find((option) => option.value === $event.target.value)?.innerHTML">
          <option value="" disabled="" selected="">Select the language</option>
          <template x-for="option in languageOptions">
            <option x-init="if (clientLanguage &amp;&amp; option.value === clientLanguage) { label = option.label; selectedLanguage = option.value; url = option.url;}" :selected="selectedLanguage == option.value" :value="option.value"
              x-text="option.label"></option>
          </template>
        </select>
        <div class="form-select hybrid-select__custom" :class="{'form-select--open' : open}" @click=" open = !open " :aria-hidden="open">
          <span class="select-label text-capitalize placeholder" x-bind:class=" !selectedLanguage ? 'placeholder' : ''" x-text="label">Select the language</span>
          <ul class="select-options text-capitalize" x-bind:class=" open ? 'open' : ''">
            <template x-for="option in languageOptions">
              <li x-init="if (clientLanguage &amp;&amp; option.value === clientLanguage) { label = option.label; selectedLanguage = option.value; url = option.url;}" :data-value="option.value" :data-label="option.label"
                @click="label = option.label; selectedLanguage = option.value; url = option.url">
                <span x-text="option.label"></span>
              </li>
            </template>
          </ul>
        </div>
      </div>
      <div class="invalid-feedback" x-bind:class="{ 'visually-hidden': !!open }"></div>
    </div>
  </div>
</form>

<form class="cmp-search-field__form">
  <h3 class="d-md-none mb-5">Barco search</h3>
  <div class="cmp-search-field__search">
    <div class="search-field" data-search-open="">
      <button class="icon-button icon-button--search" aria-label="Search" type="submit">
        <span class="icon-button__icon search"></span>
      </button>
      <div class="suggestions">
        <input data-search-input="" class="form-control" placeholder="Search" data-placeholder="Search" data-focused-placeholder="What are you searching for?" type="search" x-ref="input" @focus="if($isBreakpoint('md+')) activePanel = undefined"
          x-model="queryString">
        <ul data-search-suggestions=""></ul>
      </div>
      <button data-clear-input="" class="icon-button icon-button--clear opacity-0" x-bind:class="queryString != '' ? 'opacity-100' : 'opacity-0'" aria-label="Clear" @click="queryString = ''" type="button">
        <span class="icon-button__icon clear"></span>
      </button>
    </div>
  </div>
  <button class="cmp-search-field__close icon-button rounded-circle" aria-label="Close search" data-search-close="" type="button">
    <span class="icon-button__icon close"></span>
  </button>
</form>

<form novalidate="">
  <div class="mb-5" x-ref="countryField">
    <div class="form-group" x-data="hybridSelect" x-init="label = `Select the country`" @click.outside="open = false">
      <span id="select-label-country" class="form-label" @click="open = !open">Country/Region*</span>
      <input type="hidden" name="country" id="country" required="" x-bind:value="selectedCountry" x-init="$watch('selectedCountry', () => {
                                        $el.dispatchEvent(new Event('change'));
                                   })">
      <div class="hybrid-select">
        <select id="select-country" aria-labelledby="select-label-country" class="form-select hybrid-select__native"
          @change="selectedCountry = $event.target.value; label = Array.from($event.target.options)?.find((option) => option.value === $event.target.value)?.innerHTML">
          <option value="" disabled="" selected="">Select the country</option>
          <option :selected="selectedCountry == `AF`" value="AF">Afghanistan</option>
          <option :selected="selectedCountry == `AL`" value="AL">Albania</option>
          <option :selected="selectedCountry == `DZ`" value="DZ">Algeria</option>
          <option :selected="selectedCountry == `AS`" value="AS">American Samoa</option>
          <option :selected="selectedCountry == `AD`" value="AD">Andorra</option>
          <option :selected="selectedCountry == `AO`" value="AO">Angola</option>
          <option :selected="selectedCountry == `AI`" value="AI">Anguilla</option>
          <option :selected="selectedCountry == `AQ`" value="AQ">Antarctica</option>
          <option :selected="selectedCountry == `AG`" value="AG">Antigua &amp; Barbuda</option>
          <option :selected="selectedCountry == `AR`" value="AR">Argentina</option>
          <option :selected="selectedCountry == `AM`" value="AM">Armenia</option>
          <option :selected="selectedCountry == `AW`" value="AW">Aruba</option>
          <option :selected="selectedCountry == `AU`" value="AU">Australia</option>
          <option :selected="selectedCountry == `AT`" value="AT">Austria</option>
          <option :selected="selectedCountry == `AZ`" value="AZ">Azerbaijan</option>
          <option :selected="selectedCountry == `BS`" value="BS">Bahamas</option>
          <option :selected="selectedCountry == `BH`" value="BH">Bahrain</option>
          <option :selected="selectedCountry == `BD`" value="BD">Bangladesh</option>
          <option :selected="selectedCountry == `BB`" value="BB">Barbados</option>
          <option :selected="selectedCountry == `BY`" value="BY">Belarus</option>
          <option :selected="selectedCountry == `BE`" value="BE">Belgium</option>
          <option :selected="selectedCountry == `BZ`" value="BZ">Belize</option>
          <option :selected="selectedCountry == `BJ`" value="BJ">Benin</option>
          <option :selected="selectedCountry == `BM`" value="BM">Bermuda</option>
          <option :selected="selectedCountry == `BT`" value="BT">Bhutan</option>
          <option :selected="selectedCountry == `BO`" value="BO">Bolivia</option>
          <option :selected="selectedCountry == `BA`" value="BA">Bosnia &amp; Herzegovina</option>
          <option :selected="selectedCountry == `BW`" value="BW">Botswana</option>
          <option :selected="selectedCountry == `BV`" value="BV">Bouvet Island</option>
          <option :selected="selectedCountry == `BR`" value="BR">Brazil</option>
          <option :selected="selectedCountry == `IO`" value="IO">British Indian Ocean Territory</option>
          <option :selected="selectedCountry == `VG`" value="VG">British Virgin Islands</option>
          <option :selected="selectedCountry == `BN`" value="BN">Brunei</option>
          <option :selected="selectedCountry == `BG`" value="BG">Bulgaria</option>
          <option :selected="selectedCountry == `BF`" value="BF">Burkina Faso</option>
          <option :selected="selectedCountry == `BI`" value="BI">Burundi</option>
          <option :selected="selectedCountry == `KH`" value="KH">Cambodia</option>
          <option :selected="selectedCountry == `CM`" value="CM">Cameroon</option>
          <option :selected="selectedCountry == `CA`" value="CA">Canada</option>
          <option :selected="selectedCountry == `CV`" value="CV">Cape Verde</option>
          <option :selected="selectedCountry == `BQ`" value="BQ">Caribbean Netherlands</option>
          <option :selected="selectedCountry == `KY`" value="KY">Cayman Islands</option>
          <option :selected="selectedCountry == `CF`" value="CF">Central African Republic</option>
          <option :selected="selectedCountry == `TD`" value="TD">Chad</option>
          <option :selected="selectedCountry == `CL`" value="CL">Chile</option>
          <option :selected="selectedCountry == `CN`" value="CN">China</option>
          <option :selected="selectedCountry == `CX`" value="CX">Christmas Island</option>
          <option :selected="selectedCountry == `CC`" value="CC">Cocos (Keeling) Islands</option>
          <option :selected="selectedCountry == `CO`" value="CO">Colombia</option>
          <option :selected="selectedCountry == `KM`" value="KM">Comoros</option>
          <option :selected="selectedCountry == `CG`" value="CG">Congo - Brazzaville</option>
          <option :selected="selectedCountry == `CD`" value="CD">Congo - Kinshasa</option>
          <option :selected="selectedCountry == `CK`" value="CK">Cook Islands</option>
          <option :selected="selectedCountry == `CR`" value="CR">Costa Rica</option>
          <option :selected="selectedCountry == `HR`" value="HR">Croatia</option>
          <option :selected="selectedCountry == `CU`" value="CU">Cuba</option>
          <option :selected="selectedCountry == `CW`" value="CW">Curaçao</option>
          <option :selected="selectedCountry == `CY`" value="CY">Cyprus</option>
          <option :selected="selectedCountry == `CZ`" value="CZ">Czechia</option>
          <option :selected="selectedCountry == `CI`" value="CI">Côte d’Ivoire</option>
          <option :selected="selectedCountry == `DK`" value="DK">Denmark</option>
          <option :selected="selectedCountry == `DJ`" value="DJ">Djibouti</option>
          <option :selected="selectedCountry == `DM`" value="DM">Dominica</option>
          <option :selected="selectedCountry == `DO`" value="DO">Dominican Republic</option>
          <option :selected="selectedCountry == `EC`" value="EC">Ecuador</option>
          <option :selected="selectedCountry == `EG`" value="EG">Egypt</option>
          <option :selected="selectedCountry == `SV`" value="SV">El Salvador</option>
          <option :selected="selectedCountry == `GQ`" value="GQ">Equatorial Guinea</option>
          <option :selected="selectedCountry == `ER`" value="ER">Eritrea</option>
          <option :selected="selectedCountry == `EE`" value="EE">Estonia</option>
          <option :selected="selectedCountry == `ET`" value="ET">Ethiopia</option>
          <option :selected="selectedCountry == `FK`" value="FK">Falkland Islands</option>
          <option :selected="selectedCountry == `FO`" value="FO">Faroe Islands</option>
          <option :selected="selectedCountry == `FJ`" value="FJ">Fiji</option>
          <option :selected="selectedCountry == `FI`" value="FI">Finland</option>
          <option :selected="selectedCountry == `FR`" value="FR">France</option>
          <option :selected="selectedCountry == `GF`" value="GF">French Guiana</option>
          <option :selected="selectedCountry == `PF`" value="PF">French Polynesia</option>
          <option :selected="selectedCountry == `TF`" value="TF">French Southern Territories</option>
          <option :selected="selectedCountry == `GA`" value="GA">Gabon</option>
          <option :selected="selectedCountry == `GM`" value="GM">Gambia</option>
          <option :selected="selectedCountry == `GE`" value="GE">Georgia</option>
          <option :selected="selectedCountry == `DE`" value="DE">Germany</option>
          <option :selected="selectedCountry == `GH`" value="GH">Ghana</option>
          <option :selected="selectedCountry == `GI`" value="GI">Gibraltar</option>
          <option :selected="selectedCountry == `GR`" value="GR">Greece</option>
          <option :selected="selectedCountry == `GL`" value="GL">Greenland</option>
          <option :selected="selectedCountry == `GD`" value="GD">Grenada</option>
          <option :selected="selectedCountry == `GP`" value="GP">Guadeloupe</option>
          <option :selected="selectedCountry == `GU`" value="GU">Guam</option>
          <option :selected="selectedCountry == `GT`" value="GT">Guatemala</option>
          <option :selected="selectedCountry == `GG`" value="GG">Guernsey</option>
          <option :selected="selectedCountry == `GN`" value="GN">Guinea</option>
          <option :selected="selectedCountry == `GW`" value="GW">Guinea-Bissau</option>
          <option :selected="selectedCountry == `GY`" value="GY">Guyana</option>
          <option :selected="selectedCountry == `HT`" value="HT">Haiti</option>
          <option :selected="selectedCountry == `HM`" value="HM">Heard &amp; McDonald Islands</option>
          <option :selected="selectedCountry == `HN`" value="HN">Honduras</option>
          <option :selected="selectedCountry == `HK`" value="HK">Hong Kong SAR China</option>
          <option :selected="selectedCountry == `HU`" value="HU">Hungary</option>
          <option :selected="selectedCountry == `IS`" value="IS">Iceland</option>
          <option :selected="selectedCountry == `IN`" value="IN">India</option>
          <option :selected="selectedCountry == `ID`" value="ID">Indonesia</option>
          <option :selected="selectedCountry == `IR`" value="IR">Iran</option>
          <option :selected="selectedCountry == `IQ`" value="IQ">Iraq</option>
          <option :selected="selectedCountry == `IE`" value="IE">Ireland</option>
          <option :selected="selectedCountry == `IM`" value="IM">Isle of Man</option>
          <option :selected="selectedCountry == `IL`" value="IL">Israel</option>
          <option :selected="selectedCountry == `IT`" value="IT">Italy</option>
          <option :selected="selectedCountry == `JM`" value="JM">Jamaica</option>
          <option :selected="selectedCountry == `JP`" value="JP">Japan</option>
          <option :selected="selectedCountry == `JE`" value="JE">Jersey</option>
          <option :selected="selectedCountry == `JO`" value="JO">Jordan</option>
          <option :selected="selectedCountry == `KZ`" value="KZ">Kazakhstan</option>
          <option :selected="selectedCountry == `KE`" value="KE">Kenya</option>
          <option :selected="selectedCountry == `KI`" value="KI">Kiribati</option>
          <option :selected="selectedCountry == `KW`" value="KW">Kuwait</option>
          <option :selected="selectedCountry == `KG`" value="KG">Kyrgyzstan</option>
          <option :selected="selectedCountry == `LA`" value="LA">Laos</option>
          <option :selected="selectedCountry == `LV`" value="LV">Latvia</option>
          <option :selected="selectedCountry == `LB`" value="LB">Lebanon</option>
          <option :selected="selectedCountry == `LS`" value="LS">Lesotho</option>
          <option :selected="selectedCountry == `LR`" value="LR">Liberia</option>
          <option :selected="selectedCountry == `LY`" value="LY">Libya</option>
          <option :selected="selectedCountry == `LI`" value="LI">Liechtenstein</option>
          <option :selected="selectedCountry == `LT`" value="LT">Lithuania</option>
          <option :selected="selectedCountry == `LU`" value="LU">Luxembourg</option>
          <option :selected="selectedCountry == `MO`" value="MO">Macau SAR China</option>
          <option :selected="selectedCountry == `MK`" value="MK">Macedonia</option>
          <option :selected="selectedCountry == `MG`" value="MG">Madagascar</option>
          <option :selected="selectedCountry == `MW`" value="MW">Malawi</option>
          <option :selected="selectedCountry == `MY`" value="MY">Malaysia</option>
          <option :selected="selectedCountry == `MV`" value="MV">Maldives</option>
          <option :selected="selectedCountry == `ML`" value="ML">Mali</option>
          <option :selected="selectedCountry == `MT`" value="MT">Malta</option>
          <option :selected="selectedCountry == `MH`" value="MH">Marshall Islands</option>
          <option :selected="selectedCountry == `MQ`" value="MQ">Martinique</option>
          <option :selected="selectedCountry == `MR`" value="MR">Mauritania</option>
          <option :selected="selectedCountry == `MU`" value="MU">Mauritius</option>
          <option :selected="selectedCountry == `YT`" value="YT">Mayotte</option>
          <option :selected="selectedCountry == `MX`" value="MX">Mexico</option>
          <option :selected="selectedCountry == `FM`" value="FM">Micronesia</option>
          <option :selected="selectedCountry == `MD`" value="MD">Moldova</option>
          <option :selected="selectedCountry == `MC`" value="MC">Monaco</option>
          <option :selected="selectedCountry == `MN`" value="MN">Mongolia</option>
          <option :selected="selectedCountry == `ME`" value="ME">Montenegro</option>
          <option :selected="selectedCountry == `MS`" value="MS">Montserrat</option>
          <option :selected="selectedCountry == `MA`" value="MA">Morocco</option>
          <option :selected="selectedCountry == `MZ`" value="MZ">Mozambique</option>
          <option :selected="selectedCountry == `MM`" value="MM">Myanmar (Burma)</option>
          <option :selected="selectedCountry == `NA`" value="NA">Namibia</option>
          <option :selected="selectedCountry == `NR`" value="NR">Nauru</option>
          <option :selected="selectedCountry == `NP`" value="NP">Nepal</option>
          <option :selected="selectedCountry == `NL`" value="NL">Netherlands</option>
          <option :selected="selectedCountry == `NC`" value="NC">New Caledonia</option>
          <option :selected="selectedCountry == `NZ`" value="NZ">New Zealand</option>
          <option :selected="selectedCountry == `NI`" value="NI">Nicaragua</option>
          <option :selected="selectedCountry == `NE`" value="NE">Niger</option>
          <option :selected="selectedCountry == `NG`" value="NG">Nigeria</option>
          <option :selected="selectedCountry == `NU`" value="NU">Niue</option>
          <option :selected="selectedCountry == `NF`" value="NF">Norfolk Island</option>
          <option :selected="selectedCountry == `KP`" value="KP">North Korea</option>
          <option :selected="selectedCountry == `MP`" value="MP">Northern Mariana Islands</option>
          <option :selected="selectedCountry == `NO`" value="NO">Norway</option>
          <option :selected="selectedCountry == `OM`" value="OM">Oman</option>
          <option :selected="selectedCountry == `PK`" value="PK">Pakistan</option>
          <option :selected="selectedCountry == `PW`" value="PW">Palau</option>
          <option :selected="selectedCountry == `PS`" value="PS">Palestinian Territories</option>
          <option :selected="selectedCountry == `PA`" value="PA">Panama</option>
          <option :selected="selectedCountry == `PG`" value="PG">Papua New Guinea</option>
          <option :selected="selectedCountry == `PY`" value="PY">Paraguay</option>
          <option :selected="selectedCountry == `PE`" value="PE">Peru</option>
          <option :selected="selectedCountry == `PH`" value="PH">Philippines</option>
          <option :selected="selectedCountry == `PN`" value="PN">Pitcairn Islands</option>
          <option :selected="selectedCountry == `PL`" value="PL">Poland</option>
          <option :selected="selectedCountry == `PT`" value="PT">Portugal</option>
          <option :selected="selectedCountry == `PR`" value="PR">Puerto Rico</option>
          <option :selected="selectedCountry == `QA`" value="QA">Qatar</option>
          <option :selected="selectedCountry == `RO`" value="RO">Romania</option>
          <option :selected="selectedCountry == `RU`" value="RU">Russia</option>
          <option :selected="selectedCountry == `RW`" value="RW">Rwanda</option>
          <option :selected="selectedCountry == `RE`" value="RE">Réunion</option>
          <option :selected="selectedCountry == `WS`" value="WS">Samoa</option>
          <option :selected="selectedCountry == `SM`" value="SM">San Marino</option>
          <option :selected="selectedCountry == `SA`" value="SA">Saudi Arabia</option>
          <option :selected="selectedCountry == `SN`" value="SN">Senegal</option>
          <option :selected="selectedCountry == `RS`" value="RS">Serbia</option>
          <option :selected="selectedCountry == `SC`" value="SC">Seychelles</option>
          <option :selected="selectedCountry == `SL`" value="SL">Sierra Leone</option>
          <option :selected="selectedCountry == `SG`" value="SG">Singapore</option>
          <option :selected="selectedCountry == `SX`" value="SX">Sint Maarten</option>
          <option :selected="selectedCountry == `SK`" value="SK">Slovakia</option>
          <option :selected="selectedCountry == `SI`" value="SI">Slovenia</option>
          <option :selected="selectedCountry == `SB`" value="SB">Solomon Islands</option>
          <option :selected="selectedCountry == `SO`" value="SO">Somalia</option>
          <option :selected="selectedCountry == `ZA`" value="ZA">South Africa</option>
          <option :selected="selectedCountry == `GS`" value="GS">South Georgia &amp; South Sandwich Islands</option>
          <option :selected="selectedCountry == `KR`" value="KR">South Korea</option>
          <option :selected="selectedCountry == `SS`" value="SS">South Sudan</option>
          <option :selected="selectedCountry == `ES`" value="ES">Spain</option>
          <option :selected="selectedCountry == `LK`" value="LK">Sri Lanka</option>
          <option :selected="selectedCountry == `BL`" value="BL">St. Barthélemy</option>
          <option :selected="selectedCountry == `SH`" value="SH">St. Helena</option>
          <option :selected="selectedCountry == `KN`" value="KN">St. Kitts &amp; Nevis</option>
          <option :selected="selectedCountry == `LC`" value="LC">St. Lucia</option>
          <option :selected="selectedCountry == `MF`" value="MF">St. Martin</option>
          <option :selected="selectedCountry == `PM`" value="PM">St. Pierre &amp; Miquelon</option>
          <option :selected="selectedCountry == `VC`" value="VC">St. Vincent &amp; Grenadines</option>
          <option :selected="selectedCountry == `SD`" value="SD">Sudan</option>
          <option :selected="selectedCountry == `SR`" value="SR">Suriname</option>
          <option :selected="selectedCountry == `SJ`" value="SJ">Svalbard &amp; Jan Mayen</option>
          <option :selected="selectedCountry == `SZ`" value="SZ">Swaziland</option>
          <option :selected="selectedCountry == `SE`" value="SE">Sweden</option>
          <option :selected="selectedCountry == `CH`" value="CH">Switzerland</option>
          <option :selected="selectedCountry == `SY`" value="SY">Syria</option>
          <option :selected="selectedCountry == `ST`" value="ST">São Tomé &amp; Príncipe</option>
          <option :selected="selectedCountry == `TW`" value="TW">Taiwan</option>
          <option :selected="selectedCountry == `TJ`" value="TJ">Tajikistan</option>
          <option :selected="selectedCountry == `TZ`" value="TZ">Tanzania</option>
          <option :selected="selectedCountry == `TH`" value="TH">Thailand</option>
          <option :selected="selectedCountry == `TL`" value="TL">Timor-Leste</option>
          <option :selected="selectedCountry == `TG`" value="TG">Togo</option>
          <option :selected="selectedCountry == `TK`" value="TK">Tokelau</option>
          <option :selected="selectedCountry == `TO`" value="TO">Tonga</option>
          <option :selected="selectedCountry == `TT`" value="TT">Trinidad &amp; Tobago</option>
          <option :selected="selectedCountry == `TN`" value="TN">Tunisia</option>
          <option :selected="selectedCountry == `TR`" value="TR">Turkey</option>
          <option :selected="selectedCountry == `TM`" value="TM">Turkmenistan</option>
          <option :selected="selectedCountry == `TC`" value="TC">Turks &amp; Caicos Islands</option>
          <option :selected="selectedCountry == `TV`" value="TV">Tuvalu</option>
          <option :selected="selectedCountry == `UM`" value="UM">U.S. Outlying Islands</option>
          <option :selected="selectedCountry == `VI`" value="VI">U.S. Virgin Islands</option>
          <option :selected="selectedCountry == `UG`" value="UG">Uganda</option>
          <option :selected="selectedCountry == `UA`" value="UA">Ukraine</option>
          <option :selected="selectedCountry == `AE`" value="AE">United Arab Emirates</option>
          <option :selected="selectedCountry == `GB`" value="GB">United Kingdom</option>
          <option :selected="selectedCountry == `US`" value="US">United States</option>
          <option :selected="selectedCountry == `UY`" value="UY">Uruguay</option>
          <option :selected="selectedCountry == `UZ`" value="UZ">Uzbekistan</option>
          <option :selected="selectedCountry == `VU`" value="VU">Vanuatu</option>
          <option :selected="selectedCountry == `VA`" value="VA">Vatican City</option>
          <option :selected="selectedCountry == `VE`" value="VE">Venezuela</option>
          <option :selected="selectedCountry == `VN`" value="VN">Vietnam</option>
          <option :selected="selectedCountry == `WF`" value="WF">Wallis &amp; Futuna</option>
          <option :selected="selectedCountry == `EH`" value="EH">Western Sahara</option>
          <option :selected="selectedCountry == `YE`" value="YE">Yemen</option>
          <option :selected="selectedCountry == `ZM`" value="ZM">Zambia</option>
          <option :selected="selectedCountry == `ZW`" value="ZW">Zimbabwe</option>
          <option :selected="selectedCountry == `AX`" value="AX">Åland Islands</option>
        </select>
        <div class="form-select hybrid-select__custom" :class="{'form-select--open' : open}" @click=" open = !open " :aria-hidden="open &amp;&amp; !disabled">
          <span class="select-label text-capitalize placeholder" x-bind:class=" !selectedCountry ? 'placeholder' : ''" x-text="label">Select the country</span>
          <ul class="select-options text-capitalize" x-bind:class=" open ? 'open' : ''">
            <li data-value="AF" data-label="Afghanistan" x-init="$watch('hasInitialized', () => {
                                            if (`AF` == clientCountry) {
                                                label = `Afghanistan`;
                                                selectedCountry = `AF`;
                                            }
                                        })" @click="label = `Afghanistan`; selectedCountry = `AF`;"> Afghanistan </li>
            <li data-value="AL" data-label="Albania" x-init="$watch('hasInitialized', () => {
                                            if (`AL` == clientCountry) {
                                                label = `Albania`;
                                                selectedCountry = `AL`;
                                            }
                                        })" @click="label = `Albania`; selectedCountry = `AL`;"> Albania </li>
            <li data-value="DZ" data-label="Algeria" x-init="$watch('hasInitialized', () => {
                                            if (`DZ` == clientCountry) {
                                                label = `Algeria`;
                                                selectedCountry = `DZ`;
                                            }
                                        })" @click="label = `Algeria`; selectedCountry = `DZ`;"> Algeria </li>
            <li data-value="AS" data-label="American Samoa" x-init="$watch('hasInitialized', () => {
                                            if (`AS` == clientCountry) {
                                                label = `American Samoa`;
                                                selectedCountry = `AS`;
                                            }
                                        })" @click="label = `American Samoa`; selectedCountry = `AS`;"> American Samoa </li>
            <li data-value="AD" data-label="Andorra" x-init="$watch('hasInitialized', () => {
                                            if (`AD` == clientCountry) {
                                                label = `Andorra`;
                                                selectedCountry = `AD`;
                                            }
                                        })" @click="label = `Andorra`; selectedCountry = `AD`;"> Andorra </li>
            <li data-value="AO" data-label="Angola" x-init="$watch('hasInitialized', () => {
                                            if (`AO` == clientCountry) {
                                                label = `Angola`;
                                                selectedCountry = `AO`;
                                            }
                                        })" @click="label = `Angola`; selectedCountry = `AO`;"> Angola </li>
            <li data-value="AI" data-label="Anguilla" x-init="$watch('hasInitialized', () => {
                                            if (`AI` == clientCountry) {
                                                label = `Anguilla`;
                                                selectedCountry = `AI`;
                                            }
                                        })" @click="label = `Anguilla`; selectedCountry = `AI`;"> Anguilla </li>
            <li data-value="AQ" data-label="Antarctica" x-init="$watch('hasInitialized', () => {
                                            if (`AQ` == clientCountry) {
                                                label = `Antarctica`;
                                                selectedCountry = `AQ`;
                                            }
                                        })" @click="label = `Antarctica`; selectedCountry = `AQ`;"> Antarctica </li>
            <li data-value="AG" data-label="Antigua &amp; Barbuda" x-init="$watch('hasInitialized', () => {
                                            if (`AG` == clientCountry) {
                                                label = `Antigua &amp; Barbuda`;
                                                selectedCountry = `AG`;
                                            }
                                        })" @click="label = `Antigua &amp; Barbuda`; selectedCountry = `AG`;"> Antigua &amp; Barbuda </li>
            <li data-value="AR" data-label="Argentina" x-init="$watch('hasInitialized', () => {
                                            if (`AR` == clientCountry) {
                                                label = `Argentina`;
                                                selectedCountry = `AR`;
                                            }
                                        })" @click="label = `Argentina`; selectedCountry = `AR`;"> Argentina </li>
            <li data-value="AM" data-label="Armenia" x-init="$watch('hasInitialized', () => {
                                            if (`AM` == clientCountry) {
                                                label = `Armenia`;
                                                selectedCountry = `AM`;
                                            }
                                        })" @click="label = `Armenia`; selectedCountry = `AM`;"> Armenia </li>
            <li data-value="AW" data-label="Aruba" x-init="$watch('hasInitialized', () => {
                                            if (`AW` == clientCountry) {
                                                label = `Aruba`;
                                                selectedCountry = `AW`;
                                            }
                                        })" @click="label = `Aruba`; selectedCountry = `AW`;"> Aruba </li>
            <li data-value="AU" data-label="Australia" x-init="$watch('hasInitialized', () => {
                                            if (`AU` == clientCountry) {
                                                label = `Australia`;
                                                selectedCountry = `AU`;
                                            }
                                        })" @click="label = `Australia`; selectedCountry = `AU`;"> Australia </li>
            <li data-value="AT" data-label="Austria" x-init="$watch('hasInitialized', () => {
                                            if (`AT` == clientCountry) {
                                                label = `Austria`;
                                                selectedCountry = `AT`;
                                            }
                                        })" @click="label = `Austria`; selectedCountry = `AT`;"> Austria </li>
            <li data-value="AZ" data-label="Azerbaijan" x-init="$watch('hasInitialized', () => {
                                            if (`AZ` == clientCountry) {
                                                label = `Azerbaijan`;
                                                selectedCountry = `AZ`;
                                            }
                                        })" @click="label = `Azerbaijan`; selectedCountry = `AZ`;"> Azerbaijan </li>
            <li data-value="BS" data-label="Bahamas" x-init="$watch('hasInitialized', () => {
                                            if (`BS` == clientCountry) {
                                                label = `Bahamas`;
                                                selectedCountry = `BS`;
                                            }
                                        })" @click="label = `Bahamas`; selectedCountry = `BS`;"> Bahamas </li>
            <li data-value="BH" data-label="Bahrain" x-init="$watch('hasInitialized', () => {
                                            if (`BH` == clientCountry) {
                                                label = `Bahrain`;
                                                selectedCountry = `BH`;
                                            }
                                        })" @click="label = `Bahrain`; selectedCountry = `BH`;"> Bahrain </li>
            <li data-value="BD" data-label="Bangladesh" x-init="$watch('hasInitialized', () => {
                                            if (`BD` == clientCountry) {
                                                label = `Bangladesh`;
                                                selectedCountry = `BD`;
                                            }
                                        })" @click="label = `Bangladesh`; selectedCountry = `BD`;"> Bangladesh </li>
            <li data-value="BB" data-label="Barbados" x-init="$watch('hasInitialized', () => {
                                            if (`BB` == clientCountry) {
                                                label = `Barbados`;
                                                selectedCountry = `BB`;
                                            }
                                        })" @click="label = `Barbados`; selectedCountry = `BB`;"> Barbados </li>
            <li data-value="BY" data-label="Belarus" x-init="$watch('hasInitialized', () => {
                                            if (`BY` == clientCountry) {
                                                label = `Belarus`;
                                                selectedCountry = `BY`;
                                            }
                                        })" @click="label = `Belarus`; selectedCountry = `BY`;"> Belarus </li>
            <li data-value="BE" data-label="Belgium" x-init="$watch('hasInitialized', () => {
                                            if (`BE` == clientCountry) {
                                                label = `Belgium`;
                                                selectedCountry = `BE`;
                                            }
                                        })" @click="label = `Belgium`; selectedCountry = `BE`;"> Belgium </li>
            <li data-value="BZ" data-label="Belize" x-init="$watch('hasInitialized', () => {
                                            if (`BZ` == clientCountry) {
                                                label = `Belize`;
                                                selectedCountry = `BZ`;
                                            }
                                        })" @click="label = `Belize`; selectedCountry = `BZ`;"> Belize </li>
            <li data-value="BJ" data-label="Benin" x-init="$watch('hasInitialized', () => {
                                            if (`BJ` == clientCountry) {
                                                label = `Benin`;
                                                selectedCountry = `BJ`;
                                            }
                                        })" @click="label = `Benin`; selectedCountry = `BJ`;"> Benin </li>
            <li data-value="BM" data-label="Bermuda" x-init="$watch('hasInitialized', () => {
                                            if (`BM` == clientCountry) {
                                                label = `Bermuda`;
                                                selectedCountry = `BM`;
                                            }
                                        })" @click="label = `Bermuda`; selectedCountry = `BM`;"> Bermuda </li>
            <li data-value="BT" data-label="Bhutan" x-init="$watch('hasInitialized', () => {
                                            if (`BT` == clientCountry) {
                                                label = `Bhutan`;
                                                selectedCountry = `BT`;
                                            }
                                        })" @click="label = `Bhutan`; selectedCountry = `BT`;"> Bhutan </li>
            <li data-value="BO" data-label="Bolivia" x-init="$watch('hasInitialized', () => {
                                            if (`BO` == clientCountry) {
                                                label = `Bolivia`;
                                                selectedCountry = `BO`;
                                            }
                                        })" @click="label = `Bolivia`; selectedCountry = `BO`;"> Bolivia </li>
            <li data-value="BA" data-label="Bosnia &amp; Herzegovina" x-init="$watch('hasInitialized', () => {
                                            if (`BA` == clientCountry) {
                                                label = `Bosnia &amp; Herzegovina`;
                                                selectedCountry = `BA`;
                                            }
                                        })" @click="label = `Bosnia &amp; Herzegovina`; selectedCountry = `BA`;"> Bosnia &amp; Herzegovina </li>
            <li data-value="BW" data-label="Botswana" x-init="$watch('hasInitialized', () => {
                                            if (`BW` == clientCountry) {
                                                label = `Botswana`;
                                                selectedCountry = `BW`;
                                            }
                                        })" @click="label = `Botswana`; selectedCountry = `BW`;"> Botswana </li>
            <li data-value="BV" data-label="Bouvet Island" x-init="$watch('hasInitialized', () => {
                                            if (`BV` == clientCountry) {
                                                label = `Bouvet Island`;
                                                selectedCountry = `BV`;
                                            }
                                        })" @click="label = `Bouvet Island`; selectedCountry = `BV`;"> Bouvet Island </li>
            <li data-value="BR" data-label="Brazil" x-init="$watch('hasInitialized', () => {
                                            if (`BR` == clientCountry) {
                                                label = `Brazil`;
                                                selectedCountry = `BR`;
                                            }
                                        })" @click="label = `Brazil`; selectedCountry = `BR`;"> Brazil </li>
            <li data-value="IO" data-label="British Indian Ocean Territory" x-init="$watch('hasInitialized', () => {
                                            if (`IO` == clientCountry) {
                                                label = `British Indian Ocean Territory`;
                                                selectedCountry = `IO`;
                                            }
                                        })" @click="label = `British Indian Ocean Territory`; selectedCountry = `IO`;"> British Indian Ocean Territory </li>
            <li data-value="VG" data-label="British Virgin Islands" x-init="$watch('hasInitialized', () => {
                                            if (`VG` == clientCountry) {
                                                label = `British Virgin Islands`;
                                                selectedCountry = `VG`;
                                            }
                                        })" @click="label = `British Virgin Islands`; selectedCountry = `VG`;"> British Virgin Islands </li>
            <li data-value="BN" data-label="Brunei" x-init="$watch('hasInitialized', () => {
                                            if (`BN` == clientCountry) {
                                                label = `Brunei`;
                                                selectedCountry = `BN`;
                                            }
                                        })" @click="label = `Brunei`; selectedCountry = `BN`;"> Brunei </li>
            <li data-value="BG" data-label="Bulgaria" x-init="$watch('hasInitialized', () => {
                                            if (`BG` == clientCountry) {
                                                label = `Bulgaria`;
                                                selectedCountry = `BG`;
                                            }
                                        })" @click="label = `Bulgaria`; selectedCountry = `BG`;"> Bulgaria </li>
            <li data-value="BF" data-label="Burkina Faso" x-init="$watch('hasInitialized', () => {
                                            if (`BF` == clientCountry) {
                                                label = `Burkina Faso`;
                                                selectedCountry = `BF`;
                                            }
                                        })" @click="label = `Burkina Faso`; selectedCountry = `BF`;"> Burkina Faso </li>
            <li data-value="BI" data-label="Burundi" x-init="$watch('hasInitialized', () => {
                                            if (`BI` == clientCountry) {
                                                label = `Burundi`;
                                                selectedCountry = `BI`;
                                            }
                                        })" @click="label = `Burundi`; selectedCountry = `BI`;"> Burundi </li>
            <li data-value="KH" data-label="Cambodia" x-init="$watch('hasInitialized', () => {
                                            if (`KH` == clientCountry) {
                                                label = `Cambodia`;
                                                selectedCountry = `KH`;
                                            }
                                        })" @click="label = `Cambodia`; selectedCountry = `KH`;"> Cambodia </li>
            <li data-value="CM" data-label="Cameroon" x-init="$watch('hasInitialized', () => {
                                            if (`CM` == clientCountry) {
                                                label = `Cameroon`;
                                                selectedCountry = `CM`;
                                            }
                                        })" @click="label = `Cameroon`; selectedCountry = `CM`;"> Cameroon </li>
            <li data-value="CA" data-label="Canada" x-init="$watch('hasInitialized', () => {
                                            if (`CA` == clientCountry) {
                                                label = `Canada`;
                                                selectedCountry = `CA`;
                                            }
                                        })" @click="label = `Canada`; selectedCountry = `CA`;"> Canada </li>
            <li data-value="CV" data-label="Cape Verde" x-init="$watch('hasInitialized', () => {
                                            if (`CV` == clientCountry) {
                                                label = `Cape Verde`;
                                                selectedCountry = `CV`;
                                            }
                                        })" @click="label = `Cape Verde`; selectedCountry = `CV`;"> Cape Verde </li>
            <li data-value="BQ" data-label="Caribbean Netherlands" x-init="$watch('hasInitialized', () => {
                                            if (`BQ` == clientCountry) {
                                                label = `Caribbean Netherlands`;
                                                selectedCountry = `BQ`;
                                            }
                                        })" @click="label = `Caribbean Netherlands`; selectedCountry = `BQ`;"> Caribbean Netherlands </li>
            <li data-value="KY" data-label="Cayman Islands" x-init="$watch('hasInitialized', () => {
                                            if (`KY` == clientCountry) {
                                                label = `Cayman Islands`;
                                                selectedCountry = `KY`;
                                            }
                                        })" @click="label = `Cayman Islands`; selectedCountry = `KY`;"> Cayman Islands </li>
            <li data-value="CF" data-label="Central African Republic" x-init="$watch('hasInitialized', () => {
                                            if (`CF` == clientCountry) {
                                                label = `Central African Republic`;
                                                selectedCountry = `CF`;
                                            }
                                        })" @click="label = `Central African Republic`; selectedCountry = `CF`;"> Central African Republic </li>
            <li data-value="TD" data-label="Chad" x-init="$watch('hasInitialized', () => {
                                            if (`TD` == clientCountry) {
                                                label = `Chad`;
                                                selectedCountry = `TD`;
                                            }
                                        })" @click="label = `Chad`; selectedCountry = `TD`;"> Chad </li>
            <li data-value="CL" data-label="Chile" x-init="$watch('hasInitialized', () => {
                                            if (`CL` == clientCountry) {
                                                label = `Chile`;
                                                selectedCountry = `CL`;
                                            }
                                        })" @click="label = `Chile`; selectedCountry = `CL`;"> Chile </li>
            <li data-value="CN" data-label="China" x-init="$watch('hasInitialized', () => {
                                            if (`CN` == clientCountry) {
                                                label = `China`;
                                                selectedCountry = `CN`;
                                            }
                                        })" @click="label = `China`; selectedCountry = `CN`;"> China </li>
            <li data-value="CX" data-label="Christmas Island" x-init="$watch('hasInitialized', () => {
                                            if (`CX` == clientCountry) {
                                                label = `Christmas Island`;
                                                selectedCountry = `CX`;
                                            }
                                        })" @click="label = `Christmas Island`; selectedCountry = `CX`;"> Christmas Island </li>
            <li data-value="CC" data-label="Cocos (Keeling) Islands" x-init="$watch('hasInitialized', () => {
                                            if (`CC` == clientCountry) {
                                                label = `Cocos (Keeling) Islands`;
                                                selectedCountry = `CC`;
                                            }
                                        })" @click="label = `Cocos (Keeling) Islands`; selectedCountry = `CC`;"> Cocos (Keeling) Islands </li>
            <li data-value="CO" data-label="Colombia" x-init="$watch('hasInitialized', () => {
                                            if (`CO` == clientCountry) {
                                                label = `Colombia`;
                                                selectedCountry = `CO`;
                                            }
                                        })" @click="label = `Colombia`; selectedCountry = `CO`;"> Colombia </li>
            <li data-value="KM" data-label="Comoros" x-init="$watch('hasInitialized', () => {
                                            if (`KM` == clientCountry) {
                                                label = `Comoros`;
                                                selectedCountry = `KM`;
                                            }
                                        })" @click="label = `Comoros`; selectedCountry = `KM`;"> Comoros </li>
            <li data-value="CG" data-label="Congo - Brazzaville" x-init="$watch('hasInitialized', () => {
                                            if (`CG` == clientCountry) {
                                                label = `Congo - Brazzaville`;
                                                selectedCountry = `CG`;
                                            }
                                        })" @click="label = `Congo - Brazzaville`; selectedCountry = `CG`;"> Congo - Brazzaville </li>
            <li data-value="CD" data-label="Congo - Kinshasa" x-init="$watch('hasInitialized', () => {
                                            if (`CD` == clientCountry) {
                                                label = `Congo - Kinshasa`;
                                                selectedCountry = `CD`;
                                            }
                                        })" @click="label = `Congo - Kinshasa`; selectedCountry = `CD`;"> Congo - Kinshasa </li>
            <li data-value="CK" data-label="Cook Islands" x-init="$watch('hasInitialized', () => {
                                            if (`CK` == clientCountry) {
                                                label = `Cook Islands`;
                                                selectedCountry = `CK`;
                                            }
                                        })" @click="label = `Cook Islands`; selectedCountry = `CK`;"> Cook Islands </li>
            <li data-value="CR" data-label="Costa Rica" x-init="$watch('hasInitialized', () => {
                                            if (`CR` == clientCountry) {
                                                label = `Costa Rica`;
                                                selectedCountry = `CR`;
                                            }
                                        })" @click="label = `Costa Rica`; selectedCountry = `CR`;"> Costa Rica </li>
            <li data-value="HR" data-label="Croatia" x-init="$watch('hasInitialized', () => {
                                            if (`HR` == clientCountry) {
                                                label = `Croatia`;
                                                selectedCountry = `HR`;
                                            }
                                        })" @click="label = `Croatia`; selectedCountry = `HR`;"> Croatia </li>
            <li data-value="CU" data-label="Cuba" x-init="$watch('hasInitialized', () => {
                                            if (`CU` == clientCountry) {
                                                label = `Cuba`;
                                                selectedCountry = `CU`;
                                            }
                                        })" @click="label = `Cuba`; selectedCountry = `CU`;"> Cuba </li>
            <li data-value="CW" data-label="Curaçao" x-init="$watch('hasInitialized', () => {
                                            if (`CW` == clientCountry) {
                                                label = `Curaçao`;
                                                selectedCountry = `CW`;
                                            }
                                        })" @click="label = `Curaçao`; selectedCountry = `CW`;"> Curaçao </li>
            <li data-value="CY" data-label="Cyprus" x-init="$watch('hasInitialized', () => {
                                            if (`CY` == clientCountry) {
                                                label = `Cyprus`;
                                                selectedCountry = `CY`;
                                            }
                                        })" @click="label = `Cyprus`; selectedCountry = `CY`;"> Cyprus </li>
            <li data-value="CZ" data-label="Czechia" x-init="$watch('hasInitialized', () => {
                                            if (`CZ` == clientCountry) {
                                                label = `Czechia`;
                                                selectedCountry = `CZ`;
                                            }
                                        })" @click="label = `Czechia`; selectedCountry = `CZ`;"> Czechia </li>
            <li data-value="CI" data-label="Côte d’Ivoire" x-init="$watch('hasInitialized', () => {
                                            if (`CI` == clientCountry) {
                                                label = `Côte d’Ivoire`;
                                                selectedCountry = `CI`;
                                            }
                                        })" @click="label = `Côte d’Ivoire`; selectedCountry = `CI`;"> Côte d’Ivoire </li>
            <li data-value="DK" data-label="Denmark" x-init="$watch('hasInitialized', () => {
                                            if (`DK` == clientCountry) {
                                                label = `Denmark`;
                                                selectedCountry = `DK`;
                                            }
                                        })" @click="label = `Denmark`; selectedCountry = `DK`;"> Denmark </li>
            <li data-value="DJ" data-label="Djibouti" x-init="$watch('hasInitialized', () => {
                                            if (`DJ` == clientCountry) {
                                                label = `Djibouti`;
                                                selectedCountry = `DJ`;
                                            }
                                        })" @click="label = `Djibouti`; selectedCountry = `DJ`;"> Djibouti </li>
            <li data-value="DM" data-label="Dominica" x-init="$watch('hasInitialized', () => {
                                            if (`DM` == clientCountry) {
                                                label = `Dominica`;
                                                selectedCountry = `DM`;
                                            }
                                        })" @click="label = `Dominica`; selectedCountry = `DM`;"> Dominica </li>
            <li data-value="DO" data-label="Dominican Republic" x-init="$watch('hasInitialized', () => {
                                            if (`DO` == clientCountry) {
                                                label = `Dominican Republic`;
                                                selectedCountry = `DO`;
                                            }
                                        })" @click="label = `Dominican Republic`; selectedCountry = `DO`;"> Dominican Republic </li>
            <li data-value="EC" data-label="Ecuador" x-init="$watch('hasInitialized', () => {
                                            if (`EC` == clientCountry) {
                                                label = `Ecuador`;
                                                selectedCountry = `EC`;
                                            }
                                        })" @click="label = `Ecuador`; selectedCountry = `EC`;"> Ecuador </li>
            <li data-value="EG" data-label="Egypt" x-init="$watch('hasInitialized', () => {
                                            if (`EG` == clientCountry) {
                                                label = `Egypt`;
                                                selectedCountry = `EG`;
                                            }
                                        })" @click="label = `Egypt`; selectedCountry = `EG`;"> Egypt </li>
            <li data-value="SV" data-label="El Salvador" x-init="$watch('hasInitialized', () => {
                                            if (`SV` == clientCountry) {
                                                label = `El Salvador`;
                                                selectedCountry = `SV`;
                                            }
                                        })" @click="label = `El Salvador`; selectedCountry = `SV`;"> El Salvador </li>
            <li data-value="GQ" data-label="Equatorial Guinea" x-init="$watch('hasInitialized', () => {
                                            if (`GQ` == clientCountry) {
                                                label = `Equatorial Guinea`;
                                                selectedCountry = `GQ`;
                                            }
                                        })" @click="label = `Equatorial Guinea`; selectedCountry = `GQ`;"> Equatorial Guinea </li>
            <li data-value="ER" data-label="Eritrea" x-init="$watch('hasInitialized', () => {
                                            if (`ER` == clientCountry) {
                                                label = `Eritrea`;
                                                selectedCountry = `ER`;
                                            }
                                        })" @click="label = `Eritrea`; selectedCountry = `ER`;"> Eritrea </li>
            <li data-value="EE" data-label="Estonia" x-init="$watch('hasInitialized', () => {
                                            if (`EE` == clientCountry) {
                                                label = `Estonia`;
                                                selectedCountry = `EE`;
                                            }
                                        })" @click="label = `Estonia`; selectedCountry = `EE`;"> Estonia </li>
            <li data-value="ET" data-label="Ethiopia" x-init="$watch('hasInitialized', () => {
                                            if (`ET` == clientCountry) {
                                                label = `Ethiopia`;
                                                selectedCountry = `ET`;
                                            }
                                        })" @click="label = `Ethiopia`; selectedCountry = `ET`;"> Ethiopia </li>
            <li data-value="FK" data-label="Falkland Islands" x-init="$watch('hasInitialized', () => {
                                            if (`FK` == clientCountry) {
                                                label = `Falkland Islands`;
                                                selectedCountry = `FK`;
                                            }
                                        })" @click="label = `Falkland Islands`; selectedCountry = `FK`;"> Falkland Islands </li>
            <li data-value="FO" data-label="Faroe Islands" x-init="$watch('hasInitialized', () => {
                                            if (`FO` == clientCountry) {
                                                label = `Faroe Islands`;
                                                selectedCountry = `FO`;
                                            }
                                        })" @click="label = `Faroe Islands`; selectedCountry = `FO`;"> Faroe Islands </li>
            <li data-value="FJ" data-label="Fiji" x-init="$watch('hasInitialized', () => {
                                            if (`FJ` == clientCountry) {
                                                label = `Fiji`;
                                                selectedCountry = `FJ`;
                                            }
                                        })" @click="label = `Fiji`; selectedCountry = `FJ`;"> Fiji </li>
            <li data-value="FI" data-label="Finland" x-init="$watch('hasInitialized', () => {
                                            if (`FI` == clientCountry) {
                                                label = `Finland`;
                                                selectedCountry = `FI`;
                                            }
                                        })" @click="label = `Finland`; selectedCountry = `FI`;"> Finland </li>
            <li data-value="FR" data-label="France" x-init="$watch('hasInitialized', () => {
                                            if (`FR` == clientCountry) {
                                                label = `France`;
                                                selectedCountry = `FR`;
                                            }
                                        })" @click="label = `France`; selectedCountry = `FR`;"> France </li>
            <li data-value="GF" data-label="French Guiana" x-init="$watch('hasInitialized', () => {
                                            if (`GF` == clientCountry) {
                                                label = `French Guiana`;
                                                selectedCountry = `GF`;
                                            }
                                        })" @click="label = `French Guiana`; selectedCountry = `GF`;"> French Guiana </li>
            <li data-value="PF" data-label="French Polynesia" x-init="$watch('hasInitialized', () => {
                                            if (`PF` == clientCountry) {
                                                label = `French Polynesia`;
                                                selectedCountry = `PF`;
                                            }
                                        })" @click="label = `French Polynesia`; selectedCountry = `PF`;"> French Polynesia </li>
            <li data-value="TF" data-label="French Southern Territories" x-init="$watch('hasInitialized', () => {
                                            if (`TF` == clientCountry) {
                                                label = `French Southern Territories`;
                                                selectedCountry = `TF`;
                                            }
                                        })" @click="label = `French Southern Territories`; selectedCountry = `TF`;"> French Southern Territories </li>
            <li data-value="GA" data-label="Gabon" x-init="$watch('hasInitialized', () => {
                                            if (`GA` == clientCountry) {
                                                label = `Gabon`;
                                                selectedCountry = `GA`;
                                            }
                                        })" @click="label = `Gabon`; selectedCountry = `GA`;"> Gabon </li>
            <li data-value="GM" data-label="Gambia" x-init="$watch('hasInitialized', () => {
                                            if (`GM` == clientCountry) {
                                                label = `Gambia`;
                                                selectedCountry = `GM`;
                                            }
                                        })" @click="label = `Gambia`; selectedCountry = `GM`;"> Gambia </li>
            <li data-value="GE" data-label="Georgia" x-init="$watch('hasInitialized', () => {
                                            if (`GE` == clientCountry) {
                                                label = `Georgia`;
                                                selectedCountry = `GE`;
                                            }
                                        })" @click="label = `Georgia`; selectedCountry = `GE`;"> Georgia </li>
            <li data-value="DE" data-label="Germany" x-init="$watch('hasInitialized', () => {
                                            if (`DE` == clientCountry) {
                                                label = `Germany`;
                                                selectedCountry = `DE`;
                                            }
                                        })" @click="label = `Germany`; selectedCountry = `DE`;"> Germany </li>
            <li data-value="GH" data-label="Ghana" x-init="$watch('hasInitialized', () => {
                                            if (`GH` == clientCountry) {
                                                label = `Ghana`;
                                                selectedCountry = `GH`;
                                            }
                                        })" @click="label = `Ghana`; selectedCountry = `GH`;"> Ghana </li>
            <li data-value="GI" data-label="Gibraltar" x-init="$watch('hasInitialized', () => {
                                            if (`GI` == clientCountry) {
                                                label = `Gibraltar`;
                                                selectedCountry = `GI`;
                                            }
                                        })" @click="label = `Gibraltar`; selectedCountry = `GI`;"> Gibraltar </li>
            <li data-value="GR" data-label="Greece" x-init="$watch('hasInitialized', () => {
                                            if (`GR` == clientCountry) {
                                                label = `Greece`;
                                                selectedCountry = `GR`;
                                            }
                                        })" @click="label = `Greece`; selectedCountry = `GR`;"> Greece </li>
            <li data-value="GL" data-label="Greenland" x-init="$watch('hasInitialized', () => {
                                            if (`GL` == clientCountry) {
                                                label = `Greenland`;
                                                selectedCountry = `GL`;
                                            }
                                        })" @click="label = `Greenland`; selectedCountry = `GL`;"> Greenland </li>
            <li data-value="GD" data-label="Grenada" x-init="$watch('hasInitialized', () => {
                                            if (`GD` == clientCountry) {
                                                label = `Grenada`;
                                                selectedCountry = `GD`;
                                            }
                                        })" @click="label = `Grenada`; selectedCountry = `GD`;"> Grenada </li>
            <li data-value="GP" data-label="Guadeloupe" x-init="$watch('hasInitialized', () => {
                                            if (`GP` == clientCountry) {
                                                label = `Guadeloupe`;
                                                selectedCountry = `GP`;
                                            }
                                        })" @click="label = `Guadeloupe`; selectedCountry = `GP`;"> Guadeloupe </li>
            <li data-value="GU" data-label="Guam" x-init="$watch('hasInitialized', () => {
                                            if (`GU` == clientCountry) {
                                                label = `Guam`;
                                                selectedCountry = `GU`;
                                            }
                                        })" @click="label = `Guam`; selectedCountry = `GU`;"> Guam </li>
            <li data-value="GT" data-label="Guatemala" x-init="$watch('hasInitialized', () => {
                                            if (`GT` == clientCountry) {
                                                label = `Guatemala`;
                                                selectedCountry = `GT`;
                                            }
                                        })" @click="label = `Guatemala`; selectedCountry = `GT`;"> Guatemala </li>
            <li data-value="GG" data-label="Guernsey" x-init="$watch('hasInitialized', () => {
                                            if (`GG` == clientCountry) {
                                                label = `Guernsey`;
                                                selectedCountry = `GG`;
                                            }
                                        })" @click="label = `Guernsey`; selectedCountry = `GG`;"> Guernsey </li>
            <li data-value="GN" data-label="Guinea" x-init="$watch('hasInitialized', () => {
                                            if (`GN` == clientCountry) {
                                                label = `Guinea`;
                                                selectedCountry = `GN`;
                                            }
                                        })" @click="label = `Guinea`; selectedCountry = `GN`;"> Guinea </li>
            <li data-value="GW" data-label="Guinea-Bissau" x-init="$watch('hasInitialized', () => {
                                            if (`GW` == clientCountry) {
                                                label = `Guinea-Bissau`;
                                                selectedCountry = `GW`;
                                            }
                                        })" @click="label = `Guinea-Bissau`; selectedCountry = `GW`;"> Guinea-Bissau </li>
            <li data-value="GY" data-label="Guyana" x-init="$watch('hasInitialized', () => {
                                            if (`GY` == clientCountry) {
                                                label = `Guyana`;
                                                selectedCountry = `GY`;
                                            }
                                        })" @click="label = `Guyana`; selectedCountry = `GY`;"> Guyana </li>
            <li data-value="HT" data-label="Haiti" x-init="$watch('hasInitialized', () => {
                                            if (`HT` == clientCountry) {
                                                label = `Haiti`;
                                                selectedCountry = `HT`;
                                            }
                                        })" @click="label = `Haiti`; selectedCountry = `HT`;"> Haiti </li>
            <li data-value="HM" data-label="Heard &amp; McDonald Islands" x-init="$watch('hasInitialized', () => {
                                            if (`HM` == clientCountry) {
                                                label = `Heard &amp; McDonald Islands`;
                                                selectedCountry = `HM`;
                                            }
                                        })" @click="label = `Heard &amp; McDonald Islands`; selectedCountry = `HM`;"> Heard &amp; McDonald Islands </li>
            <li data-value="HN" data-label="Honduras" x-init="$watch('hasInitialized', () => {
                                            if (`HN` == clientCountry) {
                                                label = `Honduras`;
                                                selectedCountry = `HN`;
                                            }
                                        })" @click="label = `Honduras`; selectedCountry = `HN`;"> Honduras </li>
            <li data-value="HK" data-label="Hong Kong SAR China" x-init="$watch('hasInitialized', () => {
                                            if (`HK` == clientCountry) {
                                                label = `Hong Kong SAR China`;
                                                selectedCountry = `HK`;
                                            }
                                        })" @click="label = `Hong Kong SAR China`; selectedCountry = `HK`;"> Hong Kong SAR China </li>
            <li data-value="HU" data-label="Hungary" x-init="$watch('hasInitialized', () => {
                                            if (`HU` == clientCountry) {
                                                label = `Hungary`;
                                                selectedCountry = `HU`;
                                            }
                                        })" @click="label = `Hungary`; selectedCountry = `HU`;"> Hungary </li>
            <li data-value="IS" data-label="Iceland" x-init="$watch('hasInitialized', () => {
                                            if (`IS` == clientCountry) {
                                                label = `Iceland`;
                                                selectedCountry = `IS`;
                                            }
                                        })" @click="label = `Iceland`; selectedCountry = `IS`;"> Iceland </li>
            <li data-value="IN" data-label="India" x-init="$watch('hasInitialized', () => {
                                            if (`IN` == clientCountry) {
                                                label = `India`;
                                                selectedCountry = `IN`;
                                            }
                                        })" @click="label = `India`; selectedCountry = `IN`;"> India </li>
            <li data-value="ID" data-label="Indonesia" x-init="$watch('hasInitialized', () => {
                                            if (`ID` == clientCountry) {
                                                label = `Indonesia`;
                                                selectedCountry = `ID`;
                                            }
                                        })" @click="label = `Indonesia`; selectedCountry = `ID`;"> Indonesia </li>
            <li data-value="IR" data-label="Iran" x-init="$watch('hasInitialized', () => {
                                            if (`IR` == clientCountry) {
                                                label = `Iran`;
                                                selectedCountry = `IR`;
                                            }
                                        })" @click="label = `Iran`; selectedCountry = `IR`;"> Iran </li>
            <li data-value="IQ" data-label="Iraq" x-init="$watch('hasInitialized', () => {
                                            if (`IQ` == clientCountry) {
                                                label = `Iraq`;
                                                selectedCountry = `IQ`;
                                            }
                                        })" @click="label = `Iraq`; selectedCountry = `IQ`;"> Iraq </li>
            <li data-value="IE" data-label="Ireland" x-init="$watch('hasInitialized', () => {
                                            if (`IE` == clientCountry) {
                                                label = `Ireland`;
                                                selectedCountry = `IE`;
                                            }
                                        })" @click="label = `Ireland`; selectedCountry = `IE`;"> Ireland </li>
            <li data-value="IM" data-label="Isle of Man" x-init="$watch('hasInitialized', () => {
                                            if (`IM` == clientCountry) {
                                                label = `Isle of Man`;
                                                selectedCountry = `IM`;
                                            }
                                        })" @click="label = `Isle of Man`; selectedCountry = `IM`;"> Isle of Man </li>
            <li data-value="IL" data-label="Israel" x-init="$watch('hasInitialized', () => {
                                            if (`IL` == clientCountry) {
                                                label = `Israel`;
                                                selectedCountry = `IL`;
                                            }
                                        })" @click="label = `Israel`; selectedCountry = `IL`;"> Israel </li>
            <li data-value="IT" data-label="Italy" x-init="$watch('hasInitialized', () => {
                                            if (`IT` == clientCountry) {
                                                label = `Italy`;
                                                selectedCountry = `IT`;
                                            }
                                        })" @click="label = `Italy`; selectedCountry = `IT`;"> Italy </li>
            <li data-value="JM" data-label="Jamaica" x-init="$watch('hasInitialized', () => {
                                            if (`JM` == clientCountry) {
                                                label = `Jamaica`;
                                                selectedCountry = `JM`;
                                            }
                                        })" @click="label = `Jamaica`; selectedCountry = `JM`;"> Jamaica </li>
            <li data-value="JP" data-label="Japan" x-init="$watch('hasInitialized', () => {
                                            if (`JP` == clientCountry) {
                                                label = `Japan`;
                                                selectedCountry = `JP`;
                                            }
                                        })" @click="label = `Japan`; selectedCountry = `JP`;"> Japan </li>
            <li data-value="JE" data-label="Jersey" x-init="$watch('hasInitialized', () => {
                                            if (`JE` == clientCountry) {
                                                label = `Jersey`;
                                                selectedCountry = `JE`;
                                            }
                                        })" @click="label = `Jersey`; selectedCountry = `JE`;"> Jersey </li>
            <li data-value="JO" data-label="Jordan" x-init="$watch('hasInitialized', () => {
                                            if (`JO` == clientCountry) {
                                                label = `Jordan`;
                                                selectedCountry = `JO`;
                                            }
                                        })" @click="label = `Jordan`; selectedCountry = `JO`;"> Jordan </li>
            <li data-value="KZ" data-label="Kazakhstan" x-init="$watch('hasInitialized', () => {
                                            if (`KZ` == clientCountry) {
                                                label = `Kazakhstan`;
                                                selectedCountry = `KZ`;
                                            }
                                        })" @click="label = `Kazakhstan`; selectedCountry = `KZ`;"> Kazakhstan </li>
            <li data-value="KE" data-label="Kenya" x-init="$watch('hasInitialized', () => {
                                            if (`KE` == clientCountry) {
                                                label = `Kenya`;
                                                selectedCountry = `KE`;
                                            }
                                        })" @click="label = `Kenya`; selectedCountry = `KE`;"> Kenya </li>
            <li data-value="KI" data-label="Kiribati" x-init="$watch('hasInitialized', () => {
                                            if (`KI` == clientCountry) {
                                                label = `Kiribati`;
                                                selectedCountry = `KI`;
                                            }
                                        })" @click="label = `Kiribati`; selectedCountry = `KI`;"> Kiribati </li>
            <li data-value="KW" data-label="Kuwait" x-init="$watch('hasInitialized', () => {
                                            if (`KW` == clientCountry) {
                                                label = `Kuwait`;
                                                selectedCountry = `KW`;
                                            }
                                        })" @click="label = `Kuwait`; selectedCountry = `KW`;"> Kuwait </li>
            <li data-value="KG" data-label="Kyrgyzstan" x-init="$watch('hasInitialized', () => {
                                            if (`KG` == clientCountry) {
                                                label = `Kyrgyzstan`;
                                                selectedCountry = `KG`;
                                            }
                                        })" @click="label = `Kyrgyzstan`; selectedCountry = `KG`;"> Kyrgyzstan </li>
            <li data-value="LA" data-label="Laos" x-init="$watch('hasInitialized', () => {
                                            if (`LA` == clientCountry) {
                                                label = `Laos`;
                                                selectedCountry = `LA`;
                                            }
                                        })" @click="label = `Laos`; selectedCountry = `LA`;"> Laos </li>
            <li data-value="LV" data-label="Latvia" x-init="$watch('hasInitialized', () => {
                                            if (`LV` == clientCountry) {
                                                label = `Latvia`;
                                                selectedCountry = `LV`;
                                            }
                                        })" @click="label = `Latvia`; selectedCountry = `LV`;"> Latvia </li>
            <li data-value="LB" data-label="Lebanon" x-init="$watch('hasInitialized', () => {
                                            if (`LB` == clientCountry) {
                                                label = `Lebanon`;
                                                selectedCountry = `LB`;
                                            }
                                        })" @click="label = `Lebanon`; selectedCountry = `LB`;"> Lebanon </li>
            <li data-value="LS" data-label="Lesotho" x-init="$watch('hasInitialized', () => {
                                            if (`LS` == clientCountry) {
                                                label = `Lesotho`;
                                                selectedCountry = `LS`;
                                            }
                                        })" @click="label = `Lesotho`; selectedCountry = `LS`;"> Lesotho </li>
            <li data-value="LR" data-label="Liberia" x-init="$watch('hasInitialized', () => {
                                            if (`LR` == clientCountry) {
                                                label = `Liberia`;
                                                selectedCountry = `LR`;
                                            }
                                        })" @click="label = `Liberia`; selectedCountry = `LR`;"> Liberia </li>
            <li data-value="LY" data-label="Libya" x-init="$watch('hasInitialized', () => {
                                            if (`LY` == clientCountry) {
                                                label = `Libya`;
                                                selectedCountry = `LY`;
                                            }
                                        })" @click="label = `Libya`; selectedCountry = `LY`;"> Libya </li>
            <li data-value="LI" data-label="Liechtenstein" x-init="$watch('hasInitialized', () => {
                                            if (`LI` == clientCountry) {
                                                label = `Liechtenstein`;
                                                selectedCountry = `LI`;
                                            }
                                        })" @click="label = `Liechtenstein`; selectedCountry = `LI`;"> Liechtenstein </li>
            <li data-value="LT" data-label="Lithuania" x-init="$watch('hasInitialized', () => {
                                            if (`LT` == clientCountry) {
                                                label = `Lithuania`;
                                                selectedCountry = `LT`;
                                            }
                                        })" @click="label = `Lithuania`; selectedCountry = `LT`;"> Lithuania </li>
            <li data-value="LU" data-label="Luxembourg" x-init="$watch('hasInitialized', () => {
                                            if (`LU` == clientCountry) {
                                                label = `Luxembourg`;
                                                selectedCountry = `LU`;
                                            }
                                        })" @click="label = `Luxembourg`; selectedCountry = `LU`;"> Luxembourg </li>
            <li data-value="MO" data-label="Macau SAR China" x-init="$watch('hasInitialized', () => {
                                            if (`MO` == clientCountry) {
                                                label = `Macau SAR China`;
                                                selectedCountry = `MO`;
                                            }
                                        })" @click="label = `Macau SAR China`; selectedCountry = `MO`;"> Macau SAR China </li>
            <li data-value="MK" data-label="Macedonia" x-init="$watch('hasInitialized', () => {
                                            if (`MK` == clientCountry) {
                                                label = `Macedonia`;
                                                selectedCountry = `MK`;
                                            }
                                        })" @click="label = `Macedonia`; selectedCountry = `MK`;"> Macedonia </li>
            <li data-value="MG" data-label="Madagascar" x-init="$watch('hasInitialized', () => {
                                            if (`MG` == clientCountry) {
                                                label = `Madagascar`;
                                                selectedCountry = `MG`;
                                            }
                                        })" @click="label = `Madagascar`; selectedCountry = `MG`;"> Madagascar </li>
            <li data-value="MW" data-label="Malawi" x-init="$watch('hasInitialized', () => {
                                            if (`MW` == clientCountry) {
                                                label = `Malawi`;
                                                selectedCountry = `MW`;
                                            }
                                        })" @click="label = `Malawi`; selectedCountry = `MW`;"> Malawi </li>
            <li data-value="MY" data-label="Malaysia" x-init="$watch('hasInitialized', () => {
                                            if (`MY` == clientCountry) {
                                                label = `Malaysia`;
                                                selectedCountry = `MY`;
                                            }
                                        })" @click="label = `Malaysia`; selectedCountry = `MY`;"> Malaysia </li>
            <li data-value="MV" data-label="Maldives" x-init="$watch('hasInitialized', () => {
                                            if (`MV` == clientCountry) {
                                                label = `Maldives`;
                                                selectedCountry = `MV`;
                                            }
                                        })" @click="label = `Maldives`; selectedCountry = `MV`;"> Maldives </li>
            <li data-value="ML" data-label="Mali" x-init="$watch('hasInitialized', () => {
                                            if (`ML` == clientCountry) {
                                                label = `Mali`;
                                                selectedCountry = `ML`;
                                            }
                                        })" @click="label = `Mali`; selectedCountry = `ML`;"> Mali </li>
            <li data-value="MT" data-label="Malta" x-init="$watch('hasInitialized', () => {
                                            if (`MT` == clientCountry) {
                                                label = `Malta`;
                                                selectedCountry = `MT`;
                                            }
                                        })" @click="label = `Malta`; selectedCountry = `MT`;"> Malta </li>
            <li data-value="MH" data-label="Marshall Islands" x-init="$watch('hasInitialized', () => {
                                            if (`MH` == clientCountry) {
                                                label = `Marshall Islands`;
                                                selectedCountry = `MH`;
                                            }
                                        })" @click="label = `Marshall Islands`; selectedCountry = `MH`;"> Marshall Islands </li>
            <li data-value="MQ" data-label="Martinique" x-init="$watch('hasInitialized', () => {
                                            if (`MQ` == clientCountry) {
                                                label = `Martinique`;
                                                selectedCountry = `MQ`;
                                            }
                                        })" @click="label = `Martinique`; selectedCountry = `MQ`;"> Martinique </li>
            <li data-value="MR" data-label="Mauritania" x-init="$watch('hasInitialized', () => {
                                            if (`MR` == clientCountry) {
                                                label = `Mauritania`;
                                                selectedCountry = `MR`;
                                            }
                                        })" @click="label = `Mauritania`; selectedCountry = `MR`;"> Mauritania </li>
            <li data-value="MU" data-label="Mauritius" x-init="$watch('hasInitialized', () => {
                                            if (`MU` == clientCountry) {
                                                label = `Mauritius`;
                                                selectedCountry = `MU`;
                                            }
                                        })" @click="label = `Mauritius`; selectedCountry = `MU`;"> Mauritius </li>
            <li data-value="YT" data-label="Mayotte" x-init="$watch('hasInitialized', () => {
                                            if (`YT` == clientCountry) {
                                                label = `Mayotte`;
                                                selectedCountry = `YT`;
                                            }
                                        })" @click="label = `Mayotte`; selectedCountry = `YT`;"> Mayotte </li>
            <li data-value="MX" data-label="Mexico" x-init="$watch('hasInitialized', () => {
                                            if (`MX` == clientCountry) {
                                                label = `Mexico`;
                                                selectedCountry = `MX`;
                                            }
                                        })" @click="label = `Mexico`; selectedCountry = `MX`;"> Mexico </li>
            <li data-value="FM" data-label="Micronesia" x-init="$watch('hasInitialized', () => {
                                            if (`FM` == clientCountry) {
                                                label = `Micronesia`;
                                                selectedCountry = `FM`;
                                            }
                                        })" @click="label = `Micronesia`; selectedCountry = `FM`;"> Micronesia </li>
            <li data-value="MD" data-label="Moldova" x-init="$watch('hasInitialized', () => {
                                            if (`MD` == clientCountry) {
                                                label = `Moldova`;
                                                selectedCountry = `MD`;
                                            }
                                        })" @click="label = `Moldova`; selectedCountry = `MD`;"> Moldova </li>
            <li data-value="MC" data-label="Monaco" x-init="$watch('hasInitialized', () => {
                                            if (`MC` == clientCountry) {
                                                label = `Monaco`;
                                                selectedCountry = `MC`;
                                            }
                                        })" @click="label = `Monaco`; selectedCountry = `MC`;"> Monaco </li>
            <li data-value="MN" data-label="Mongolia" x-init="$watch('hasInitialized', () => {
                                            if (`MN` == clientCountry) {
                                                label = `Mongolia`;
                                                selectedCountry = `MN`;
                                            }
                                        })" @click="label = `Mongolia`; selectedCountry = `MN`;"> Mongolia </li>
            <li data-value="ME" data-label="Montenegro" x-init="$watch('hasInitialized', () => {
                                            if (`ME` == clientCountry) {
                                                label = `Montenegro`;
                                                selectedCountry = `ME`;
                                            }
                                        })" @click="label = `Montenegro`; selectedCountry = `ME`;"> Montenegro </li>
            <li data-value="MS" data-label="Montserrat" x-init="$watch('hasInitialized', () => {
                                            if (`MS` == clientCountry) {
                                                label = `Montserrat`;
                                                selectedCountry = `MS`;
                                            }
                                        })" @click="label = `Montserrat`; selectedCountry = `MS`;"> Montserrat </li>
            <li data-value="MA" data-label="Morocco" x-init="$watch('hasInitialized', () => {
                                            if (`MA` == clientCountry) {
                                                label = `Morocco`;
                                                selectedCountry = `MA`;
                                            }
                                        })" @click="label = `Morocco`; selectedCountry = `MA`;"> Morocco </li>
            <li data-value="MZ" data-label="Mozambique" x-init="$watch('hasInitialized', () => {
                                            if (`MZ` == clientCountry) {
                                                label = `Mozambique`;
                                                selectedCountry = `MZ`;
                                            }
                                        })" @click="label = `Mozambique`; selectedCountry = `MZ`;"> Mozambique </li>
            <li data-value="MM" data-label="Myanmar (Burma)" x-init="$watch('hasInitialized', () => {
                                            if (`MM` == clientCountry) {
                                                label = `Myanmar (Burma)`;
                                                selectedCountry = `MM`;
                                            }
                                        })" @click="label = `Myanmar (Burma)`; selectedCountry = `MM`;"> Myanmar (Burma) </li>
            <li data-value="NA" data-label="Namibia" x-init="$watch('hasInitialized', () => {
                                            if (`NA` == clientCountry) {
                                                label = `Namibia`;
                                                selectedCountry = `NA`;
                                            }
                                        })" @click="label = `Namibia`; selectedCountry = `NA`;"> Namibia </li>
            <li data-value="NR" data-label="Nauru" x-init="$watch('hasInitialized', () => {
                                            if (`NR` == clientCountry) {
                                                label = `Nauru`;
                                                selectedCountry = `NR`;
                                            }
                                        })" @click="label = `Nauru`; selectedCountry = `NR`;"> Nauru </li>
            <li data-value="NP" data-label="Nepal" x-init="$watch('hasInitialized', () => {
                                            if (`NP` == clientCountry) {
                                                label = `Nepal`;
                                                selectedCountry = `NP`;
                                            }
                                        })" @click="label = `Nepal`; selectedCountry = `NP`;"> Nepal </li>
            <li data-value="NL" data-label="Netherlands" x-init="$watch('hasInitialized', () => {
                                            if (`NL` == clientCountry) {
                                                label = `Netherlands`;
                                                selectedCountry = `NL`;
                                            }
                                        })" @click="label = `Netherlands`; selectedCountry = `NL`;"> Netherlands </li>
            <li data-value="NC" data-label="New Caledonia" x-init="$watch('hasInitialized', () => {
                                            if (`NC` == clientCountry) {
                                                label = `New Caledonia`;
                                                selectedCountry = `NC`;
                                            }
                                        })" @click="label = `New Caledonia`; selectedCountry = `NC`;"> New Caledonia </li>
            <li data-value="NZ" data-label="New Zealand" x-init="$watch('hasInitialized', () => {
                                            if (`NZ` == clientCountry) {
                                                label = `New Zealand`;
                                                selectedCountry = `NZ`;
                                            }
                                        })" @click="label = `New Zealand`; selectedCountry = `NZ`;"> New Zealand </li>
            <li data-value="NI" data-label="Nicaragua" x-init="$watch('hasInitialized', () => {
                                            if (`NI` == clientCountry) {
                                                label = `Nicaragua`;
                                                selectedCountry = `NI`;
                                            }
                                        })" @click="label = `Nicaragua`; selectedCountry = `NI`;"> Nicaragua </li>
            <li data-value="NE" data-label="Niger" x-init="$watch('hasInitialized', () => {
                                            if (`NE` == clientCountry) {
                                                label = `Niger`;
                                                selectedCountry = `NE`;
                                            }
                                        })" @click="label = `Niger`; selectedCountry = `NE`;"> Niger </li>
            <li data-value="NG" data-label="Nigeria" x-init="$watch('hasInitialized', () => {
                                            if (`NG` == clientCountry) {
                                                label = `Nigeria`;
                                                selectedCountry = `NG`;
                                            }
                                        })" @click="label = `Nigeria`; selectedCountry = `NG`;"> Nigeria </li>
            <li data-value="NU" data-label="Niue" x-init="$watch('hasInitialized', () => {
                                            if (`NU` == clientCountry) {
                                                label = `Niue`;
                                                selectedCountry = `NU`;
                                            }
                                        })" @click="label = `Niue`; selectedCountry = `NU`;"> Niue </li>
            <li data-value="NF" data-label="Norfolk Island" x-init="$watch('hasInitialized', () => {
                                            if (`NF` == clientCountry) {
                                                label = `Norfolk Island`;
                                                selectedCountry = `NF`;
                                            }
                                        })" @click="label = `Norfolk Island`; selectedCountry = `NF`;"> Norfolk Island </li>
            <li data-value="KP" data-label="North Korea" x-init="$watch('hasInitialized', () => {
                                            if (`KP` == clientCountry) {
                                                label = `North Korea`;
                                                selectedCountry = `KP`;
                                            }
                                        })" @click="label = `North Korea`; selectedCountry = `KP`;"> North Korea </li>
            <li data-value="MP" data-label="Northern Mariana Islands" x-init="$watch('hasInitialized', () => {
                                            if (`MP` == clientCountry) {
                                                label = `Northern Mariana Islands`;
                                                selectedCountry = `MP`;
                                            }
                                        })" @click="label = `Northern Mariana Islands`; selectedCountry = `MP`;"> Northern Mariana Islands </li>
            <li data-value="NO" data-label="Norway" x-init="$watch('hasInitialized', () => {
                                            if (`NO` == clientCountry) {
                                                label = `Norway`;
                                                selectedCountry = `NO`;
                                            }
                                        })" @click="label = `Norway`; selectedCountry = `NO`;"> Norway </li>
            <li data-value="OM" data-label="Oman" x-init="$watch('hasInitialized', () => {
                                            if (`OM` == clientCountry) {
                                                label = `Oman`;
                                                selectedCountry = `OM`;
                                            }
                                        })" @click="label = `Oman`; selectedCountry = `OM`;"> Oman </li>
            <li data-value="PK" data-label="Pakistan" x-init="$watch('hasInitialized', () => {
                                            if (`PK` == clientCountry) {
                                                label = `Pakistan`;
                                                selectedCountry = `PK`;
                                            }
                                        })" @click="label = `Pakistan`; selectedCountry = `PK`;"> Pakistan </li>
            <li data-value="PW" data-label="Palau" x-init="$watch('hasInitialized', () => {
                                            if (`PW` == clientCountry) {
                                                label = `Palau`;
                                                selectedCountry = `PW`;
                                            }
                                        })" @click="label = `Palau`; selectedCountry = `PW`;"> Palau </li>
            <li data-value="PS" data-label="Palestinian Territories" x-init="$watch('hasInitialized', () => {
                                            if (`PS` == clientCountry) {
                                                label = `Palestinian Territories`;
                                                selectedCountry = `PS`;
                                            }
                                        })" @click="label = `Palestinian Territories`; selectedCountry = `PS`;"> Palestinian Territories </li>
            <li data-value="PA" data-label="Panama" x-init="$watch('hasInitialized', () => {
                                            if (`PA` == clientCountry) {
                                                label = `Panama`;
                                                selectedCountry = `PA`;
                                            }
                                        })" @click="label = `Panama`; selectedCountry = `PA`;"> Panama </li>
            <li data-value="PG" data-label="Papua New Guinea" x-init="$watch('hasInitialized', () => {
                                            if (`PG` == clientCountry) {
                                                label = `Papua New Guinea`;
                                                selectedCountry = `PG`;
                                            }
                                        })" @click="label = `Papua New Guinea`; selectedCountry = `PG`;"> Papua New Guinea </li>
            <li data-value="PY" data-label="Paraguay" x-init="$watch('hasInitialized', () => {
                                            if (`PY` == clientCountry) {
                                                label = `Paraguay`;
                                                selectedCountry = `PY`;
                                            }
                                        })" @click="label = `Paraguay`; selectedCountry = `PY`;"> Paraguay </li>
            <li data-value="PE" data-label="Peru" x-init="$watch('hasInitialized', () => {
                                            if (`PE` == clientCountry) {
                                                label = `Peru`;
                                                selectedCountry = `PE`;
                                            }
                                        })" @click="label = `Peru`; selectedCountry = `PE`;"> Peru </li>
            <li data-value="PH" data-label="Philippines" x-init="$watch('hasInitialized', () => {
                                            if (`PH` == clientCountry) {
                                                label = `Philippines`;
                                                selectedCountry = `PH`;
                                            }
                                        })" @click="label = `Philippines`; selectedCountry = `PH`;"> Philippines </li>
            <li data-value="PN" data-label="Pitcairn Islands" x-init="$watch('hasInitialized', () => {
                                            if (`PN` == clientCountry) {
                                                label = `Pitcairn Islands`;
                                                selectedCountry = `PN`;
                                            }
                                        })" @click="label = `Pitcairn Islands`; selectedCountry = `PN`;"> Pitcairn Islands </li>
            <li data-value="PL" data-label="Poland" x-init="$watch('hasInitialized', () => {
                                            if (`PL` == clientCountry) {
                                                label = `Poland`;
                                                selectedCountry = `PL`;
                                            }
                                        })" @click="label = `Poland`; selectedCountry = `PL`;"> Poland </li>
            <li data-value="PT" data-label="Portugal" x-init="$watch('hasInitialized', () => {
                                            if (`PT` == clientCountry) {
                                                label = `Portugal`;
                                                selectedCountry = `PT`;
                                            }
                                        })" @click="label = `Portugal`; selectedCountry = `PT`;"> Portugal </li>
            <li data-value="PR" data-label="Puerto Rico" x-init="$watch('hasInitialized', () => {
                                            if (`PR` == clientCountry) {
                                                label = `Puerto Rico`;
                                                selectedCountry = `PR`;
                                            }
                                        })" @click="label = `Puerto Rico`; selectedCountry = `PR`;"> Puerto Rico </li>
            <li data-value="QA" data-label="Qatar" x-init="$watch('hasInitialized', () => {
                                            if (`QA` == clientCountry) {
                                                label = `Qatar`;
                                                selectedCountry = `QA`;
                                            }
                                        })" @click="label = `Qatar`; selectedCountry = `QA`;"> Qatar </li>
            <li data-value="RO" data-label="Romania" x-init="$watch('hasInitialized', () => {
                                            if (`RO` == clientCountry) {
                                                label = `Romania`;
                                                selectedCountry = `RO`;
                                            }
                                        })" @click="label = `Romania`; selectedCountry = `RO`;"> Romania </li>
            <li data-value="RU" data-label="Russia" x-init="$watch('hasInitialized', () => {
                                            if (`RU` == clientCountry) {
                                                label = `Russia`;
                                                selectedCountry = `RU`;
                                            }
                                        })" @click="label = `Russia`; selectedCountry = `RU`;"> Russia </li>
            <li data-value="RW" data-label="Rwanda" x-init="$watch('hasInitialized', () => {
                                            if (`RW` == clientCountry) {
                                                label = `Rwanda`;
                                                selectedCountry = `RW`;
                                            }
                                        })" @click="label = `Rwanda`; selectedCountry = `RW`;"> Rwanda </li>
            <li data-value="RE" data-label="Réunion" x-init="$watch('hasInitialized', () => {
                                            if (`RE` == clientCountry) {
                                                label = `Réunion`;
                                                selectedCountry = `RE`;
                                            }
                                        })" @click="label = `Réunion`; selectedCountry = `RE`;"> Réunion </li>
            <li data-value="WS" data-label="Samoa" x-init="$watch('hasInitialized', () => {
                                            if (`WS` == clientCountry) {
                                                label = `Samoa`;
                                                selectedCountry = `WS`;
                                            }
                                        })" @click="label = `Samoa`; selectedCountry = `WS`;"> Samoa </li>
            <li data-value="SM" data-label="San Marino" x-init="$watch('hasInitialized', () => {
                                            if (`SM` == clientCountry) {
                                                label = `San Marino`;
                                                selectedCountry = `SM`;
                                            }
                                        })" @click="label = `San Marino`; selectedCountry = `SM`;"> San Marino </li>
            <li data-value="SA" data-label="Saudi Arabia" x-init="$watch('hasInitialized', () => {
                                            if (`SA` == clientCountry) {
                                                label = `Saudi Arabia`;
                                                selectedCountry = `SA`;
                                            }
                                        })" @click="label = `Saudi Arabia`; selectedCountry = `SA`;"> Saudi Arabia </li>
            <li data-value="SN" data-label="Senegal" x-init="$watch('hasInitialized', () => {
                                            if (`SN` == clientCountry) {
                                                label = `Senegal`;
                                                selectedCountry = `SN`;
                                            }
                                        })" @click="label = `Senegal`; selectedCountry = `SN`;"> Senegal </li>
            <li data-value="RS" data-label="Serbia" x-init="$watch('hasInitialized', () => {
                                            if (`RS` == clientCountry) {
                                                label = `Serbia`;
                                                selectedCountry = `RS`;
                                            }
                                        })" @click="label = `Serbia`; selectedCountry = `RS`;"> Serbia </li>
            <li data-value="SC" data-label="Seychelles" x-init="$watch('hasInitialized', () => {
                                            if (`SC` == clientCountry) {
                                                label = `Seychelles`;
                                                selectedCountry = `SC`;
                                            }
                                        })" @click="label = `Seychelles`; selectedCountry = `SC`;"> Seychelles </li>
            <li data-value="SL" data-label="Sierra Leone" x-init="$watch('hasInitialized', () => {
                                            if (`SL` == clientCountry) {
                                                label = `Sierra Leone`;
                                                selectedCountry = `SL`;
                                            }
                                        })" @click="label = `Sierra Leone`; selectedCountry = `SL`;"> Sierra Leone </li>
            <li data-value="SG" data-label="Singapore" x-init="$watch('hasInitialized', () => {
                                            if (`SG` == clientCountry) {
                                                label = `Singapore`;
                                                selectedCountry = `SG`;
                                            }
                                        })" @click="label = `Singapore`; selectedCountry = `SG`;"> Singapore </li>
            <li data-value="SX" data-label="Sint Maarten" x-init="$watch('hasInitialized', () => {
                                            if (`SX` == clientCountry) {
                                                label = `Sint Maarten`;
                                                selectedCountry = `SX`;
                                            }
                                        })" @click="label = `Sint Maarten`; selectedCountry = `SX`;"> Sint Maarten </li>
            <li data-value="SK" data-label="Slovakia" x-init="$watch('hasInitialized', () => {
                                            if (`SK` == clientCountry) {
                                                label = `Slovakia`;
                                                selectedCountry = `SK`;
                                            }
                                        })" @click="label = `Slovakia`; selectedCountry = `SK`;"> Slovakia </li>
            <li data-value="SI" data-label="Slovenia" x-init="$watch('hasInitialized', () => {
                                            if (`SI` == clientCountry) {
                                                label = `Slovenia`;
                                                selectedCountry = `SI`;
                                            }
                                        })" @click="label = `Slovenia`; selectedCountry = `SI`;"> Slovenia </li>
            <li data-value="SB" data-label="Solomon Islands" x-init="$watch('hasInitialized', () => {
                                            if (`SB` == clientCountry) {
                                                label = `Solomon Islands`;
                                                selectedCountry = `SB`;
                                            }
                                        })" @click="label = `Solomon Islands`; selectedCountry = `SB`;"> Solomon Islands </li>
            <li data-value="SO" data-label="Somalia" x-init="$watch('hasInitialized', () => {
                                            if (`SO` == clientCountry) {
                                                label = `Somalia`;
                                                selectedCountry = `SO`;
                                            }
                                        })" @click="label = `Somalia`; selectedCountry = `SO`;"> Somalia </li>
            <li data-value="ZA" data-label="South Africa" x-init="$watch('hasInitialized', () => {
                                            if (`ZA` == clientCountry) {
                                                label = `South Africa`;
                                                selectedCountry = `ZA`;
                                            }
                                        })" @click="label = `South Africa`; selectedCountry = `ZA`;"> South Africa </li>
            <li data-value="GS" data-label="South Georgia &amp; South Sandwich Islands" x-init="$watch('hasInitialized', () => {
                                            if (`GS` == clientCountry) {
                                                label = `South Georgia &amp; South Sandwich Islands`;
                                                selectedCountry = `GS`;
                                            }
                                        })" @click="label = `South Georgia &amp; South Sandwich Islands`; selectedCountry = `GS`;"> South Georgia &amp; South Sandwich Islands </li>
            <li data-value="KR" data-label="South Korea" x-init="$watch('hasInitialized', () => {
                                            if (`KR` == clientCountry) {
                                                label = `South Korea`;
                                                selectedCountry = `KR`;
                                            }
                                        })" @click="label = `South Korea`; selectedCountry = `KR`;"> South Korea </li>
            <li data-value="SS" data-label="South Sudan" x-init="$watch('hasInitialized', () => {
                                            if (`SS` == clientCountry) {
                                                label = `South Sudan`;
                                                selectedCountry = `SS`;
                                            }
                                        })" @click="label = `South Sudan`; selectedCountry = `SS`;"> South Sudan </li>
            <li data-value="ES" data-label="Spain" x-init="$watch('hasInitialized', () => {
                                            if (`ES` == clientCountry) {
                                                label = `Spain`;
                                                selectedCountry = `ES`;
                                            }
                                        })" @click="label = `Spain`; selectedCountry = `ES`;"> Spain </li>
            <li data-value="LK" data-label="Sri Lanka" x-init="$watch('hasInitialized', () => {
                                            if (`LK` == clientCountry) {
                                                label = `Sri Lanka`;
                                                selectedCountry = `LK`;
                                            }
                                        })" @click="label = `Sri Lanka`; selectedCountry = `LK`;"> Sri Lanka </li>
            <li data-value="BL" data-label="St. Barthélemy" x-init="$watch('hasInitialized', () => {
                                            if (`BL` == clientCountry) {
                                                label = `St. Barthélemy`;
                                                selectedCountry = `BL`;
                                            }
                                        })" @click="label = `St. Barthélemy`; selectedCountry = `BL`;"> St. Barthélemy </li>
            <li data-value="SH" data-label="St. Helena" x-init="$watch('hasInitialized', () => {
                                            if (`SH` == clientCountry) {
                                                label = `St. Helena`;
                                                selectedCountry = `SH`;
                                            }
                                        })" @click="label = `St. Helena`; selectedCountry = `SH`;"> St. Helena </li>
            <li data-value="KN" data-label="St. Kitts &amp; Nevis" x-init="$watch('hasInitialized', () => {
                                            if (`KN` == clientCountry) {
                                                label = `St. Kitts &amp; Nevis`;
                                                selectedCountry = `KN`;
                                            }
                                        })" @click="label = `St. Kitts &amp; Nevis`; selectedCountry = `KN`;"> St. Kitts &amp; Nevis </li>
            <li data-value="LC" data-label="St. Lucia" x-init="$watch('hasInitialized', () => {
                                            if (`LC` == clientCountry) {
                                                label = `St. Lucia`;
                                                selectedCountry = `LC`;
                                            }
                                        })" @click="label = `St. Lucia`; selectedCountry = `LC`;"> St. Lucia </li>
            <li data-value="MF" data-label="St. Martin" x-init="$watch('hasInitialized', () => {
                                            if (`MF` == clientCountry) {
                                                label = `St. Martin`;
                                                selectedCountry = `MF`;
                                            }
                                        })" @click="label = `St. Martin`; selectedCountry = `MF`;"> St. Martin </li>
            <li data-value="PM" data-label="St. Pierre &amp; Miquelon" x-init="$watch('hasInitialized', () => {
                                            if (`PM` == clientCountry) {
                                                label = `St. Pierre &amp; Miquelon`;
                                                selectedCountry = `PM`;
                                            }
                                        })" @click="label = `St. Pierre &amp; Miquelon`; selectedCountry = `PM`;"> St. Pierre &amp; Miquelon </li>
            <li data-value="VC" data-label="St. Vincent &amp; Grenadines" x-init="$watch('hasInitialized', () => {
                                            if (`VC` == clientCountry) {
                                                label = `St. Vincent &amp; Grenadines`;
                                                selectedCountry = `VC`;
                                            }
                                        })" @click="label = `St. Vincent &amp; Grenadines`; selectedCountry = `VC`;"> St. Vincent &amp; Grenadines </li>
            <li data-value="SD" data-label="Sudan" x-init="$watch('hasInitialized', () => {
                                            if (`SD` == clientCountry) {
                                                label = `Sudan`;
                                                selectedCountry = `SD`;
                                            }
                                        })" @click="label = `Sudan`; selectedCountry = `SD`;"> Sudan </li>
            <li data-value="SR" data-label="Suriname" x-init="$watch('hasInitialized', () => {
                                            if (`SR` == clientCountry) {
                                                label = `Suriname`;
                                                selectedCountry = `SR`;
                                            }
                                        })" @click="label = `Suriname`; selectedCountry = `SR`;"> Suriname </li>
            <li data-value="SJ" data-label="Svalbard &amp; Jan Mayen" x-init="$watch('hasInitialized', () => {
                                            if (`SJ` == clientCountry) {
                                                label = `Svalbard &amp; Jan Mayen`;
                                                selectedCountry = `SJ`;
                                            }
                                        })" @click="label = `Svalbard &amp; Jan Mayen`; selectedCountry = `SJ`;"> Svalbard &amp; Jan Mayen </li>
            <li data-value="SZ" data-label="Swaziland" x-init="$watch('hasInitialized', () => {
                                            if (`SZ` == clientCountry) {
                                                label = `Swaziland`;
                                                selectedCountry = `SZ`;
                                            }
                                        })" @click="label = `Swaziland`; selectedCountry = `SZ`;"> Swaziland </li>
            <li data-value="SE" data-label="Sweden" x-init="$watch('hasInitialized', () => {
                                            if (`SE` == clientCountry) {
                                                label = `Sweden`;
                                                selectedCountry = `SE`;
                                            }
                                        })" @click="label = `Sweden`; selectedCountry = `SE`;"> Sweden </li>
            <li data-value="CH" data-label="Switzerland" x-init="$watch('hasInitialized', () => {
                                            if (`CH` == clientCountry) {
                                                label = `Switzerland`;
                                                selectedCountry = `CH`;
                                            }
                                        })" @click="label = `Switzerland`; selectedCountry = `CH`;"> Switzerland </li>
            <li data-value="SY" data-label="Syria" x-init="$watch('hasInitialized', () => {
                                            if (`SY` == clientCountry) {
                                                label = `Syria`;
                                                selectedCountry = `SY`;
                                            }
                                        })" @click="label = `Syria`; selectedCountry = `SY`;"> Syria </li>
            <li data-value="ST" data-label="São Tomé &amp; Príncipe" x-init="$watch('hasInitialized', () => {
                                            if (`ST` == clientCountry) {
                                                label = `São Tomé &amp; Príncipe`;
                                                selectedCountry = `ST`;
                                            }
                                        })" @click="label = `São Tomé &amp; Príncipe`; selectedCountry = `ST`;"> São Tomé &amp; Príncipe </li>
            <li data-value="TW" data-label="Taiwan" x-init="$watch('hasInitialized', () => {
                                            if (`TW` == clientCountry) {
                                                label = `Taiwan`;
                                                selectedCountry = `TW`;
                                            }
                                        })" @click="label = `Taiwan`; selectedCountry = `TW`;"> Taiwan </li>
            <li data-value="TJ" data-label="Tajikistan" x-init="$watch('hasInitialized', () => {
                                            if (`TJ` == clientCountry) {
                                                label = `Tajikistan`;
                                                selectedCountry = `TJ`;
                                            }
                                        })" @click="label = `Tajikistan`; selectedCountry = `TJ`;"> Tajikistan </li>
            <li data-value="TZ" data-label="Tanzania" x-init="$watch('hasInitialized', () => {
                                            if (`TZ` == clientCountry) {
                                                label = `Tanzania`;
                                                selectedCountry = `TZ`;
                                            }
                                        })" @click="label = `Tanzania`; selectedCountry = `TZ`;"> Tanzania </li>
            <li data-value="TH" data-label="Thailand" x-init="$watch('hasInitialized', () => {
                                            if (`TH` == clientCountry) {
                                                label = `Thailand`;
                                                selectedCountry = `TH`;
                                            }
                                        })" @click="label = `Thailand`; selectedCountry = `TH`;"> Thailand </li>
            <li data-value="TL" data-label="Timor-Leste" x-init="$watch('hasInitialized', () => {
                                            if (`TL` == clientCountry) {
                                                label = `Timor-Leste`;
                                                selectedCountry = `TL`;
                                            }
                                        })" @click="label = `Timor-Leste`; selectedCountry = `TL`;"> Timor-Leste </li>
            <li data-value="TG" data-label="Togo" x-init="$watch('hasInitialized', () => {
                                            if (`TG` == clientCountry) {
                                                label = `Togo`;
                                                selectedCountry = `TG`;
                                            }
                                        })" @click="label = `Togo`; selectedCountry = `TG`;"> Togo </li>
            <li data-value="TK" data-label="Tokelau" x-init="$watch('hasInitialized', () => {
                                            if (`TK` == clientCountry) {
                                                label = `Tokelau`;
                                                selectedCountry = `TK`;
                                            }
                                        })" @click="label = `Tokelau`; selectedCountry = `TK`;"> Tokelau </li>
            <li data-value="TO" data-label="Tonga" x-init="$watch('hasInitialized', () => {
                                            if (`TO` == clientCountry) {
                                                label = `Tonga`;
                                                selectedCountry = `TO`;
                                            }
                                        })" @click="label = `Tonga`; selectedCountry = `TO`;"> Tonga </li>
            <li data-value="TT" data-label="Trinidad &amp; Tobago" x-init="$watch('hasInitialized', () => {
                                            if (`TT` == clientCountry) {
                                                label = `Trinidad &amp; Tobago`;
                                                selectedCountry = `TT`;
                                            }
                                        })" @click="label = `Trinidad &amp; Tobago`; selectedCountry = `TT`;"> Trinidad &amp; Tobago </li>
            <li data-value="TN" data-label="Tunisia" x-init="$watch('hasInitialized', () => {
                                            if (`TN` == clientCountry) {
                                                label = `Tunisia`;
                                                selectedCountry = `TN`;
                                            }
                                        })" @click="label = `Tunisia`; selectedCountry = `TN`;"> Tunisia </li>
            <li data-value="TR" data-label="Turkey" x-init="$watch('hasInitialized', () => {
                                            if (`TR` == clientCountry) {
                                                label = `Turkey`;
                                                selectedCountry = `TR`;
                                            }
                                        })" @click="label = `Turkey`; selectedCountry = `TR`;"> Turkey </li>
            <li data-value="TM" data-label="Turkmenistan" x-init="$watch('hasInitialized', () => {
                                            if (`TM` == clientCountry) {
                                                label = `Turkmenistan`;
                                                selectedCountry = `TM`;
                                            }
                                        })" @click="label = `Turkmenistan`; selectedCountry = `TM`;"> Turkmenistan </li>
            <li data-value="TC" data-label="Turks &amp; Caicos Islands" x-init="$watch('hasInitialized', () => {
                                            if (`TC` == clientCountry) {
                                                label = `Turks &amp; Caicos Islands`;
                                                selectedCountry = `TC`;
                                            }
                                        })" @click="label = `Turks &amp; Caicos Islands`; selectedCountry = `TC`;"> Turks &amp; Caicos Islands </li>
            <li data-value="TV" data-label="Tuvalu" x-init="$watch('hasInitialized', () => {
                                            if (`TV` == clientCountry) {
                                                label = `Tuvalu`;
                                                selectedCountry = `TV`;
                                            }
                                        })" @click="label = `Tuvalu`; selectedCountry = `TV`;"> Tuvalu </li>
            <li data-value="UM" data-label="U.S. Outlying Islands" x-init="$watch('hasInitialized', () => {
                                            if (`UM` == clientCountry) {
                                                label = `U.S. Outlying Islands`;
                                                selectedCountry = `UM`;
                                            }
                                        })" @click="label = `U.S. Outlying Islands`; selectedCountry = `UM`;"> U.S. Outlying Islands </li>
            <li data-value="VI" data-label="U.S. Virgin Islands" x-init="$watch('hasInitialized', () => {
                                            if (`VI` == clientCountry) {
                                                label = `U.S. Virgin Islands`;
                                                selectedCountry = `VI`;
                                            }
                                        })" @click="label = `U.S. Virgin Islands`; selectedCountry = `VI`;"> U.S. Virgin Islands </li>
            <li data-value="UG" data-label="Uganda" x-init="$watch('hasInitialized', () => {
                                            if (`UG` == clientCountry) {
                                                label = `Uganda`;
                                                selectedCountry = `UG`;
                                            }
                                        })" @click="label = `Uganda`; selectedCountry = `UG`;"> Uganda </li>
            <li data-value="UA" data-label="Ukraine" x-init="$watch('hasInitialized', () => {
                                            if (`UA` == clientCountry) {
                                                label = `Ukraine`;
                                                selectedCountry = `UA`;
                                            }
                                        })" @click="label = `Ukraine`; selectedCountry = `UA`;"> Ukraine </li>
            <li data-value="AE" data-label="United Arab Emirates" x-init="$watch('hasInitialized', () => {
                                            if (`AE` == clientCountry) {
                                                label = `United Arab Emirates`;
                                                selectedCountry = `AE`;
                                            }
                                        })" @click="label = `United Arab Emirates`; selectedCountry = `AE`;"> United Arab Emirates </li>
            <li data-value="GB" data-label="United Kingdom" x-init="$watch('hasInitialized', () => {
                                            if (`GB` == clientCountry) {
                                                label = `United Kingdom`;
                                                selectedCountry = `GB`;
                                            }
                                        })" @click="label = `United Kingdom`; selectedCountry = `GB`;"> United Kingdom </li>
            <li data-value="US" data-label="United States" x-init="$watch('hasInitialized', () => {
                                            if (`US` == clientCountry) {
                                                label = `United States`;
                                                selectedCountry = `US`;
                                            }
                                        })" @click="label = `United States`; selectedCountry = `US`;"> United States </li>
            <li data-value="UY" data-label="Uruguay" x-init="$watch('hasInitialized', () => {
                                            if (`UY` == clientCountry) {
                                                label = `Uruguay`;
                                                selectedCountry = `UY`;
                                            }
                                        })" @click="label = `Uruguay`; selectedCountry = `UY`;"> Uruguay </li>
            <li data-value="UZ" data-label="Uzbekistan" x-init="$watch('hasInitialized', () => {
                                            if (`UZ` == clientCountry) {
                                                label = `Uzbekistan`;
                                                selectedCountry = `UZ`;
                                            }
                                        })" @click="label = `Uzbekistan`; selectedCountry = `UZ`;"> Uzbekistan </li>
            <li data-value="VU" data-label="Vanuatu" x-init="$watch('hasInitialized', () => {
                                            if (`VU` == clientCountry) {
                                                label = `Vanuatu`;
                                                selectedCountry = `VU`;
                                            }
                                        })" @click="label = `Vanuatu`; selectedCountry = `VU`;"> Vanuatu </li>
            <li data-value="VA" data-label="Vatican City" x-init="$watch('hasInitialized', () => {
                                            if (`VA` == clientCountry) {
                                                label = `Vatican City`;
                                                selectedCountry = `VA`;
                                            }
                                        })" @click="label = `Vatican City`; selectedCountry = `VA`;"> Vatican City </li>
            <li data-value="VE" data-label="Venezuela" x-init="$watch('hasInitialized', () => {
                                            if (`VE` == clientCountry) {
                                                label = `Venezuela`;
                                                selectedCountry = `VE`;
                                            }
                                        })" @click="label = `Venezuela`; selectedCountry = `VE`;"> Venezuela </li>
            <li data-value="VN" data-label="Vietnam" x-init="$watch('hasInitialized', () => {
                                            if (`VN` == clientCountry) {
                                                label = `Vietnam`;
                                                selectedCountry = `VN`;
                                            }
                                        })" @click="label = `Vietnam`; selectedCountry = `VN`;"> Vietnam </li>
            <li data-value="WF" data-label="Wallis &amp; Futuna" x-init="$watch('hasInitialized', () => {
                                            if (`WF` == clientCountry) {
                                                label = `Wallis &amp; Futuna`;
                                                selectedCountry = `WF`;
                                            }
                                        })" @click="label = `Wallis &amp; Futuna`; selectedCountry = `WF`;"> Wallis &amp; Futuna </li>
            <li data-value="EH" data-label="Western Sahara" x-init="$watch('hasInitialized', () => {
                                            if (`EH` == clientCountry) {
                                                label = `Western Sahara`;
                                                selectedCountry = `EH`;
                                            }
                                        })" @click="label = `Western Sahara`; selectedCountry = `EH`;"> Western Sahara </li>
            <li data-value="YE" data-label="Yemen" x-init="$watch('hasInitialized', () => {
                                            if (`YE` == clientCountry) {
                                                label = `Yemen`;
                                                selectedCountry = `YE`;
                                            }
                                        })" @click="label = `Yemen`; selectedCountry = `YE`;"> Yemen </li>
            <li data-value="ZM" data-label="Zambia" x-init="$watch('hasInitialized', () => {
                                            if (`ZM` == clientCountry) {
                                                label = `Zambia`;
                                                selectedCountry = `ZM`;
                                            }
                                        })" @click="label = `Zambia`; selectedCountry = `ZM`;"> Zambia </li>
            <li data-value="ZW" data-label="Zimbabwe" x-init="$watch('hasInitialized', () => {
                                            if (`ZW` == clientCountry) {
                                                label = `Zimbabwe`;
                                                selectedCountry = `ZW`;
                                            }
                                        })" @click="label = `Zimbabwe`; selectedCountry = `ZW`;"> Zimbabwe </li>
            <li data-value="AX" data-label="Åland Islands" x-init="$watch('hasInitialized', () => {
                                            if (`AX` == clientCountry) {
                                                label = `Åland Islands`;
                                                selectedCountry = `AX`;
                                            }
                                        })" @click="label = `Åland Islands`; selectedCountry = `AX`;"> Åland Islands </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div class="mb-5">
    <div class="form-group" x-data="hybridSelect" x-init="label = `Select the language`" @click.outside="open = false">
      <span id="select-label-language" class="form-label" @click="open = !open">Language* </span>
      <input type="hidden" name="language" id="language" required="" x-bind:value="selectedLanguage" x-init="$watch('selectedLanguage', () => $el.dispatchEvent(new Event('change')));
                                           $watch('selectedCountry', () => {
                                                label = `Select the language`;
                                                selectedLanguage = '';
                                                url = undefined;
                                           });
                                           $watch('languageOptions', () => {
                                                if (!selectedLanguage) {
                                                    console.log(languageOptions)
                                                    console.log(clientLanguage)
                                                    const languageOption = languageOptions &amp;&amp; (languageOptions.find(language => language.value === clientLanguage) || languageOptions[0]);
                                                    if (languageOption) {
                                                        label = languageOption.label;
                                                        selectedLanguage = languageOption.value;
                                                        url = languageOption.url;
                                                    }
                                                }
                                           });">
      <div class="hybrid-select">
        <select id="select-lang" aria-labelledby="select-label-language" class="form-select hybrid-select__native"
          @change="selectedLanguage = $event.target.value; label = Array.from($event.target.options)?.find((option) => option.value === $event.target.value)?.innerHTML">
          <option value="" disabled="" selected="">Select the language</option>
          <template x-for="option in languageOptions">
            <option x-init="if (clientLanguage &amp;&amp; option.value === clientLanguage) { label = option.label; selectedLanguage = option.value; url = option.url;}" :selected="selectedLanguage == option.value" :value="option.value"
              x-text="option.label"></option>
          </template>
        </select>
        <div class="form-select hybrid-select__custom" :class="{'form-select--open' : open}" @click=" open = !open " :aria-hidden="open">
          <span class="select-label text-capitalize placeholder" x-bind:class=" !selectedLanguage ? 'placeholder' : ''" x-text="label">Select the language</span>
          <ul class="select-options text-capitalize" x-bind:class=" open ? 'open' : ''">
            <template x-for="option in languageOptions">
              <li x-init="if (clientLanguage &amp;&amp; option.value === clientLanguage) { label = option.label; selectedLanguage = option.value; url = option.url;}" :data-value="option.value" :data-label="option.label"
                @click="label = option.label; selectedLanguage = option.value; url = option.url">
                <span x-text="option.label"></span>
              </li>
            </template>
          </ul>
        </div>
      </div>
      <div class="invalid-feedback" x-bind:class="{ 'visually-hidden': !!open }"></div>
    </div>
  </div>
</form>

<form class="cmp-search-field__form">
  <h3 class="d-md-none mb-5">Barco search</h3>
  <div class="cmp-search-field__search">
    <div class="search-field" data-search-open="">
      <button class="icon-button icon-button--search" aria-label="Search" type="submit">
        <span class="icon-button__icon search"></span>
      </button>
      <div class="suggestions">
        <input data-search-input="" class="form-control" placeholder="Search" data-placeholder="Search" data-focused-placeholder="What are you searching for?" type="search" x-ref="input" @focus="if($isBreakpoint('md+')) activePanel = undefined"
          x-model="queryString">
        <ul data-search-suggestions=""></ul>
      </div>
      <button data-clear-input="" class="icon-button icon-button--clear opacity-0" x-bind:class="queryString != '' ? 'opacity-100' : 'opacity-0'" aria-label="Clear" @click="queryString = ''" type="button">
        <span class="icon-button__icon clear"></span>
      </button>
    </div>
  </div>
  <button class="cmp-search-field__close icon-button rounded-circle" aria-label="Close search" data-search-close="" type="button">
    <span class="icon-button__icon close"></span>
  </button>
</form>

<form class="cmp-sign-up__form mt-4 d-flex" novalidate="" data-resource-path="/content/dxp/regions-countries/global/en/header-and-footer" data-id="4248">
  <div class="w-100 me-3">
    <div class="form-group">
      <input type="email" class="form-control" id="email" name="email" placeholder="Email address" required="">
      <div class="invalid-feedback"></div>
    </div>
  </div>
  <input type="hidden" name="subscribedToNewslettersandProductInfoCT" value="true">
  <input type="hidden" name="barcoLastSource" value="Website - NewsletterSubscribe - https://www.barco.com/content/dxp/regions-countries/global/en.html">
  <input type="hidden" name="barcoOriginalSource" value="Website - NewsletterSubscribe - https://www.barco.com/content/dxp/regions-countries/global/en.html">
  <input type="hidden" name="barcoOptinSource" value="Website - NewsletterSubscribe - https://www.barco.com/content/dxp/regions-countries/global/en.html">
  <input type="hidden" name="barcoOptinLastSource" value="Website - NewsletterSubscribe - https://www.barco.com/content/dxp/regions-countries/global/en.html">
  <button type="submit" class="btn btn-black btn-lg text-nowrap align-self-start">Sign up</button>
</form>

Text Content

DE/en


SELECT YOUR COUNTRY & LANGUAGE

Changing the country will affect factors including price and product
availability. Should your preferred language not be available, content will be
displayed in English.

--------------------------------------------------------------------------------

Country/Region*
Select the country Afghanistan Albania Algeria American Samoa Andorra Angola
Anguilla Antarctica Antigua & Barbuda Argentina Armenia Aruba Australia Austria
Azerbaijan Bahamas Bahrain Bangladesh Barbados Belarus Belgium Belize Benin
Bermuda Bhutan Bolivia Bosnia & Herzegovina Botswana Bouvet Island Brazil
British Indian Ocean Territory British Virgin Islands Brunei Bulgaria Burkina
Faso Burundi Cambodia Cameroon Canada Cape Verde Caribbean Netherlands Cayman
Islands Central African Republic Chad Chile China Christmas Island Cocos
(Keeling) Islands Colombia Comoros Congo - Brazzaville Congo - Kinshasa Cook
Islands Costa Rica Croatia Cuba Curaçao Cyprus Czechia Côte d’Ivoire Denmark
Djibouti Dominica Dominican Republic Ecuador Egypt El Salvador Equatorial Guinea
Eritrea Estonia Ethiopia Falkland Islands Faroe Islands Fiji Finland France
French Guiana French Polynesia French Southern Territories Gabon Gambia Georgia
Germany Ghana Gibraltar Greece Greenland Grenada Guadeloupe Guam Guatemala
Guernsey Guinea Guinea-Bissau Guyana Haiti Heard & McDonald Islands Honduras
Hong Kong SAR China Hungary Iceland India Indonesia Iran Iraq Ireland Isle of
Man Israel Italy Jamaica Japan Jersey Jordan Kazakhstan Kenya Kiribati Kuwait
Kyrgyzstan Laos Latvia Lebanon Lesotho Liberia Libya Liechtenstein Lithuania
Luxembourg Macau SAR China Macedonia Madagascar Malawi Malaysia Maldives Mali
Malta Marshall Islands Martinique Mauritania Mauritius Mayotte Mexico Micronesia
Moldova Monaco Mongolia Montenegro Montserrat Morocco Mozambique Myanmar (Burma)
Namibia Nauru Nepal Netherlands New Caledonia New Zealand Nicaragua Niger
Nigeria Niue Norfolk Island North Korea Northern Mariana Islands Norway Oman
Pakistan Palau Palestinian Territories Panama Papua New Guinea Paraguay Peru
Philippines Pitcairn Islands Poland Portugal Puerto Rico Qatar Romania Russia
Rwanda Réunion Samoa San Marino Saudi Arabia Senegal Serbia Seychelles Sierra
Leone Singapore Sint Maarten Slovakia Slovenia Solomon Islands Somalia South
Africa South Georgia & South Sandwich Islands South Korea South Sudan Spain Sri
Lanka St. Barthélemy St. Helena St. Kitts & Nevis St. Lucia St. Martin St.
Pierre & Miquelon St. Vincent & Grenadines Sudan Suriname Svalbard & Jan Mayen
Swaziland Sweden Switzerland Syria São Tomé & Príncipe Taiwan Tajikistan
Tanzania Thailand Timor-Leste Togo Tokelau Tonga Trinidad & Tobago Tunisia
Turkey Turkmenistan Turks & Caicos Islands Tuvalu U.S. Outlying Islands U.S.
Virgin Islands Uganda Ukraine United Arab Emirates United Kingdom United States
Uruguay Uzbekistan Vanuatu Vatican City Venezuela Vietnam Wallis & Futuna
Western Sahara Yemen Zambia Zimbabwe Åland Islands
Select the country
 * Afghanistan
 * Albania
 * Algeria
 * American Samoa
 * Andorra
 * Angola
 * Anguilla
 * Antarctica
 * Antigua & Barbuda
 * Argentina
 * Armenia
 * Aruba
 * Australia
 * Austria
 * Azerbaijan
 * Bahamas
 * Bahrain
 * Bangladesh
 * Barbados
 * Belarus
 * Belgium
 * Belize
 * Benin
 * Bermuda
 * Bhutan
 * Bolivia
 * Bosnia & Herzegovina
 * Botswana
 * Bouvet Island
 * Brazil
 * British Indian Ocean Territory
 * British Virgin Islands
 * Brunei
 * Bulgaria
 * Burkina Faso
 * Burundi
 * Cambodia
 * Cameroon
 * Canada
 * Cape Verde
 * Caribbean Netherlands
 * Cayman Islands
 * Central African Republic
 * Chad
 * Chile
 * China
 * Christmas Island
 * Cocos (Keeling) Islands
 * Colombia
 * Comoros
 * Congo - Brazzaville
 * Congo - Kinshasa
 * Cook Islands
 * Costa Rica
 * Croatia
 * Cuba
 * Curaçao
 * Cyprus
 * Czechia
 * Côte d’Ivoire
 * Denmark
 * Djibouti
 * Dominica
 * Dominican Republic
 * Ecuador
 * Egypt
 * El Salvador
 * Equatorial Guinea
 * Eritrea
 * Estonia
 * Ethiopia
 * Falkland Islands
 * Faroe Islands
 * Fiji
 * Finland
 * France
 * French Guiana
 * French Polynesia
 * French Southern Territories
 * Gabon
 * Gambia
 * Georgia
 * Germany
 * Ghana
 * Gibraltar
 * Greece
 * Greenland
 * Grenada
 * Guadeloupe
 * Guam
 * Guatemala
 * Guernsey
 * Guinea
 * Guinea-Bissau
 * Guyana
 * Haiti
 * Heard & McDonald Islands
 * Honduras
 * Hong Kong SAR China
 * Hungary
 * Iceland
 * India
 * Indonesia
 * Iran
 * Iraq
 * Ireland
 * Isle of Man
 * Israel
 * Italy
 * Jamaica
 * Japan
 * Jersey
 * Jordan
 * Kazakhstan
 * Kenya
 * Kiribati
 * Kuwait
 * Kyrgyzstan
 * Laos
 * Latvia
 * Lebanon
 * Lesotho
 * Liberia
 * Libya
 * Liechtenstein
 * Lithuania
 * Luxembourg
 * Macau SAR China
 * Macedonia
 * Madagascar
 * Malawi
 * Malaysia
 * Maldives
 * Mali
 * Malta
 * Marshall Islands
 * Martinique
 * Mauritania
 * Mauritius
 * Mayotte
 * Mexico
 * Micronesia
 * Moldova
 * Monaco
 * Mongolia
 * Montenegro
 * Montserrat
 * Morocco
 * Mozambique
 * Myanmar (Burma)
 * Namibia
 * Nauru
 * Nepal
 * Netherlands
 * New Caledonia
 * New Zealand
 * Nicaragua
 * Niger
 * Nigeria
 * Niue
 * Norfolk Island
 * North Korea
 * Northern Mariana Islands
 * Norway
 * Oman
 * Pakistan
 * Palau
 * Palestinian Territories
 * Panama
 * Papua New Guinea
 * Paraguay
 * Peru
 * Philippines
 * Pitcairn Islands
 * Poland
 * Portugal
 * Puerto Rico
 * Qatar
 * Romania
 * Russia
 * Rwanda
 * Réunion
 * Samoa
 * San Marino
 * Saudi Arabia
 * Senegal
 * Serbia
 * Seychelles
 * Sierra Leone
 * Singapore
 * Sint Maarten
 * Slovakia
 * Slovenia
 * Solomon Islands
 * Somalia
 * South Africa
 * South Georgia & South Sandwich Islands
 * South Korea
 * South Sudan
 * Spain
 * Sri Lanka
 * St. Barthélemy
 * St. Helena
 * St. Kitts & Nevis
 * St. Lucia
 * St. Martin
 * St. Pierre & Miquelon
 * St. Vincent & Grenadines
 * Sudan
 * Suriname
 * Svalbard & Jan Mayen
 * Swaziland
 * Sweden
 * Switzerland
 * Syria
 * São Tomé & Príncipe
 * Taiwan
 * Tajikistan
 * Tanzania
 * Thailand
 * Timor-Leste
 * Togo
 * Tokelau
 * Tonga
 * Trinidad & Tobago
 * Tunisia
 * Turkey
 * Turkmenistan
 * Turks & Caicos Islands
 * Tuvalu
 * U.S. Outlying Islands
 * U.S. Virgin Islands
 * Uganda
 * Ukraine
 * United Arab Emirates
 * United Kingdom
 * United States
 * Uruguay
 * Uzbekistan
 * Vanuatu
 * Vatican City
 * Venezuela
 * Vietnam
 * Wallis & Futuna
 * Western Sahara
 * Yemen
 * Zambia
 * Zimbabwe
 * Åland Islands

Language*
Select the language
Select the language

Update Close

login myBarco

 1. myBarco dashboard
 2. My products
 3. Create a service ticket
 4. Manage news notifications
 5. Sign out

Products & solutions Inspiration Contact Support About Barco Partners



BARCO SEARCH


Products & solutions Inspiration Contact Support About Barco Partners
DE/en


SELECT YOUR COUNTRY & LANGUAGE

Changing the country will affect factors including price and product
availability. Should your preferred language not be available, content will be
displayed in English.

--------------------------------------------------------------------------------

Country/Region*
Select the country Afghanistan Albania Algeria American Samoa Andorra Angola
Anguilla Antarctica Antigua & Barbuda Argentina Armenia Aruba Australia Austria
Azerbaijan Bahamas Bahrain Bangladesh Barbados Belarus Belgium Belize Benin
Bermuda Bhutan Bolivia Bosnia & Herzegovina Botswana Bouvet Island Brazil
British Indian Ocean Territory British Virgin Islands Brunei Bulgaria Burkina
Faso Burundi Cambodia Cameroon Canada Cape Verde Caribbean Netherlands Cayman
Islands Central African Republic Chad Chile China Christmas Island Cocos
(Keeling) Islands Colombia Comoros Congo - Brazzaville Congo - Kinshasa Cook
Islands Costa Rica Croatia Cuba Curaçao Cyprus Czechia Côte d’Ivoire Denmark
Djibouti Dominica Dominican Republic Ecuador Egypt El Salvador Equatorial Guinea
Eritrea Estonia Ethiopia Falkland Islands Faroe Islands Fiji Finland France
French Guiana French Polynesia French Southern Territories Gabon Gambia Georgia
Germany Ghana Gibraltar Greece Greenland Grenada Guadeloupe Guam Guatemala
Guernsey Guinea Guinea-Bissau Guyana Haiti Heard & McDonald Islands Honduras
Hong Kong SAR China Hungary Iceland India Indonesia Iran Iraq Ireland Isle of
Man Israel Italy Jamaica Japan Jersey Jordan Kazakhstan Kenya Kiribati Kuwait
Kyrgyzstan Laos Latvia Lebanon Lesotho Liberia Libya Liechtenstein Lithuania
Luxembourg Macau SAR China Macedonia Madagascar Malawi Malaysia Maldives Mali
Malta Marshall Islands Martinique Mauritania Mauritius Mayotte Mexico Micronesia
Moldova Monaco Mongolia Montenegro Montserrat Morocco Mozambique Myanmar (Burma)
Namibia Nauru Nepal Netherlands New Caledonia New Zealand Nicaragua Niger
Nigeria Niue Norfolk Island North Korea Northern Mariana Islands Norway Oman
Pakistan Palau Palestinian Territories Panama Papua New Guinea Paraguay Peru
Philippines Pitcairn Islands Poland Portugal Puerto Rico Qatar Romania Russia
Rwanda Réunion Samoa San Marino Saudi Arabia Senegal Serbia Seychelles Sierra
Leone Singapore Sint Maarten Slovakia Slovenia Solomon Islands Somalia South
Africa South Georgia & South Sandwich Islands South Korea South Sudan Spain Sri
Lanka St. Barthélemy St. Helena St. Kitts & Nevis St. Lucia St. Martin St.
Pierre & Miquelon St. Vincent & Grenadines Sudan Suriname Svalbard & Jan Mayen
Swaziland Sweden Switzerland Syria São Tomé & Príncipe Taiwan Tajikistan
Tanzania Thailand Timor-Leste Togo Tokelau Tonga Trinidad & Tobago Tunisia
Turkey Turkmenistan Turks & Caicos Islands Tuvalu U.S. Outlying Islands U.S.
Virgin Islands Uganda Ukraine United Arab Emirates United Kingdom United States
Uruguay Uzbekistan Vanuatu Vatican City Venezuela Vietnam Wallis & Futuna
Western Sahara Yemen Zambia Zimbabwe Åland Islands
Select the country
 * Afghanistan
 * Albania
 * Algeria
 * American Samoa
 * Andorra
 * Angola
 * Anguilla
 * Antarctica
 * Antigua & Barbuda
 * Argentina
 * Armenia
 * Aruba
 * Australia
 * Austria
 * Azerbaijan
 * Bahamas
 * Bahrain
 * Bangladesh
 * Barbados
 * Belarus
 * Belgium
 * Belize
 * Benin
 * Bermuda
 * Bhutan
 * Bolivia
 * Bosnia & Herzegovina
 * Botswana
 * Bouvet Island
 * Brazil
 * British Indian Ocean Territory
 * British Virgin Islands
 * Brunei
 * Bulgaria
 * Burkina Faso
 * Burundi
 * Cambodia
 * Cameroon
 * Canada
 * Cape Verde
 * Caribbean Netherlands
 * Cayman Islands
 * Central African Republic
 * Chad
 * Chile
 * China
 * Christmas Island
 * Cocos (Keeling) Islands
 * Colombia
 * Comoros
 * Congo - Brazzaville
 * Congo - Kinshasa
 * Cook Islands
 * Costa Rica
 * Croatia
 * Cuba
 * Curaçao
 * Cyprus
 * Czechia
 * Côte d’Ivoire
 * Denmark
 * Djibouti
 * Dominica
 * Dominican Republic
 * Ecuador
 * Egypt
 * El Salvador
 * Equatorial Guinea
 * Eritrea
 * Estonia
 * Ethiopia
 * Falkland Islands
 * Faroe Islands
 * Fiji
 * Finland
 * France
 * French Guiana
 * French Polynesia
 * French Southern Territories
 * Gabon
 * Gambia
 * Georgia
 * Germany
 * Ghana
 * Gibraltar
 * Greece
 * Greenland
 * Grenada
 * Guadeloupe
 * Guam
 * Guatemala
 * Guernsey
 * Guinea
 * Guinea-Bissau
 * Guyana
 * Haiti
 * Heard & McDonald Islands
 * Honduras
 * Hong Kong SAR China
 * Hungary
 * Iceland
 * India
 * Indonesia
 * Iran
 * Iraq
 * Ireland
 * Isle of Man
 * Israel
 * Italy
 * Jamaica
 * Japan
 * Jersey
 * Jordan
 * Kazakhstan
 * Kenya
 * Kiribati
 * Kuwait
 * Kyrgyzstan
 * Laos
 * Latvia
 * Lebanon
 * Lesotho
 * Liberia
 * Libya
 * Liechtenstein
 * Lithuania
 * Luxembourg
 * Macau SAR China
 * Macedonia
 * Madagascar
 * Malawi
 * Malaysia
 * Maldives
 * Mali
 * Malta
 * Marshall Islands
 * Martinique
 * Mauritania
 * Mauritius
 * Mayotte
 * Mexico
 * Micronesia
 * Moldova
 * Monaco
 * Mongolia
 * Montenegro
 * Montserrat
 * Morocco
 * Mozambique
 * Myanmar (Burma)
 * Namibia
 * Nauru
 * Nepal
 * Netherlands
 * New Caledonia
 * New Zealand
 * Nicaragua
 * Niger
 * Nigeria
 * Niue
 * Norfolk Island
 * North Korea
 * Northern Mariana Islands
 * Norway
 * Oman
 * Pakistan
 * Palau
 * Palestinian Territories
 * Panama
 * Papua New Guinea
 * Paraguay
 * Peru
 * Philippines
 * Pitcairn Islands
 * Poland
 * Portugal
 * Puerto Rico
 * Qatar
 * Romania
 * Russia
 * Rwanda
 * Réunion
 * Samoa
 * San Marino
 * Saudi Arabia
 * Senegal
 * Serbia
 * Seychelles
 * Sierra Leone
 * Singapore
 * Sint Maarten
 * Slovakia
 * Slovenia
 * Solomon Islands
 * Somalia
 * South Africa
 * South Georgia & South Sandwich Islands
 * South Korea
 * South Sudan
 * Spain
 * Sri Lanka
 * St. Barthélemy
 * St. Helena
 * St. Kitts & Nevis
 * St. Lucia
 * St. Martin
 * St. Pierre & Miquelon
 * St. Vincent & Grenadines
 * Sudan
 * Suriname
 * Svalbard & Jan Mayen
 * Swaziland
 * Sweden
 * Switzerland
 * Syria
 * São Tomé & Príncipe
 * Taiwan
 * Tajikistan
 * Tanzania
 * Thailand
 * Timor-Leste
 * Togo
 * Tokelau
 * Tonga
 * Trinidad & Tobago
 * Tunisia
 * Turkey
 * Turkmenistan
 * Turks & Caicos Islands
 * Tuvalu
 * U.S. Outlying Islands
 * U.S. Virgin Islands
 * Uganda
 * Ukraine
 * United Arab Emirates
 * United Kingdom
 * United States
 * Uruguay
 * Uzbekistan
 * Vanuatu
 * Vatican City
 * Venezuela
 * Vietnam
 * Wallis & Futuna
 * Western Sahara
 * Yemen
 * Zambia
 * Zimbabwe
 * Åland Islands

Language*
Select the language
Select the language

Update Close



BARCO SEARCH




MENU



Products & solutions Inspiration Contact Support About Barco Partners

login myBarco

 1. myBarco dashboard
 2. My products
 3. Create a service ticket
 4. Manage news notifications
 5. Sign out

Back




Back

PRODUCTS & SOLUTIONS

Industries
Enterprise Healthcare Entertainment
Back

INDUSTRIES


Back

ENTERPRISE

Products Conferencing & collaboration Virtual & hybrid classrooms Video walls
Controllers Services Software Accessories Solutions Teaching & training
Workplace Control rooms
Back

CONFERENCING & COLLABORATION

Wireless conferencing Wireless presentation
Back

VIRTUAL & HYBRID CLASSROOMS

Virtual classroom Hybrid classroom
Back

VIDEO WALLS

LED video walls LCD video walls Rear projection video walls
Back

CONTROLLERS

Video wall controllers Desk controllers





Back

WORKPLACE

Auditorium Corporate lobby Huddle room Meeting room Training room Board room
Back

CONTROL ROOMS

Airport Operations Center Command and Control Centers Security Operations Center
(SOC) Network Operations Center Emergency Operations Center Mobile Control
Center Healthcare Operations Center Traffic Management Center Transmission
Control Center Process Control Center
Back

HEALTHCARE

Products
Medical displays Digital operating room Services Software Accessories
Solutions
Radiology Breast imaging Modality Surgery Dentistry Digital pathology
Dermatology
Back

MEDICAL DISPLAYS

Radiology displays Digital pathology displays Dental displays Clinical review
displays Custom medical displays Multimodality user interfaces Breast imaging
displays Surgical displays
Back

DIGITAL OPERATING ROOM

Medical device management Surgical collaboration











Back

ENTERTAINMENT

Products
Image processing Projection Immersive systems Video walls Accessories Services
Solutions
Themed entertainment Projection mapping Home entertainment Live events
Television studio 3D visualization Cinema Simulation
Back

IMAGE PROCESSING

Screen management Event master
Back

PROJECTION

Cinema projectors Home cinema projectors Installation projectors Rental
projectors Simulation projectors
Back

IMMERSIVE SYSTEMS

Canvas Caves Powerwalls
Back

VIDEO WALLS

LED video walls LCD video walls Rear-projection video walls











Back

INSPIRATION

News & insights Customer stories Upcoming events
Back

NEWS & INSIGHTS


Back

CUSTOMER STORIES


Back

UPCOMING EVENTS


Back

CONTACT

Where to buy Office locator Contact us
Back

WHERE TO BUY


Back

OFFICE LOCATOR


Back

CONTACT US


Back

SUPPORT

Support Knowledge base Training & certification
Back

SUPPORT


Back

KNOWLEDGE BASE


Back

TRAINING & CERTIFICATION


Back

ABOUT BARCO

This is Barco Investor relations Jobs Sustainability Worldwide offices Trust
center Corporate governance Experience Center Press releases
Back

THIS IS BARCO


Back

INVESTOR RELATIONS


Back

JOBS


Back

SUSTAINABILITY


Back

WORLDWIDE OFFICES


Back

TRUST CENTER


Back

CORPORATE GOVERNANCE


Back

EXPERIENCE CENTER


Back

PRESS RELEASES


Back

PARTNERS

Resellers Alliance partners Consultants Suppliers Why become a partner?
Back

RESELLERS


Back

ALLIANCE PARTNERS


Back

CONSULTANTS


Back

SUPPLIERS


Back

WHY BECOME A PARTNER?




Discover Barco



DISCOVER HOW BARCO CAN HELP YOU

BARCO IS A TECHNOLOGY COMPANY SPECIALIZED IN VISUALIZATION AND
COLLABORATION SOLUTIONS FOR HEALTHCARE, ENTERPRISES AND ENTERTAINMENT.


HEALTHCARE

We help medical professionals achieve better health outcomes and work more
efficiently in an increasingly complex healthcare enterprise.


ENTERPRISE

We help professionals in control rooms, classrooms and meeting rooms connect
data and images for more informed decisions and better, smarter, more authentic
collaboration .


ENTERTAINMENT

We help roadies, artists, and creatives offer stunning visual experiences in
cities, at events, in cinemas or museums.


WHAT ARE YOU INTERESTED IN TODAY?

Industry
 * Entertainment
 * Enterprise
 * Healthcare

Insights Customer stories Events News



MEDICAL DISPLAY CONTROLLER

Medical-grade display controllers translate large image files of various formats
onto a diagnostic display screen.


MEDICAL DISPLAY

A medical display is a monitor that meets the high demands of medical imaging.


MEDICAL CALIBRATION

Medical calibration refers to the process of adjusting the accuracy of a medical
display in line with regulatory standards.


DICOM CALIBRATION

DICOM calibration is a form of medical calibration to ensure compliance with the
DICOM GSDF standard.


DIGITAL PATHOLOGY

Digital pathology, or whole slide imaging, is a sub-field of pathology, in which
tissue specimens are digitized with a scanner before being examined.


DIAGNOSTIC DISPLAY

A diagnostic display is a monitor that meets the high demands of medical imaging
in radiology and breast imaging.


3,200

employees


48

employee nationalities


500+

unique technology patents


CREATING MIND-BLOWING EVENTS AND MEMORABLE EXPERIENCES FOR OUR CUSTOMERS

Read our customer stories



NEED SUPPORT?

KNOWLEDGEBASE & FAQ

Find more info and the answers to your most frequently asked questions.



TRAINING & CERTIFICATION

Validate your expertise with our training and certification offering.



HOW TO TUTORIALS

Check our tutorials to make use of our solutions to their full potential.



FIRMWARE UPDATES

Get the latest updates for your products to make sure they´re running at their
best.



KNOWLEDGEBASE & FAQ

Find more info and the answers to your most frequently asked questions.



TRAINING & CERTIFICATION

Validate your expertise with our training and certification offering.



HOW TO TUTORIALS

Check our tutorials to make use of our solutions to their full potential.



FIRMWARE UPDATES

Get the latest updates for your products to make sure they´re running at their
best.





SUSTAINABLE BUSINESS IS GOOD BUSINESS — AND VICE VERSA

At Barco, we consider sustainability a key part of our DNA and we strive to:

 * lower our own environmental footprint and those of our customers
 * invest in sustainable employability by enabling careers that are engaging,
   enriching and healthy
 * build an inclusive workplace that embraces the diversity of our people
 * play an active role in the communities we operate in by upholding the highest
   ethical and quality standards

Read our sustainability pledge



MAYBE YOU ARE OUR NEXT VISIONEER?

We are visioneers in everything we do and in each of our departments.

If you have a passion for turning innovative ideas into reality, we have a place
for you! 


Join our team



TALK TO US

Don't hesitate to contact us with your questions. Our team will gladly point you
in the right direction.

Get in touch



Barco GmbH Greschbachstrasse 5 a, Karlsruhe
76229 Germany +49 721 6201 0
Barco Beneluxpark 21, Kortrijk
8500 Belgium +32 56 233211

Products

 1. Wireless collaboration
 2. Projectors
 3. Medical displays
 4. Video walls
 5. Image processing
 6. Services

Support

 1. Drivers & firmware
 2. Training & certification
 3. Knowledge base
 4. Contact support

Partners

 1. Resellers
 2. Alliance partners
 3. Consultants
 4. Suppliers
 5. Why become a partner?

About

 1. Investor relations
 2. Jobs
 3. Sustainability
 4. Office locations
 5. Trust center
 6. Press releases

Inspiration

 1. News & insights
 2. Customer stories
 3. Upcoming events

FOLLOW US



RECEIVE THE LATEST SERVICES & PRODUCTS NEWS


Sign up


This site is protected by reCAPTCHA and the Google Privacy Policy and Google
Terms of Service apply.

Thank you!

Now check your inbox and confirm your subscription!

© 2023, Barco. All rights reserved.

Terms and conditions Ethics helpline Privacy policy Cookie policy



COOKIE PREFERENCE SETTINGS

When you visit any website, it may store or retrieve information on your
browser, mostly in the form of cookies. This information might be about you,
your preferences or your device and is mostly used to make the site work as you
expect it to. The information does not usually directly identify you, but it can
give you a more personalized web experience. Because we respect your right to
privacy, you can choose not to allow some types of cookies. Click on the
different category headings to find out more and change our default settings.
However, blocking some types of cookies may impact your experience of the site
and the services we are able to offer.
More information
Allow All


MANAGE CONSENT PREFERENCES

STRICTLY NECESSARY COOKIES

Always Active

These cookies are necessary for the website to function and cannot be switched
off in our systems. They are usually only set in response to actions made by you
which amount to a request for services, such as setting your privacy
preferences, logging in or filling in forms. You can set your browser to block
or alert you about these cookies, but some parts of the site will not then work.
These cookies do not store any personally identifiable information.

Cookies Details‎

PERFORMANCE COOKIES

Performance cookies

These cookies allow us to count visits and traffic sources so we can measure and
improve the performance of our site. They help us to know which pages are the
most and least popular and see how visitors move around the site. All
information these cookies collect is aggregated and therefore anonymous. If you
do not allow these cookies we will not know when you have visited our site, and
will not be able to monitor its performance.

Cookies Details‎

FUNCTIONAL COOKIES

Functional cookies

These cookies enable the website to provide enhanced functionality and
personalisation. They may be set by us or by third party providers whose
services we have added to our pages. If you do not allow these cookies then some
or all of these services may not function properly.

Cookies Details‎

TARGETING COOKIES

Targeting cookies

These cookies may be set through our site by our advertising partners. They may
be used by those companies to build a profile of your interests and show you
relevant adverts on other sites. They do not store directly personal
information, but are based on uniquely identifying your browser and internet
device. If you do not allow these cookies, you will experience less targeted
advertising.

Cookies Details‎


BACK BUTTON PERFORMANCE COOKIES



Vendor Search Search Icon
Filter Icon

Clear
checkbox label label
Apply Cancel
Consent Leg.Interest
checkbox label label
checkbox label label
checkbox label label

 * VIEW COOKIES
   
   
    * Name
      cookie name

Confirm My Choices



COOKIES

By clicking “Accept All Cookies”, you agree to the storing of cookies on your
device to enhance site navigation, analyze site usage, and assist in our
marketing efforts. Cookie policy

Accept All Cookies
Cookies Settings