www.barco.com
Open in
urlscan Pro
2606:4700::6812:77c
Public Scan
Submitted URL: https://go.barco.com/MTQxLVRRQi02ODUAAAGLvk3rNvjgyAsNzIfjWeIHZlJQ3nClLZg6G5NUbPABsSAyRGu_0B9nuIhuaApOMecKe2pXLUk=
Effective URL: https://www.barco.com/gb-en/products/conferencing-collaboration?mkt_tok=MTQxLVRRQi02ODUAAAGLvk3rNkmKcRputukrdCjc_j0p5j...
Submission: On May 15 via api from GB — Scanned from GB
Effective URL: https://www.barco.com/gb-en/products/conferencing-collaboration?mkt_tok=MTQxLVRRQi02ODUAAAGLvk3rNkmKcRputukrdCjc_j0p5j...
Submission: On May 15 via api from GB — Scanned from GB
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 & 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 & 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 & 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 & 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 & 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 & Miquelon</option>
<option :selected="selectedCountry == `VC`" value="VC">St. Vincent & 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 & 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é & 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 & 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 & 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 & 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 && !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 & Barbuda" x-init="$watch('hasInitialized', () => {
if (`AG` == clientCountry) {
label = `Antigua & Barbuda`;
selectedCountry = `AG`;
}
})" @click="label = `Antigua & Barbuda`; selectedCountry = `AG`;"> Antigua & 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 & Herzegovina" x-init="$watch('hasInitialized', () => {
if (`BA` == clientCountry) {
label = `Bosnia & Herzegovina`;
selectedCountry = `BA`;
}
})" @click="label = `Bosnia & Herzegovina`; selectedCountry = `BA`;"> Bosnia & 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 & McDonald Islands" x-init="$watch('hasInitialized', () => {
if (`HM` == clientCountry) {
label = `Heard & McDonald Islands`;
selectedCountry = `HM`;
}
})" @click="label = `Heard & McDonald Islands`; selectedCountry = `HM`;"> Heard & 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 & South Sandwich Islands" x-init="$watch('hasInitialized', () => {
if (`GS` == clientCountry) {
label = `South Georgia & South Sandwich Islands`;
selectedCountry = `GS`;
}
})" @click="label = `South Georgia & South Sandwich Islands`; selectedCountry = `GS`;"> South Georgia & 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 & Nevis" x-init="$watch('hasInitialized', () => {
if (`KN` == clientCountry) {
label = `St. Kitts & Nevis`;
selectedCountry = `KN`;
}
})" @click="label = `St. Kitts & Nevis`; selectedCountry = `KN`;"> St. Kitts & 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 & Miquelon" x-init="$watch('hasInitialized', () => {
if (`PM` == clientCountry) {
label = `St. Pierre & Miquelon`;
selectedCountry = `PM`;
}
})" @click="label = `St. Pierre & Miquelon`; selectedCountry = `PM`;"> St. Pierre & Miquelon </li>
<li data-value="VC" data-label="St. Vincent & Grenadines" x-init="$watch('hasInitialized', () => {
if (`VC` == clientCountry) {
label = `St. Vincent & Grenadines`;
selectedCountry = `VC`;
}
})" @click="label = `St. Vincent & Grenadines`; selectedCountry = `VC`;"> St. Vincent & 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 & Jan Mayen" x-init="$watch('hasInitialized', () => {
if (`SJ` == clientCountry) {
label = `Svalbard & Jan Mayen`;
selectedCountry = `SJ`;
}
})" @click="label = `Svalbard & Jan Mayen`; selectedCountry = `SJ`;"> Svalbard & 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é & Príncipe" x-init="$watch('hasInitialized', () => {
if (`ST` == clientCountry) {
label = `São Tomé & Príncipe`;
selectedCountry = `ST`;
}
})" @click="label = `São Tomé & Príncipe`; selectedCountry = `ST`;"> São Tomé & 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 & Tobago" x-init="$watch('hasInitialized', () => {
if (`TT` == clientCountry) {
label = `Trinidad & Tobago`;
selectedCountry = `TT`;
}
})" @click="label = `Trinidad & Tobago`; selectedCountry = `TT`;"> Trinidad & 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 & Caicos Islands" x-init="$watch('hasInitialized', () => {
if (`TC` == clientCountry) {
label = `Turks & Caicos Islands`;
selectedCountry = `TC`;
}
})" @click="label = `Turks & Caicos Islands`; selectedCountry = `TC`;"> Turks & 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 & Futuna" x-init="$watch('hasInitialized', () => {
if (`WF` == clientCountry) {
label = `Wallis & Futuna`;
selectedCountry = `WF`;
}
})" @click="label = `Wallis & Futuna`; selectedCountry = `WF`;"> Wallis & 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 && (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 && 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 && 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 & 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 & 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 & 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 & 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 & 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 & Miquelon</option>
<option :selected="selectedCountry == `VC`" value="VC">St. Vincent & 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 & 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é & 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 & 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 & 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 & 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 && !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 & Barbuda" x-init="$watch('hasInitialized', () => {
if (`AG` == clientCountry) {
label = `Antigua & Barbuda`;
selectedCountry = `AG`;
}
})" @click="label = `Antigua & Barbuda`; selectedCountry = `AG`;"> Antigua & 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 & Herzegovina" x-init="$watch('hasInitialized', () => {
if (`BA` == clientCountry) {
label = `Bosnia & Herzegovina`;
selectedCountry = `BA`;
}
})" @click="label = `Bosnia & Herzegovina`; selectedCountry = `BA`;"> Bosnia & 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 & McDonald Islands" x-init="$watch('hasInitialized', () => {
if (`HM` == clientCountry) {
label = `Heard & McDonald Islands`;
selectedCountry = `HM`;
}
})" @click="label = `Heard & McDonald Islands`; selectedCountry = `HM`;"> Heard & 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 & South Sandwich Islands" x-init="$watch('hasInitialized', () => {
if (`GS` == clientCountry) {
label = `South Georgia & South Sandwich Islands`;
selectedCountry = `GS`;
}
})" @click="label = `South Georgia & South Sandwich Islands`; selectedCountry = `GS`;"> South Georgia & 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 & Nevis" x-init="$watch('hasInitialized', () => {
if (`KN` == clientCountry) {
label = `St. Kitts & Nevis`;
selectedCountry = `KN`;
}
})" @click="label = `St. Kitts & Nevis`; selectedCountry = `KN`;"> St. Kitts & 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 & Miquelon" x-init="$watch('hasInitialized', () => {
if (`PM` == clientCountry) {
label = `St. Pierre & Miquelon`;
selectedCountry = `PM`;
}
})" @click="label = `St. Pierre & Miquelon`; selectedCountry = `PM`;"> St. Pierre & Miquelon </li>
<li data-value="VC" data-label="St. Vincent & Grenadines" x-init="$watch('hasInitialized', () => {
if (`VC` == clientCountry) {
label = `St. Vincent & Grenadines`;
selectedCountry = `VC`;
}
})" @click="label = `St. Vincent & Grenadines`; selectedCountry = `VC`;"> St. Vincent & 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 & Jan Mayen" x-init="$watch('hasInitialized', () => {
if (`SJ` == clientCountry) {
label = `Svalbard & Jan Mayen`;
selectedCountry = `SJ`;
}
})" @click="label = `Svalbard & Jan Mayen`; selectedCountry = `SJ`;"> Svalbard & 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é & Príncipe" x-init="$watch('hasInitialized', () => {
if (`ST` == clientCountry) {
label = `São Tomé & Príncipe`;
selectedCountry = `ST`;
}
})" @click="label = `São Tomé & Príncipe`; selectedCountry = `ST`;"> São Tomé & 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 & Tobago" x-init="$watch('hasInitialized', () => {
if (`TT` == clientCountry) {
label = `Trinidad & Tobago`;
selectedCountry = `TT`;
}
})" @click="label = `Trinidad & Tobago`; selectedCountry = `TT`;"> Trinidad & 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 & Caicos Islands" x-init="$watch('hasInitialized', () => {
if (`TC` == clientCountry) {
label = `Turks & Caicos Islands`;
selectedCountry = `TC`;
}
})" @click="label = `Turks & Caicos Islands`; selectedCountry = `TC`;"> Turks & 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 & Futuna" x-init="$watch('hasInitialized', () => {
if (`WF` == clientCountry) {
label = `Wallis & Futuna`;
selectedCountry = `WF`;
}
})" @click="label = `Wallis & Futuna`; selectedCountry = `WF`;"> Wallis & 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 && (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 && 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 && 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/gb/en/products/conferencing-collaboration/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/gb/en/products/conferencing-collaboration.html">
<input type="hidden" name="barcoOriginalSource" value="Website - NewsletterSubscribe - https://www.barco.com/content/dxp/regions-countries/gb/en/products/conferencing-collaboration.html">
<input type="hidden" name="barcoOptinSource" value="Website - NewsletterSubscribe - https://www.barco.com/content/dxp/regions-countries/gb/en/products/conferencing-collaboration.html">
<input type="hidden" name="barcoOptinLastSource" value="Website - NewsletterSubscribe - https://www.barco.com/content/dxp/regions-countries/gb/en/products/conferencing-collaboration.html">
<button type="submit" class="btn btn-black btn-lg text-nowrap align-self-start">Sign up</button>
</form>Text Content
GB/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 Where to buy Support About Barco Partners
BARCO SEARCH
Products & solutions Inspiration Where to buy Support About Barco Partners
GB/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 Where to buy 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
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 Simulation 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
Software
Products
Image processing Projection Immersive systems Video walls Accessories Services
Solutions
Themed entertainment Projection mapping Home entertainment Live events
Television studio 3D visualization Cinema
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
WHERE TO BUY
Partner locator Office locator Get in touch
Back
PARTNER LOCATOR
Back
OFFICE LOCATOR
Back
GET IN TOUCH
Back
SUPPORT
Support Knowledge base
Back
SUPPORT
Back
KNOWLEDGE BASE
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?
1. Home
2. Products
3. Conferencing & collaboration
CLICKSHARE. LOVE MEETING
BARCO'S WIRELESS COLLABORATION ROOM SYSTEM
Request a free trial Get in touch
WHEN PEOPLE MEET, MAGIC HAPPENS
THAT'S WHAT CLICKSHARE IS DESIGNED TO DO
WHEN PEOPLE MEET, MAGIC HAPPENS
That's what ClickShare is designed to do
THE ULTIMATE COLLABORATION EXPERIENCE IN JUST ONE CLICK
Walk into a meeting room with your laptop and the system automatically wakes up.
You’re wirelessly connected to the central screen, camera and speakers. In one
click you start your meeting. People joining remotely feel as present as the
people on site. Your hybrid teams are happy and engaged.
Discover ClickShare Conference
CLICKSHARE WORKS FOR YOU
EMPOWERS YOU
When everyone is clearly heard and seen, whether they work from home or in the
office, authentic interactions and productive conversations are guaranteed.
ClickShare facilitates collaboration instead of complicating it.
BUILT AROUND YOU
You can use your existing meeting room equipment, laptop and trusted
videoconferencing platform. In any type of meeting room. And your guests can
join from any device.
MAKES YOUR LIFE EASY
Running high-quality meetings from your laptop is as simple as making a phone
call. No hassle with control panels, passwords, or cables.
HAS YOU COVERED
Security, stability, sustainability, and ease of use are built in, so you can
enjoy peace of mind in your new hybrid work environment. Regular updates ensure
your system is always up to date. How is that for a solid investment?
UNLOCK THE POTENTIAL OF YOUR HYBRID WORKFORCE
WITH CLICKSHARE CONFERENCE
RUN SEAMLESS HYBRID MEETINGS FROM YOUR LAPTOP, SO EVERYONE, EVERYWHERE, LOVES
MEETING AGAIN.
Discover ClickShare Conference Help me pick the right solution
--------------------------------------------------------------------------------
WORKS WITH THE BEST
Videoconferencing platforms
1. Videoconferencing platforms
2. Alliance partners
--------------------------------------------------------------------------------
Once we saw what ClickShare Conference had to offer, everything was easy from
there. It’s more cost-effective, easier to use, and it just works.
Joe Sheridan
Director of IT, UmbraGROUP US
PROUD TO COUNT THESE COMPANIES AMONG OUR CUSTOMERS
Read more
Read more
2022 · Chicago, IL, US
NAVISTAR CREATES MULTIPLE VIDEO CONFERENCE ROOMS WITH CLICKSHARE CONFERENCE
Meet Navistar. They are an international company headquartered in the Chicago
area and they are a leading manufacturer of commercial trucks, buses, defense
vehicles and engines. Like so many of us during the coronavirus lockdown, the
team members at Navistar have become adept at videoconferencing from home. But
recently, their team started returning to the office. They needed a solution
that would allow them to continue to host video conferences that go beyond a
single laptop and that includes the active participation of everyone in the room
as well as of external participants.
Read more
Read more
2021 · Saginaw, Michigan, US
UMBRA GROUP CONCEIVES GLOBAL STRATEGY FOR HYBRID MEETINGS AS EMPLOYEES RETURN TO
THE OFFICE
In 2018, Italian-based UMBRAGROUP acquired Thompson Aerospace & Defense, A
Saginaw, Michigan-based company that designs, manufactures, and services
critical actuation components and equipment for various defense and aerospace
platforms. Then the process began of not only merging these two company and
cultures together, but their IT systems as well. This job fell into the very
capable hands of the company’s new U.S. Director of IT, Joe Sheridan. With more
than 33 years’ experience, he’s developed a stellar reputation for being able to
quickly and efficiently “turn around IT.” True to form, he cleaned up the
network and got it humming, then turned to the next challenge that was the
conferencing system.
Read more
Read more
2022 · London, GB
ORANGEBOX REDEFINES OFFICE COLLABORATION WITH CLICKSHARE CONFERENCE
Meet Orangebox, one of the UK’s leading furniture manufacturers. As an
international company with a showroom and co-working space in the heart of
London’s Design Center, Orangebox set to revamp their office environment with
more agile and flexible solutions fit for the post-pandemic collaboration needs.
Looking for collaboration technology that has a small footprint, is platform
agnostic, intuitive and easy to use, and will help reduce operational costs,
Orangebox chose Barco ClickShare Conference.
CLICKSHARE WORKS FOR YOUR COMPANY TOO
FOR IT MANAGERS
Seamless integration with your existing systems, easy cloud management, and
extra perks like digital signage will free up time for other responsibilities.
Learn more
FOR EXECUTIVES
The future of work is now, and hybrid work is here to stay. ClickShare will help
you and your company thrive in the new era. Instantly.
Learn more
FOR IT MANAGERS
Seamless integration with your existing systems, easy cloud management, and
extra perks like digital signage will free up time for other responsibilities.
Learn more
FOR EXECUTIVES
The future of work is now, and hybrid work is here to stay. ClickShare will help
you and your company thrive in the new era. Instantly.
Learn more
LOOKING FOR A SOLUTION JUST FOR CONTENT SHARING?
Discover ClickShare Present
1. Get our ClickShare product brochure
2. Sign up to our newsletter
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 Beneluxpark 21, Kortrijk
8500 Belgium +32 56 233211
Barco Ltd. Building 329, Doncastle Road, Bracknell, Berkshire
RG12 8PE United Kingdom +32 56 233211
Learn
1. ClickShare security
2. For IT manager
3. For meeting room user
4. For C-level
5. Wireless conferencing vs wireless presentation
6. Meeting room setup
7. Smartcare
Help
1. Download ClickShare app
2. Support
3. Firmware update
4. Contact us
Explore
1. Supported peripherals
2. Logitech partnership
3. ClickShare vs Airtame
4. ClickShare vs Mersive
Buy
1. Where to buy
2. Free trial ClickShare
3. Trade in your current solution
4. Wireless conferencing range
5. Wireless presentation range
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