let formHTMLSideBar = `
<style>
.modal-header {
    background: #007cc2;
    color: #fff;
}
.form-control:focus, .form-select:focus {
    box-shadow: 0 0 8px rgba(13,110,253,0.3);
}
.travel_formCommon,
.travel_formCommon * {
  box-sizing: border-box;
}
.travel_formCommon {
  width: 100%;
  color: #24282e;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px 30px;
}
.travel_formCommon .field_group {
  min-width: 0;
}
.travel_formCommon .field_full,
.travel_formCommon .submit_button,
.travel_formCommon .form_status {
  grid-column: 1 / -1;
}
.travel_formCommon .form_control {
  width: 100%;
  height: 58px;
  border: 1px solid #cfd7df;
  border-radius: 2px;
  padding: 0 12px;
  font-size: 15px;
  color: #24282e;
  background-color: #ffffff;
}
.travel_formCommon select.form_control {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2324282e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-position: right 13px center;
  background-repeat: no-repeat;
  padding-right: 42px;
}
.travel_formCommon textarea {
  min-height: 100px;
  padding-top: 18px;
  resize: vertical;
}
.travel_formCommon .form_control::placeholder {
  color: #747474;
  opacity: 1;
}
.travel_formCommon .form_control:focus {
  border-color: #6d8fc3;
  outline: 2px solid rgba(109, 143, 195, 0.18);
}
.modal-footer .submit_button {
    width: auto !important;
  justify-self: start !important;
  border: 0 !important;
  border-radius: 3px !important;
  padding: 13px 28px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #fff !important;
  background: #1b6d5a !important;
  cursor: pointer !important;
  transition: background 0.2s ease !important;
}
.modal-footer .close_button {
    width: auto !important;
  justify-self: start !important;
  border: 0 !important;
  border-radius: 3px !important;
  padding: 13px 28px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #fff !important;
  background: #262827 !important;
  cursor: pointer !important;
  transition: background 0.2s ease !important;
}
.modal-footer .submit_button:hover {
  background: #155745 !important;
}
.travel_formCommon .form_status {
  min-height: 22px;
  margin: 0;
  color: #155745;
  font-weight: 700;
}
.travel_formCommon .sr_only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.travel_formCommon input[type="date"] {
    width: 100%;
    min-width: 0;
    font-size: 11px;
    max-width: 100%;
    appearance: none;
    -webkit-appearance: none;
}
.travel_formCommon input[type="date"]:not(.has-value):before {
  content: attr(placeholder);
  color: #999999;
  width: 100%;
  font-size: 11px;
}
.travel_formCommon {
    grid-template-columns: 1fr 1fr !important;
    gap: 16px;
  }
  .travel_formCommon .field_group {
    grid-column: 1 / -1;
  }
  .travel_formCommon .mobile_half {
    grid-column: span 1;
    min-width: 0;
  }
  .travel_formCommon .form_control {
    height: 40px !important;
  }
/* @media (max-width: 760px) {
  .travel_formCommon {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
  .travel_formCommon .field_group {
    grid-column: 1 / -1;
  }
  .travel_formCommon .mobile_half {
    grid-column: span 1;
    min-width: 0;
  }
  .travel_formCommon .form_control {
    height: 56px;
  }
} */
</style>
<div class="modal-content shadow-lg rounded-4">
  <div class="modal-header p-4">
      <h5 class="modal-title">Planifique su viaje ahora</h5>
  </div>

  <form style="padding: 15px;" action="https://travelogyoffice.com/enquiry-forms/public/popup-form" method="post" id="_sidebarEnquiryForm">
      <input type="hidden" name="redirect" value="https://www.travelogyindia.com/trackcode.php" id="_sidebar_redirect_new" />
      <input type="hidden" name="currentpage" id="_sidebar_currentpage" />
      <input type="hidden" name="lastpage" id="_sidebar_lastpage" />
      <input type="hidden" name="subject" value="Sidebar Form - Spanish" />
      <input type="hidden" name="department" value="Spanish" />
      <input type="hidden" name="product_code" value="PI-40" />
      <input type="hidden" name="tipl_form_id" value="4" />
      <input type="hidden" name="tipl_website_id" value="1" />
      <div class="modal-body">
          <div class="travel_formCommon">
              <div class="field_group">
                <label class="sr_only" for="_sidebar_name">Nombre</label>
                <input class="form_control" type="text" id="_sidebar_name" name="name" placeholder="Nombre" required>
              </div>
          
              <div class="field_group">
                <label class="sr_only" for="_sidebar_email">El correo</label>
                <input class="form_control" type="email" id="_sidebar_email" name="email" placeholder="El correo" required>
              </div>
              <div class="field_group">
                <label class="sr_only" for="_sidebar_country">Selecciona tu pais</label>
                <select class="form_control" onchange="sidebarFillCountryCode(this.value, this.form)" name="country" id="_sidebar_country" required>
                      <option value="" selected>Selecciona tu pais</option>
                      <option value="Afghanistan_93">Afghanistan</option><option value="Albania_355">Albania</option><option value="Algeria_213">Algeria</option><option value="American Samoa_1684">American Samoa</option><option value="Andorra_376">Andorra</option><option value="Angola_244">Angola</option><option value="Anguilla_1264">Anguilla</option><option value="Antarctica_0">Antarctica</option><option value="Antigua And Barbuda_1268">Antigua And Barbuda</option><option value="Argentina_54">Argentina</option><option value="Armenia_374">Armenia</option><option value="Aruba_297">Aruba</option><option value="Australia_61">Australia</option><option value="Austria_43">Austria</option><option value="Azerbaijan_994">Azerbaijan</option><option value="Bahamas The_1242">Bahamas The</option><option value="Bahrain_973">Bahrain</option><option value="Bangladesh_880">Bangladesh</option><option value="Barbados_1246">Barbados</option><option value="Belarus_375">Belarus</option><option value="Belgium_32">Belgium</option><option value="Belize_501">Belize</option><option value="Benin_229">Benin</option><option value="Bermuda_1441">Bermuda</option><option value="Bhutan_975">Bhutan</option><option value="Bolivia_591">Bolivia</option><option value="Bosnia and Herzegovina_387">Bosnia and Herzegovina</option><option value="Botswana_267">Botswana</option><option value="Bouvet Island_0">Bouvet Island</option><option value="Brazil_55">Brazil</option><option value="British Indian Ocean Territory_246">British Indian Ocean Territory</option><option value="Brunei_673">Brunei</option><option value="Bulgaria_359">Bulgaria</option><option value="Burkina Faso_226">Burkina Faso</option><option value="Burundi_257">Burundi</option><option value="Cambodia_855">Cambodia</option><option value="Cameroon_237">Cameroon</option><option value="Canada_1">Canada</option><option value="Cape Verde_238">Cape Verde</option><option value="Cayman Islands_1345">Cayman Islands</option><option value="Central African Republic_236">Central African Republic</option><option value="Chad_235">Chad</option><option value="Chile_56">Chile</option><option value="China_86">China</option><option value="Christmas Island_61">Christmas Island</option><option value="Cocos (Keeling) Islands_672">Cocos (Keeling) Islands</option><option value="Colombia_57">Colombia</option><option value="Comoros_269">Comoros</option><option value="Republic Of The Congo_242">Republic Of The Congo</option><option value="Democratic Republic Of The Congo_242">Democratic Republic Of The Congo</option><option value="Cook Islands_682">Cook Islands</option><option value="Costa Rica_506">Costa Rica</option><option value="Cote D'Ivoire (Ivory Coast)_225">Cote D'Ivoire (Ivory Coast)</option><option value="Croatia (Hrvatska)_385">Croatia (Hrvatska)</option><option value="Cuba_53">Cuba</option><option value="Cyprus_357">Cyprus</option><option value="Czech Republic_420">Czech Republic</option><option value="Denmark_45">Denmark</option><option value="Djibouti_253">Djibouti</option><option value="Dominica_1767">Dominica</option><option value="Dominican Republic_1809">Dominican Republic</option><option value="East Timor_670">East Timor</option><option value="Ecuador_593">Ecuador</option><option value="Egypt_20">Egypt</option><option value="El Salvador_503">El Salvador</option><option value="Equatorial Guinea_240">Equatorial Guinea</option><option value="Eritrea_291">Eritrea</option><option value="Estonia_372">Estonia</option><option value="Ethiopia_251">Ethiopia</option><option value="External Territories of Australia_61">External Territories of Australia</option><option value="Falkland Islands_500">Falkland Islands</option><option value="Faroe Islands_298">Faroe Islands</option><option value="Fiji Islands_679">Fiji Islands</option><option value="Finland_358">Finland</option><option value="France_33">France</option><option value="French Guiana_594">French Guiana</option><option value="French Polynesia_689">French Polynesia</option><option value="French Southern Territories_0">French Southern Territories</option><option value="Gabon_241">Gabon</option><option value="Gambia The_220">Gambia The</option><option value="Georgia_995">Georgia</option><option value="Germany_49">Germany</option><option value="Ghana_233">Ghana</option><option value="Gibraltar_350">Gibraltar</option><option value="Greece_30">Greece</option><option value="Greenland_299">Greenland</option><option value="Grenada_1473">Grenada</option><option value="Guadeloupe_590">Guadeloupe</option><option value="Guam_1671">Guam</option><option value="Guatemala_502">Guatemala</option><option value="Guernsey and Alderney_44">Guernsey and Alderney</option><option value="Guinea_224">Guinea</option><option value="Guinea-Bissau_245">Guinea-Bissau</option><option value="Guyana_592">Guyana</option><option value="Haiti_509">Haiti</option><option value="Heard and McDonald Islands_0">Heard and McDonald Islands</option><option value="Honduras_504">Honduras</option><option value="Hong Kong S.A.R._852">Hong Kong S.A.R.</option><option value="Hungary_36">Hungary</option><option value="Iceland_354">Iceland</option><option value="India_91">India</option><option value="Indonesia_62">Indonesia</option><option value="Iran_98">Iran</option><option value="Iraq_964">Iraq</option><option value="Ireland_353">Ireland</option><option value="Israel_972">Israel</option><option value="Italy_39">Italy</option><option value="Jamaica_1876">Jamaica</option><option value="Japan_81">Japan</option><option value="Jersey_44">Jersey</option><option value="Jordan_962">Jordan</option><option value="Kazakhstan_7">Kazakhstan</option><option value="Kenya_254">Kenya</option><option value="Kiribati_686">Kiribati</option><option value="Korea North_850">Korea North</option><option value="Korea South_82">Korea South</option><option value="Kuwait_965">Kuwait</option><option value="Kyrgyzstan_996">Kyrgyzstan</option><option value="Laos_856">Laos</option><option value="Latvia_371">Latvia</option><option value="Lebanon_961">Lebanon</option><option value="Lesotho_266">Lesotho</option><option value="Liberia_231">Liberia</option><option value="Libya_218">Libya</option><option value="Liechtenstein_423">Liechtenstein</option><option value="Lithuania_370">Lithuania</option><option value="Luxembourg_352">Luxembourg</option><option value="Macau S.A.R._853">Macau S.A.R.</option><option value="Macedonia_389">Macedonia</option><option value="Madagascar_261">Madagascar</option><option value="Malawi_265">Malawi</option><option value="Malaysia_60">Malaysia</option><option value="Maldives_960">Maldives</option><option value="Mali_223">Mali</option><option value="Malta_356">Malta</option><option value="Man (Isle of)_44">Man (Isle of)</option><option value="Marshall Islands_692">Marshall Islands</option><option value="Martinique_596">Martinique</option><option value="Mauritania_222">Mauritania</option><option value="Mauritius_230">Mauritius</option><option value="Mayotte_269">Mayotte</option><option value="Mexico_52">Mexico</option><option value="Micronesia_691">Micronesia</option><option value="Moldova_373">Moldova</option><option value="Monaco_377">Monaco</option><option value="Mongolia_976">Mongolia</option><option value="Montserrat_1664">Montserrat</option><option value="Morocco_212">Morocco</option><option value="Mozambique_258">Mozambique</option><option value="Myanmar_95">Myanmar</option><option value="Namibia_264">Namibia</option><option value="Nauru_674">Nauru</option><option value="Nepal_977">Nepal</option><option value="Netherlands Antilles_599">Netherlands Antilles</option><option value="Netherlands The_31">Netherlands The</option><option value="New Caledonia_687">New Caledonia</option><option value="New Zealand_64">New Zealand</option><option value="Nicaragua_505">Nicaragua</option><option value="Niger_227">Niger</option><option value="Nigeria_234">Nigeria</option><option value="Niue_683">Niue</option><option value="Norfolk Island_672">Norfolk Island</option><option value="Northern Mariana Islands_1670">Northern Mariana Islands</option><option value="Norway_47">Norway</option><option value="Oman_968">Oman</option><option value="Pakistan_92">Pakistan</option><option value="Palau_680">Palau</option><option value="Palestinian Territory Occupied_970">Palestinian Territory Occupied</option><option value="Panama_507">Panama</option><option value="Papua new Guinea_675">Papua new Guinea</option><option value="Paraguay_595">Paraguay</option><option value="Peru_51">Peru</option><option value="Philippines_63">Philippines</option><option value="Pitcairn Island_0">Pitcairn Island</option><option value="Poland_48">Poland</option><option value="Portugal_351">Portugal</option><option value="Puerto Rico_1787">Puerto Rico</option><option value="Qatar_974">Qatar</option><option value="Reunion_262">Reunion</option><option value="Romania_40">Romania</option><option value="Russia_70">Russia</option><option value="Rwanda_250">Rwanda</option><option value="Saint Helena_290">Saint Helena</option><option value="Saint Kitts And Nevis_1869">Saint Kitts And Nevis</option><option value="Saint Lucia_1758">Saint Lucia</option><option value="Saint Pierre and Miquelon_508">Saint Pierre and Miquelon</option><option value="Saint Vincent And The Grenadines_1784">Saint Vincent And The Grenadines</option><option value="Samoa_684">Samoa</option><option value="San Marino_378">San Marino</option><option value="Sao Tome and Principe_239">Sao Tome and Principe</option><option value="Saudi Arabia_966">Saudi Arabia</option><option value="Senegal_221">Senegal</option><option value="Serbia_381">Serbia</option><option value="Seychelles_248">Seychelles</option><option value="Sierra Leone_232">Sierra Leone</option><option value="Singapore_65">Singapore</option><option value="Slovakia_421">Slovakia</option><option value="Slovenia_386">Slovenia</option><option value="Smaller Territories of the UK_44">Smaller Territories of the UK</option><option value="Solomon Islands_677">Solomon Islands</option><option value="Somalia_252">Somalia</option><option value="South Africa_27">South Africa</option><option value="South Georgia_0">South Georgia</option><option value="South Sudan_211">South Sudan</option><option value="Spain_34">Spain</option><option value="Sri Lanka_94">Sri Lanka</option><option value="Sudan_249">Sudan</option><option value="Suriname_597">Suriname</option><option value="Svalbard And Jan Mayen Islands_47">Svalbard And Jan Mayen Islands</option><option value="Swaziland_268">Swaziland</option><option value="Sweden_46">Sweden</option><option value="Switzerland_41">Switzerland</option><option value="Syria_963">Syria</option><option value="Taiwan_886">Taiwan</option><option value="Tajikistan_992">Tajikistan</option><option value="Tanzania_255">Tanzania</option><option value="Thailand_66">Thailand</option><option value="Togo_228">Togo</option><option value="Tokelau_690">Tokelau</option><option value="Tonga_676">Tonga</option><option value="Trinidad And Tobago_1868">Trinidad And Tobago</option><option value="Tunisia_216">Tunisia</option><option value="Turkey_90">Turkey</option><option value="Turkmenistan_7370">Turkmenistan</option><option value="Turks And Caicos Islands_1649">Turks And Caicos Islands</option><option value="Tuvalu_688">Tuvalu</option><option value="Uganda_256">Uganda</option><option value="Ukraine_380">Ukraine</option><option value="United Arab Emirates_971">United Arab Emirates</option><option value="United Kingdom_44">United Kingdom</option><option value="United States_1">United States</option><option value="United States Minor Outlying Islands_1">United States Minor Outlying Islands</option><option value="Uruguay_598">Uruguay</option><option value="Uzbekistan_998">Uzbekistan</option><option value="Vanuatu_678">Vanuatu</option><option value="Vatican City State (Holy See)_39">Vatican City State (Holy See)</option><option value="Venezuela_58">Venezuela</option><option value="Vietnam_84">Vietnam</option><option value="Virgin Islands (British)_1284">Virgin Islands (British)</option><option value="Virgin Islands (US)_1340">Virgin Islands (US)</option><option value="Wallis And Futuna Islands_681">Wallis And Futuna Islands</option><option value="Western Sahara_212">Western Sahara</option><option value="Yemen_967">Yemen</option><option value="Yugoslavia_38">Yugoslavia</option><option value="Zambia_260">Zambia</option><option value="Zimbabwe_263">Zimbabwe</option>
                  </select>
              </div>
              <div class="field_group">
                <label class="sr_only" for="_sidebar_phone">Numero de telefono</label>
                <input class="form_control" type="tel" id="_sidebar_phone" name="tel_no" placeholder="Numero de telefono" required>
              </div>
          
              <div class="field_group mobile_half">
                <label class="sr_only" for="travel-date">Fecha de llegada</label>
                <input readonly autocomplete="off" class="form_control" type="text" id="_sidebar_arrival" name="arrival_date" required placeholder="Fecha de llegada">
              </div>
          
              <div class="field_group mobile_half">
                <label class="sr_only" for="passengers">Numero de pasajeros</label>
                <select name="adult" class="form_control" id="_sidebar_persons" required>
                          <option value="">Numero de pasajeros</option>
                          <option>1</option>
                          <option>2</option>
                          <option>3</option>
                          <option>4</option>
                          <option>5</option>
                          <option>6</option>
                          <option>7</option>
                          <option>8</option>
                          <option>9</option>
                          <option>10</option>
                          <option>11</option>
                          <option>12</option>
                          <option>13</option>
                          <option>14</option>
                          <option>15</option>
                          <option>16</option>
                          <option>17</option>
                          <option>18</option>
                          <option>19</option>
                          <option>20</option>
                      </select>
              </div>
          
              <div class="field_group mobile_half">
                <label class="sr_only" for="hotel-category">Hotel</label>
                <select name="hotel_type" class="form_control" id="_sidebar_hotel" required>
                          <option value="">Hotel</option>
                          <option value="Luxury">Luxury</option>
                          <option value="5 Star">5 Star</option>
                          <option value="4 Star">4 Star</option>
                          <option value="3 Star">3 Star</option>
                      </select>
              </div>
          
              <div class="field_group mobile_half">
                <label class="sr_only" for="duration">Duracion</label>
                <select name="duration" class="form_control" id="_sidebar_duration" required>
                          <option value="">Duracion</option>
                          <option>1</option>
                          <option>2</option>
                          <option>3</option>
                          <option>4</option>
                          <option>5</option>
                          <option>6</option>
                          <option>7</option>
                          <option>8</option>
                          <option>9</option>
                          <option>10</option>
                          <option>11</option>
                          <option>12</option>
                          <option>13</option>
                          <option>14</option>
                          <option>15</option>
                          <option>16</option>
                          <option>17</option>
                          <option>18</option>
                          <option>19</option>
                          <option>20</option>
                      </select>
              </div>
          
              <div class="field_group field_full">
                <label class="sr_only" for="message">Comentar</label>
                <textarea class="form_control" id="_sidebar_remark" name="about" rows="4" placeholder="Comentar"></textarea>
              </div>
            </div>

      </div>

      <div class="modal-footer mt-2">
          <button style="margin-right: 10px;" type="submit" class="submit_button">Entregar</button>
          <button type="button" class="close_button" data-bs-dismiss="modal">Cerrar</button>
      </div>
  </form>

</div>
<script>
$(document).ready(function() {
  setTimeout(() => {
    $( "#_sidebar_arrival" ).datepicker({
        minDate: 0
    });
  }, 2);
});
const sidebarform = document.getElementById('_sidebarEnquiryForm');
const sidebartoday = new Date().toISOString().split('T')[0];
// document.getElementById("_sidebar_arrival").setAttribute("min", sidebartoday);
document.getElementById("_sidebar_currentpage").value = window.location.href;
document.getElementById("_sidebar_lastpage").value = document.referrer;
document.getElementById("_sidebar_phone").addEventListener("keyup", function () {
    this.value = this.value.replace(/[^0-9-]/g, '');
});
sidebarform.addEventListener('submit', function (event) {
    event.preventDefault();
    event.stopPropagation();
    
    const submitBtn = sidebarform.querySelector('button[type="submit"]');
    
    if (!sidebarform.checkValidity()) {
        sidebarform.classList.add('was-validated');
        return;
    }
    
    let phoneData = document.getElementById("_sidebar_phone").value;
    if (phoneData.split("-").length < 2 || phoneData.split("-")[1] == "") {
        alert("Enter phone no!");
        return;
    }
    document.getElementById("_sidebar_phone").value = '+' + document.getElementById("_sidebar_phone").value;

    // ✅ Disable button + show loading
    submitBtn.disabled = true;
    submitBtn.innerHTML = 'Submitting...';
    sidebarform.submit();
});
function sidebarFillCountryCode(countryData, myForm) {
    let data = countryData.split("_");
    if (data.length > 1 && data[1] > 0) {
        myForm._sidebar_phone.value = data[1] + '-';
    } else {
        myForm._sidebar_phone.value = '';
    }
}
function isValidPhone(value) {
    const regex = /^[0-9-]+$/;
    return regex.test(value);
}
</script>`;
document.write(formHTMLSideBar);