aciprecheckin.com Open in urlscan Pro
13.74.250.127  Public Scan

Submitted URL: https://aci.fyi/079f4258
Effective URL: https://aciprecheckin.com/Precheckin/checkwizard/index/BF106F603F5A1CA065CB9438FB4EAE247D89AEF3?lang=en&loc=TUo1rbW03hM%3d...
Submission: On August 21 via manual from GB — Scanned from GB

Form analysis 8 forms found in the DOM

POST #

<form class="form-horizontal" action="#" id="submit_form1" method="POST" novalidate="novalidate" autocomplete="none">
  <div class="form-group">
    <label class="control-label col-md-3 margin-bottom-20">
      <span class="localized-strings-language">Language</span>
      <span class="required" aria-required="true"> * </span>
    </label>
    <div class="col-md-4">
      <select class="form-control selectized" name="language" id="language" tabindex="-1" aria-required="true" style="display: none;">
        <option value="en" selected="selected">English</option>
      </select>
      <div class="selectize-control form-control single">
        <div class="selectize-input items has-options full has-items">
          <div class="item" data-value="en">English</div><input type="text" autocomplete="none" tabindex="" id="language-selectized" style="width: 4px; opacity: 0; position: absolute; left: -10000px;">
        </div>
        <div class="selectize-dropdown single form-control" style="display: none;">
          <div class="selectize-dropdown-content">
            <div data-selectable="" data-value="en" class="selected">English</div>
            <div data-selectable="" data-value="es" class="">Spanish</div>
            <div data-selectable="" data-value="ca">Catalan</div>
            <div data-selectable="" data-value="fr">French</div>
            <div data-selectable="" data-value="de">German</div>
            <div data-selectable="" data-value="it">Italian</div>
            <div data-selectable="" data-value="pt">Portuguese</div>
            <div data-selectable="" data-value="ru">Russian</div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="form-group locator-search-wrapper">
    <label class="control-label col-md-3">
      <span class="localized-strings-locator">Locator/Reservation number</span>
      <span class="required" aria-required="true"> * </span>
    </label>
    <div class="col-md-4">
      <input type="text" class="form-control" name="bonoshow" value="************" disabled="" autocomplete="none">
      <input type="hidden" class="form-control" name="bono" value="TUo1rbW03hM=" disabled="">
    </div>
  </div>
  <div class="form-group">
    <label class="control-label col-md-3">
      <span class="localized-strings-checkindate">Checkin date</span>
      <span class="required" aria-required="true"> * </span>
    </label>
    <div class="col-md-4">
      <input class="form-control date-picker" size="16" type="text" name="fechaEntrada" value="22/08/2024" disabled="" autocomplete="none">
    </div>
  </div>
  <div class="form-group hidden">
    <label class="control-label col-md-3">
      <span class="localized-strings-email">Email</span>
    </label>
    <div class="col-md-4">
      <input type="eg" class="form-control" name="email" value="44gdkt09tw@m.expediapartnercentral.com" disabled="">
    </div>
  </div>
</form>

POST #

<form class="form-horizontal" action="#" id="submit_form2" method="POST" novalidate="novalidate" autocomplete="none">
  <input hidden="" id="habId" value="" name="habId" required="" aria-required="true" aria-describedby="habId-error" autocomplete="none">
</form>

POST #

<form class="form-horizontal" action="#" id="submit_form3" method="POST" novalidate="novalidate" autocomplete="none">
  <div class="portlet-body" id="huespedes-wrapper">
  </div>
  <div class="portlet-body" id="huespedes-minor-wrapper">
    <div class="row">
      <div class="col-md-12">
        <div class="panel-group accordion scrollable" id="accordion" role="tablist" aria-multiselectable="true">
          <div class="panel panel-default">
            <div class="panel-heading" role="tab" id="heading_1">
              <h4 class="panel-title">
                <a class="accordion-toggle accordion-toggle-styled " role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse_1" aria-expanded="true" aria-controls="collapse_1">
                                <div>
                                    BEN LUKE
                                </div>
                                
                            </a>
              </h4>
            </div>
            <div id="collapse_1" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="heading_1">
              <div class="panel-body">
                <div id="guest-panel-repeat-1" class="guest-panel-repeat" style="display: none;">
                  <div class="form-group">
                    <label class="control-label col-md-7 col-md-offset-2" style="text-align:left">
                      <h4><span class="localized-strings-welcomeguest1">Hello</span> <span>BEN LUKE.</span> <span class="localized-strings-repetitiveguest">If you have ever been a customer with us, please fill in your details: </span></h4>
                    </label>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-md-3">
                      <span class="localized-strings-documenttype">Document type</span>
                      <span class="required" aria-required="true"> * </span>
                    </label>
                    <div class="col-md-4">
                      <select name="repeat-document-type-1" class="form-control select-document-type-repeat" value="" aria-hidden="true" id="repeat-document-type-1" data-guest-id="1" data-index="0"></select>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-md-3">
                      <span class="localized-strings-documentnumber">Document number</span>
                      <span class="required" aria-required="true"> * </span>
                    </label>
                    <div class="col-md-4">
                      <input type="text" id="repeat-document-number-1" class="form-control" data-index="0" autocomplete="none">
                    </div>
                  </div>
                  <div class="col-md-12 col-md-offset-6">
                    <button type="button" class="btn btn-outline blue repeat-search" data-guest-id="1">
                      <i class="fa fa-search fa-fa"></i>&nbsp;&nbsp;<span class="localized-strings-search">Search</span>
                    </button>
                    <button type="button" class="btn btn-outline red repeat-skip" data-guest-id="1">
                      <span class="localized-strings-norepetitiveguest">I have never been a customer</span>
                    </button>
                  </div>
                </div>
                <div id="guest-panel-option-1" class="guest-panel-option">
                  <div class="form-group">
                    <div class="col-lg-6 col-lg-offset-3 col-md-8 col-md-offset-2">
                      <h4 class="margin-bottom-30"><span class="localized-strings-welcomeguest1">Hello</span>&nbsp;BEN LUKE&nbsp;<span class="localized-strings-welcomeguest2">, We are going to proceed to introduce your data. For this we need a photo
                          of your identity document / passport. Choose an option:</span><a data-guest-id="1" class="ocr-skip localized-strings-skip" id="ocr-skip-1" style="display: none;"> Or skip this step.</a></h4>
                      <div class="col-lg-5 col-md-5 option-box ocr-idcard" data-guest-id="1">
                        <div class="option-icon">
                          <i class="fa fa-arrow-circle-o-up"></i>
                        </div>
                        <div class="option-title">
                          <p><span class="localized-strings-idcard">ID Card</span></p>
                          <p class="small"><span class="localized-strings-idcarddesc">ID Card, Driver License and other two-sided documents</span></p>
                        </div>
                        <div class="option-confirm">
                          <i class="fa fa-check"></i>
                        </div>
                      </div>
                      <div class="col-lg-2 col-md-2 hidden-xs hidden-sm"></div>
                      <div class="col-lg-5 col-md-5 option-box ocr-passport" data-guest-id="1">
                        <div class="option-icon">
                          <i class="fa fa-pencil-square-o"></i>
                        </div>
                        <div class="option-title">
                          <p><span class="localized-strings-passport">Passport</span></p>
                          <p class="small">-</p>
                        </div>
                        <div class="option-confirm">
                          <i class="fa fa-check"></i>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div id="guest-panel-content-1" class="guest-panel-content" style="display: none;">
                  <div class="form-group">
                    <div class="col-md-12 text-right">
                      <a href="javascript:;" class="btn btn-outline green guest-change-option margin-bottom-10" data-guest-id="1">
                                            <i class="fa fa-arrow-circle-o-up"></i>&nbsp;&nbsp;&nbsp;<span class="localized-strings-optionocr">Take / Repeat Photo</span>
                                        </a>
                      <a href="javascript:;" class="btn btn-outline green copy-main-host margin-bottom-10" style="display: none;" data-guest-id="1">
                                            <i class="icon-reload"></i>&nbsp;&nbsp;&nbsp;<span class="localized-strings-copydatafrommain">Copy data from main guest</span>
                                        </a>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-md-3">
                      <span class="localized-strings-name">Name</span>
                      <span class="required" aria-required="true"> * </span>
                    </label>
                    <div class="col-md-4">
                      <input type="text" class="form-control" value="BEN LUKE" required="" name="first-name-1" data-index="0" autocomplete="none">
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-md-3">
                      <span class="localized-strings-surnames">Surnames</span>
                      <span class="required" aria-required="true"> * </span>
                    </label>
                    <div class="col-md-4">
                      <input type="text" class="form-control" value="WALLER" required="" name="last-name-1" data-index="0" autocomplete="none">
                      <span class="help-block"><span class="localized-strings-surnamesinfo">Please report both surnames</span></span>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-md-3">
                      <span class="localized-strings-nationality">Nationality</span>
                      <span class="required" aria-required="true"> * </span>
                    </label>
                    <div class="col-md-4">
                      <input placeholder="Enter your nationality..." name="country-nac-1" class="form-control selectized" aria-hidden="true" id="country-nac-1" data-suffix="1" data-index="0" tabindex="-1" value="" aria-required="true"
                        autocomplete="none" style="display: none;">
                      <div class="selectize-control form-control single">
                        <div class="selectize-input items not-full"><input type="text" autocomplete="none" tabindex="" id="country-nac-1-selectized" placeholder="Enter your nationality..." style="width: 156px;"></div>
                        <div class="selectize-dropdown single form-control" style="display: none;">
                          <div class="selectize-dropdown-content"></div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-md-3">
                      <span class="localized-strings-country">Country of residence</span>
                      <span class="required" aria-required="true"> * </span>
                    </label>
                    <div class="col-md-4">
                      <input placeholder="Enter your country of residence..." name="country-res-1" class="form-control selectized" aria-hidden="true" id="country-res-1" data-suffix="1" data-index="0" tabindex="-1" value="" aria-required="true"
                        autocomplete="none" style="display: none;">
                      <div class="selectize-control form-control single">
                        <div class="selectize-input items not-full"><input type="text" autocomplete="none" tabindex="" id="country-res-1-selectized" placeholder="Enter your country of residence..." style="width: 221px;"></div>
                        <div class="selectize-dropdown single form-control" style="display: none;">
                          <div class="selectize-dropdown-content"></div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-md-3">
                      <span class="localized-strings-phone">Phone</span>
                    </label>
                    <div id="errPhone">
                      <div class="col-md-4">
                        <div class="form-group col-md-4">
                          <select name="phone-prefix-1" class="form-control selectized" data-suffix="1" data-index="0" tabindex="-1" style="display: none;">
                            <option value="+7840" selected="selected">+7840</option>
                          </select>
                          <div class="selectize-control form-control single">
                            <div class="selectize-input items full has-options has-items">
                              <div class="item" data-value="+7840">+7840</div><input type="text" autocomplete="none" tabindex="" style="width: 4px;">
                            </div>
                            <div class="selectize-dropdown single form-control" style="display: none;">
                              <div class="selectize-dropdown-content"></div>
                            </div>
                          </div>
                        </div>
                        <div class="form-group col-md-9">
                          <input type="tel" class="form-control" value="" data-optional="1" name="phone-1" data-suffix="1" data-index="0" data-error="#errPhone">
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-md-3">
                      <span class="localized-strings-address">Address</span>
                    </label>
                    <div class="col-md-4">
                      <input type="text" class="form-control" value="" required="" name="address-1" data-index="0" autocomplete="none">
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-md-3">
                      <span class="localized-strings-postalcode">Postal code</span>
                    </label>
                    <div class="col-md-4">
                      <input placeholder="Enter your postcode..." type="text" name="postal-code-1" class="form-control selectized" id="postal-code-1" data-suffix="1" data-index="0" tabindex="-1" value="" aria-required="true" autocomplete="none"
                        style="display: none;">
                      <div class="selectize-control form-control single">
                        <div class="selectize-input items not-full"><input type="text" autocomplete="none" tabindex="" id="postal-code-1-selectized" placeholder="Enter your postcode..." style="width: 147px;"></div>
                        <div class="selectize-dropdown single form-control" style="display: none;">
                          <div class="selectize-dropdown-content"></div>
                        </div>
                      </div>
                      <span class="help-block" style="margin-top:0px"><span class="localized-strings-postalcodehelpblock">* Postal code of country of residence</span></span>
                    </div>
                  </div>
                  <div class="form-group state hidden">
                    <label class="control-label col-md-3">
                      <span class="localized-strings-state">State</span>
                      <span class="required" aria-required="true"> * </span>
                    </label>
                    <div class="col-md-4">
                      <input type="text" name="state-1" class="form-control" aria-hidden="true" id="state-1" data-suffix="1" data-index="0" value="" autocomplete="none">
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-md-3">
                      <span class="localized-strings-city">City</span>
                      <span class="required" aria-required="true"> * </span>
                    </label>
                    <div class="col-md-4">
                      <input placeholder="Enter your city..." name="city-1" class="form-control selectized" id="city-1" data-suffix="1" data-index="0" value="" tabindex="-1" aria-required="true" autocomplete="none" style="display: none;">
                      <div class="selectize-control form-control single">
                        <div class="selectize-input items not-full"><input type="text" autocomplete="none" tabindex="" id="city-1-selectized" placeholder="Enter your city..." style="width: 109px;"></div>
                        <div class="selectize-dropdown single form-control" style="display: none;">
                          <div class="selectize-dropdown-content"></div>
                        </div>
                      </div>
                      <span class="help-block" style="margin-top:0px"><span class="localized-strings-cityhelpblock">* City of country of residence</span></span>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-md-3">
                      <span class="localized-strings-language">Language</span>
                      <span class="required" aria-required="true"> * </span>
                    </label>
                    <div class="col-md-4">
                      <select name="language-1" class="form-control select-language selectized" value="" aria-hidden="true" id="language-1" data-index="0" tabindex="-1" aria-required="true" style="display: none;">
                        <option value="en" selected="selected">English</option>
                      </select>
                      <div class="selectize-control form-control select-language single">
                        <div class="selectize-input items has-options full has-items">
                          <div class="item" data-value="en">English</div><input type="text" autocomplete="none" tabindex="" id="language-1-selectized" style="width: 4px; opacity: 0; position: absolute; left: -10000px;">
                        </div>
                        <div class="selectize-dropdown single form-control select-language" style="display: none;">
                          <div class="selectize-dropdown-content">
                            <div class="option selected" data-selectable="" data-value="en">English</div>
                            <div class="option" data-selectable="" data-value="es">Spanish</div>
                            <div class="option" data-selectable="" data-value="ca">Catalan</div>
                            <div class="option" data-selectable="" data-value="fr">French</div>
                            <div class="option" data-selectable="" data-value="de">German</div>
                            <div class="option" data-selectable="" data-value="it">Italian</div>
                            <div class="option" data-selectable="" data-value="pt">Portuguese</div>
                            <div class="option" data-selectable="" data-value="ru">Russian</div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-md-3">
                      <span class="localized-strings-documenttype">Document type</span>
                      <span class="required" aria-required="true"> * </span>
                    </label>
                    <div class="col-md-4">
                      <select name="document-type-1" class="form-control select-document-type selectized" value="" aria-hidden="true" id="tipDocu1" data-guest-id="1" data-index="0" tabindex="-1" aria-required="true" style="display: none;">
                        <option value="" selected="selected"></option>
                      </select>
                      <div class="selectize-control form-control select-document-type single">
                        <div class="selectize-input items not-full has-options"><input type="text" autocomplete="none" tabindex="" id="tipDocu1-selectized" style="width: 4px;"></div>
                        <div class="selectize-dropdown single form-control select-document-type" style="display: none;">
                          <div class="selectize-dropdown-content"></div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-md-3">
                      <span class="localized-strings-documentnumber">Document number</span>
                      <span class="required" aria-required="true"> * </span>
                    </label>
                    <div class="col-md-4">
                      <input type="text" class="form-control document" value="" name="document-number-1" data-id-hue="1" data-index="0" aria-required="true" autocomplete="none">
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-md-3">
                      <span class="localized-strings-birthdate">Birthdate</span>
                      <span class="required" aria-required="true"> * </span>
                    </label>
                    <div class="col-md-4">
                      <div>
                        <div class="form-group col-md-4">
                          <select name="birth-date-days-1" data-suffix="1" data-index="0" tabindex="-1" class="selectized" aria-required="true" style="display: none;">
                            <option value="" selected="selected"></option>
                          </select>
                          <div class="selectize-control single">
                            <div class="selectize-input items not-full has-options"><input type="text" autocomplete="none" tabindex="" style="width: 4px;"></div>
                            <div class="selectize-dropdown single" style="display: none;">
                              <div class="selectize-dropdown-content"></div>
                            </div>
                          </div>
                          <small class="form-text text-muted"><span class="localized-strings-day">Day</span></small>
                        </div>
                        <div class="form-group col-md-4">
                          <select name="birth-date-months-1" data-suffix="1" data-index="0" tabindex="-1" class="selectized" aria-required="true" style="display: none;">
                            <option value="" selected="selected"></option>
                          </select>
                          <div class="selectize-control single">
                            <div class="selectize-input items not-full has-options"><input type="text" autocomplete="none" tabindex="" style="width: 4px;"></div>
                            <div class="selectize-dropdown single" style="display: none;">
                              <div class="selectize-dropdown-content"></div>
                            </div>
                          </div>
                          <small class="form-text text-muted"><span class="localized-strings-month">Month</span></small>
                        </div>
                        <div class="form-group col-md-4">
                          <select name="birth-date-years-1" data-suffix="1" data-index="0" tabindex="-1" class="selectized" aria-required="true" style="display: none;">
                            <option value="" selected="selected"></option>
                          </select>
                          <div class="selectize-control single">
                            <div class="selectize-input items not-full has-options"><input type="text" autocomplete="none" tabindex="" style="width: 4px;"></div>
                            <div class="selectize-dropdown single" style="display: none;">
                              <div class="selectize-dropdown-content"></div>
                            </div>
                          </div>
                          <small class="form-text text-muted"><span class="localized-strings-year">Year</span></small>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-md-3"> Gender <span class="required" aria-required="true"> * </span>
                    </label>
                    <div class="col-md-4">
                      <div class="radio-list">
                        <label>
                          <input type="radio" name="gender-1" value="M" data-title="Masculino" data-index="0" checked="">&nbsp;<span class="localized-strings-male">Male</span>
                        </label>
                        <label>
                          <input type="radio" name="gender-1" value="F" data-title="Femenino" data-index="0">&nbsp;<span class="localized-strings-female">Female</span>
                        </label>
                      </div>
                      <div id="form_gender_error"> </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-md-3">
                      <span class="localized-strings-expirationdate">Expiration date</span>
                      <span class="required" aria-required="true"> * </span>
                    </label>
                    <div class="col-md-4">
                      <div>
                        <div class="form-group col-md-4">
                          <select name="expiration-date-days-1" data-suffix="1" data-index="0" tabindex="-1" class="selectized" style="display: none;">
                            <option value="1" selected="selected">1</option>
                          </select>
                          <div class="selectize-control single">
                            <div class="selectize-input items has-options full has-items">
                              <div class="item" data-value="1">1</div><input type="text" autocomplete="none" tabindex="" style="width: 4px; opacity: 0; position: absolute; left: -10000px;">
                            </div>
                            <div class="selectize-dropdown single" style="display: none;">
                              <div class="selectize-dropdown-content">
                                <div class="option selected" data-selectable="" data-value="1">1</div>
                                <div class="option" data-selectable="" data-value="2">2</div>
                                <div class="option" data-selectable="" data-value="3">3</div>
                                <div class="option" data-selectable="" data-value="4">4</div>
                                <div class="option" data-selectable="" data-value="5">5</div>
                                <div class="option" data-selectable="" data-value="6">6</div>
                                <div class="option" data-selectable="" data-value="7">7</div>
                                <div class="option" data-selectable="" data-value="8">8</div>
                                <div class="option" data-selectable="" data-value="9">9</div>
                                <div class="option" data-selectable="" data-value="10">10</div>
                                <div class="option" data-selectable="" data-value="11">11</div>
                                <div class="option" data-selectable="" data-value="12">12</div>
                                <div class="option" data-selectable="" data-value="13">13</div>
                                <div class="option" data-selectable="" data-value="14">14</div>
                                <div class="option" data-selectable="" data-value="15">15</div>
                                <div class="option" data-selectable="" data-value="16">16</div>
                                <div class="option" data-selectable="" data-value="17">17</div>
                                <div class="option" data-selectable="" data-value="18">18</div>
                                <div class="option" data-selectable="" data-value="19">19</div>
                                <div class="option" data-selectable="" data-value="20">20</div>
                                <div class="option" data-selectable="" data-value="21">21</div>
                                <div class="option" data-selectable="" data-value="22">22</div>
                                <div class="option" data-selectable="" data-value="23">23</div>
                                <div class="option" data-selectable="" data-value="24">24</div>
                                <div class="option" data-selectable="" data-value="25">25</div>
                                <div class="option" data-selectable="" data-value="26">26</div>
                                <div class="option" data-selectable="" data-value="27">27</div>
                                <div class="option" data-selectable="" data-value="28">28</div>
                                <div class="option" data-selectable="" data-value="29">29</div>
                                <div class="option" data-selectable="" data-value="30">30</div>
                                <div class="option" data-selectable="" data-value="31">31</div>
                              </div>
                            </div>
                          </div>
                          <small class="form-text text-muted"><span class="localized-strings-day">Day</span></small>
                        </div>
                        <div class="form-group col-md-4">
                          <select name="expiration-date-months-1" data-suffix="1" data-index="0" tabindex="-1" class="selectized" style="display: none;">
                            <option value="1" selected="selected">January</option>
                          </select>
                          <div class="selectize-control single">
                            <div class="selectize-input items has-options full has-items">
                              <div class="item" data-value="1">January</div><input type="text" autocomplete="none" tabindex="" style="width: 4px; opacity: 0; position: absolute; left: -10000px;">
                            </div>
                            <div class="selectize-dropdown single" style="display: none;">
                              <div class="selectize-dropdown-content">
                                <div class="option selected" data-selectable="" data-value="1">January</div>
                                <div class="option" data-selectable="" data-value="2">February</div>
                                <div class="option" data-selectable="" data-value="3">March</div>
                                <div class="option" data-selectable="" data-value="4">April</div>
                                <div class="option" data-selectable="" data-value="5">May</div>
                                <div class="option" data-selectable="" data-value="6">June</div>
                                <div class="option" data-selectable="" data-value="7">July</div>
                                <div class="option" data-selectable="" data-value="8">August</div>
                                <div class="option" data-selectable="" data-value="9">September</div>
                                <div class="option" data-selectable="" data-value="10">October</div>
                                <div class="option" data-selectable="" data-value="11">November</div>
                                <div class="option" data-selectable="" data-value="12">December</div>
                              </div>
                            </div>
                          </div>
                          <small class="form-text text-muted"><span class="localized-strings-month">Month</span></small>
                        </div>
                        <div class="form-group col-md-4">
                          <select name="expiration-date-years-1" data-suffix="1" data-index="0" tabindex="-1" class="selectized" style="display: none;">
                            <option value="2024" selected="selected">2024</option>
                          </select>
                          <div class="selectize-control single">
                            <div class="selectize-input items has-options full has-items">
                              <div class="item" data-value="2024">2024</div><input type="text" autocomplete="none" tabindex="" style="width: 4px; opacity: 0; position: absolute; left: -10000px;">
                            </div>
                            <div class="selectize-dropdown single" style="display: none;">
                              <div class="selectize-dropdown-content">
                                <div class="option selected" data-selectable="" data-value="2024">2024</div>
                                <div class="option" data-selectable="" data-value="2025">2025</div>
                                <div class="option" data-selectable="" data-value="2026">2026</div>
                                <div class="option" data-selectable="" data-value="2027">2027</div>
                                <div class="option" data-selectable="" data-value="2028">2028</div>
                                <div class="option" data-selectable="" data-value="2029">2029</div>
                                <div class="option" data-selectable="" data-value="2030">2030</div>
                                <div class="option" data-selectable="" data-value="2031">2031</div>
                                <div class="option" data-selectable="" data-value="2032">2032</div>
                                <div class="option" data-selectable="" data-value="2033">2033</div>
                                <div class="option" data-selectable="" data-value="2034">2034</div>
                                <div class="option" data-selectable="" data-value="2035">2035</div>
                                <div class="option" data-selectable="" data-value="2036">2036</div>
                                <div class="option" data-selectable="" data-value="2037">2037</div>
                                <div class="option" data-selectable="" data-value="2038">2038</div>
                                <div class="option" data-selectable="" data-value="2039">2039</div>
                              </div>
                            </div>
                          </div>
                          <small class="form-text text-muted"><span class="localized-strings-year">Year</span></small>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group" id="front-images-input-1">
                    <label class="control-label col-md-3">
                      <span class="localized-strings-frontpartdocument">Fornt part of document</span>
                    </label>
                    <div class="col-md-4">
                      <div class="fileinput fileinput-new input-group" data-provides="fileinput">
                        <span class="input-group-addon btn btn-default btn-file">
                          <span class="fileinput-new" data-trigger="fileinput"><span class="localized-strings-selectfile">Select file</span></span>
                          <span class="fileinput-exists"><span class="localized-strings-change">Change</span></span>
                          <input type="file" class="imaged-picker" accept="image/jpeg" name="imgDDocu1" id="imgDDocu1" data-index="0">
                        </span>
                        <a href="#" class="input-group-addon btn btn-default fileinput-exists" data-dismiss="fileinput"><span class="localized-strings-remove">Remove</span></a>
                      </div>
                    </div>
                  </div>
                  <div class="form-group" id="back-images-input-1" style="display: none;">
                    <label class="control-label col-md-3">
                      <span class="localized-strings-backsidedocument">Back side of document</span>
                    </label>
                    <div class="col-md-4">
                      <div class="fileinput fileinput-new input-group" data-provides="fileinput">
                        <span class="input-group-addon btn btn-default btn-file">
                          <span class="fileinput-new" data-trigger="fileinput"><span class="localized-strings-selectfile">Select file</span></span>
                          <span class="fileinput-exists"><span class="localized-strings-change">Change</span></span>
                          <input type="file" class="imaget-picker" accept="image/jpeg" name="imgTDocu1" id="imgTDocu1" data-index="0">
                        </span>
                        <a href="#" class="input-group-addon btn btn-default fileinput-exists" data-dismiss="fileinput"><span class="localized-strings-remove">Remove</span></a>
                      </div>
                    </div>
                  </div>
                  <div class="form-group" id="document-images-1">
                    <label class="control-label col-md-3"><span class="localized-strings-documentimages">Document Images</span></label>
                    <div class="col-md-4">
                      <input type="hidden" name="face-image-guest-1" value="" data-index="0">
                      <input type="hidden" name="sign-image-guest-1" value="" data-index="0">
                      <input type="hidden" name="front-image-guest-1" value="" data-index="0" required="">
                      <input type="hidden" name="back-image-guest-1" value="" data-index="0">
                      <div class="col-md-12 col-no-padding">
                        <div class="col-md-12 margin-bottom-10">
                          <img src="http://www.placehold.it/240x120/EFEFEF/AAAAAA&amp;text=No+image" id="front-image-guest-1" data-index="0" class="img-responsive img-thumbnail">
                        </div>
                        <div class="col-md-12 margin-bottom-10">
                          <img src="http://www.placehold.it/240x120/EFEFEF/AAAAAA&amp;text=No+image" id="back-image-guest-1" data-index="0" class="img-responsive img-thumbnail" style="display: none;">
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <div class="col-md-offset-3 col-md-4 margin-top-20">
                      <div class="form-group" id="signature-guest-1">
                        <div class="col-md-12 margin-bottom-10">
                          <label><span class="localized-strings-signformcondition">We need your signature. Sign in the following box to validate the data.</span></label>
                        </div>
                        <div class="col-md-12 text-right">
                          <button type="button" class="btn btn-outline blue signature-sign" data-guest-id="1">
                            <i class="fa fa-pencil fa-fa"></i>&nbsp;&nbsp;<span class="localized-strings-signature">Signature</span>
                          </button>
                          <button type="button" class="btn btn-outline green signature-refresh" data-guest-id="1" style="display: none;">
                            <i class="fa fa-refresh fa-fa"></i>&nbsp;&nbsp;<span class="localized-strings-delete">Delete</span>
                          </button>
                        </div>
                        <div class="col-md-12 margin-top-10">
                          <input type="hidden" name="signature-image-1" data-index="0" required="">
                          <div class="signature-border" style="display: none;">
                            <img src="" style="width: 100%; min-width: 100%; height: auto;" id="signature-image-1" data-index="0">
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="panel panel-default">
            <div class="panel-heading" role="tab" id="heading_2">
              <h4 class="panel-title">
                <a class="accordion-toggle accordion-toggle-styled collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse_2" aria-expanded="false" aria-controls="collapse_2">
                                <div>
                                    
                                    <span class="localized-strings-children">Children</span>
                                </div>
                            </a>
              </h4>
            </div>
            <div id="collapse_2" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading_2">
              <div class="panel-body">
                <div id="guest-panel-content-2" class="guest-panel-content">
                  <h4 class="margin-bottom-30"><span class="localized-strings-infominor">Enter the child's information</span></h4>
                  <div class="form-group">
                    <label class="control-label col-md-3">
                      <span class="localized-strings-name">Name</span>
                      <span class="required" aria-required="true"> * </span>
                    </label>
                    <div class="col-md-4">
                      <input type="text" class="form-control" value="" required="" name="first-name-2" data-index="1" autocomplete="none">
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-md-3">
                      <span class="localized-strings-surnames">Surnames</span>
                      <span class="required" aria-required="true"> * </span>
                    </label>
                    <div class="col-md-4">
                      <input type="text" class="form-control" value="" required="" name="last-name-2" data-index="1" autocomplete="none">
                      <span class="help-block"><span class="localized-strings-surnamesinfo">Please report both surnames</span></span>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-md-3">
                      <span class="localized-strings-birthdate">Birthdate</span>
                      <span class="required" aria-required="true"> * </span>
                    </label>
                    <div class="col-md-4">
                      <div>
                        <div class="form-group col-md-4">
                          <select name="birth-date-days-2" data-suffix="2" data-index="1" tabindex="-1" class="selectized" aria-required="true" style="display: none;">
                            <option value="" selected="selected"></option>
                          </select>
                          <div class="selectize-control single">
                            <div class="selectize-input items not-full has-options"><input type="text" autocomplete="none" tabindex="" style="width: 4px;"></div>
                            <div class="selectize-dropdown single" style="display: none;">
                              <div class="selectize-dropdown-content"></div>
                            </div>
                          </div>
                          <small class="form-text text-muted"><span class="localized-strings-day">Day</span></small>
                        </div>
                        <div class="form-group col-md-4">
                          <select name="birth-date-months-2" data-suffix="2" data-index="1" tabindex="-1" class="selectized" aria-required="true" style="display: none;">
                            <option value="" selected="selected"></option>
                          </select>
                          <div class="selectize-control single">
                            <div class="selectize-input items not-full has-options"><input type="text" autocomplete="none" tabindex="" style="width: 4px;"></div>
                            <div class="selectize-dropdown single" style="display: none;">
                              <div class="selectize-dropdown-content"></div>
                            </div>
                          </div>
                          <small class="form-text text-muted"><span class="localized-strings-month">Month</span></small>
                        </div>
                        <div class="form-group col-md-4">
                          <select name="birth-date-years-2" data-suffix="2" data-index="1" tabindex="-1" class="selectized" aria-required="true" style="display: none;">
                            <option value="" selected="selected"></option>
                          </select>
                          <div class="selectize-control single">
                            <div class="selectize-input items not-full has-options"><input type="text" autocomplete="none" tabindex="" style="width: 4px;"></div>
                            <div class="selectize-dropdown single" style="display: none;">
                              <div class="selectize-dropdown-content"></div>
                            </div>
                          </div>
                          <small class="form-text text-muted"><span class="localized-strings-year">Year</span></small>
                        </div>
                        <div class="form-group col-md-12" id="edad-maxima-superada-2" style="display:none">
                          <span class="help-block"><span class="localized-strings-edadmenorsuperada" style="color:red">As per our accommodation policies, the minimum age for children accompanying their parents exceeds the age entered on the form.
                              Please contact the hotel for more information</span></span>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-md-3">
                      <span class="localized-strings-documentrepre">Representative document</span>
                      <span class="required" aria-required="true"> * </span>
                    </label>
                    <div class="col-md-4">
                      <select type="text" class="form-control selectized" value="" name="documentrepre-2" data-index="1" tabindex="-1" aria-required="true" style="display: none;">
                        <option value="" selected="selected"></option>
                      </select>
                      <div class="selectize-control form-control single">
                        <div class="selectize-input items not-full"><input type="text" autocomplete="none" tabindex="" style="width: 4px;"></div>
                        <div class="selectize-dropdown single form-control" style="display: none;">
                          <div class="selectize-dropdown-content"></div>
                        </div>
                      </div>
                      <span class="help-block"><span class="localized-strings-documentrepreinfo">Indicate the identity document of the legal representative</span></span>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-md-3">
                      <span class="class=" localized-strings-relationship"="">Relationship</span>
                      <span class="required" aria-required="true"> * </span>
                    </label>
                    <div class="col-md-4">
                      <div class="radio-list">
                        <label>
                          <input type="radio" name="relationship-2" value="mp" data-title="Madre/Padre" data-index="1" checked="">&nbsp;<span class="localized-strings-motherfather">Mother/Father</span>
                        </label>
                        <label>
                          <input type="radio" name="relationship-2" value="f" data-title="Familiar" data-index="1">&nbsp;<span class="localized-strings-familiar">Familiar</span>
                        </label>
                        <label>
                          <input type="radio" name="relationship-2" value="t" data-title="Tutor" data-index="1">&nbsp;<span class="localized-strings-tutor">Tutor</span>
                        </label>
                      </div>
                      <div id="form_relantion_error"> </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="panel panel-default">
            <div class="panel-heading" role="tab" id="heading_3">
              <h4 class="panel-title">
                <a class="accordion-toggle accordion-toggle-styled collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse_3" aria-expanded="false" aria-controls="collapse_3">
                                <div>
                                    
                                    <span class="localized-strings-children">Children</span>
                                </div>
                            </a>
              </h4>
            </div>
            <div id="collapse_3" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading_3">
              <div class="panel-body">
                <div id="guest-panel-content-3" class="guest-panel-content">
                  <h4 class="margin-bottom-30"><span class="localized-strings-infominor">Enter the child's information</span></h4>
                  <div class="form-group">
                    <label class="control-label col-md-3">
                      <span class="localized-strings-name">Name</span>
                      <span class="required" aria-required="true"> * </span>
                    </label>
                    <div class="col-md-4">
                      <input type="text" class="form-control" value="" required="" name="first-name-3" data-index="2" autocomplete="none">
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-md-3">
                      <span class="localized-strings-surnames">Surnames</span>
                      <span class="required" aria-required="true"> * </span>
                    </label>
                    <div class="col-md-4">
                      <input type="text" class="form-control" value="" required="" name="last-name-3" data-index="2" autocomplete="none">
                      <span class="help-block"><span class="localized-strings-surnamesinfo">Please report both surnames</span></span>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-md-3">
                      <span class="localized-strings-birthdate">Birthdate</span>
                      <span class="required" aria-required="true"> * </span>
                    </label>
                    <div class="col-md-4">
                      <div>
                        <div class="form-group col-md-4">
                          <select name="birth-date-days-3" data-suffix="3" data-index="2" tabindex="-1" class="selectized" aria-required="true" style="display: none;">
                            <option value="" selected="selected"></option>
                          </select>
                          <div class="selectize-control single">
                            <div class="selectize-input items not-full has-options"><input type="text" autocomplete="none" tabindex="" style="width: 4px;"></div>
                            <div class="selectize-dropdown single" style="display: none;">
                              <div class="selectize-dropdown-content"></div>
                            </div>
                          </div>
                          <small class="form-text text-muted"><span class="localized-strings-day">Day</span></small>
                        </div>
                        <div class="form-group col-md-4">
                          <select name="birth-date-months-3" data-suffix="3" data-index="2" tabindex="-1" class="selectized" aria-required="true" style="display: none;">
                            <option value="" selected="selected"></option>
                          </select>
                          <div class="selectize-control single">
                            <div class="selectize-input items not-full has-options"><input type="text" autocomplete="none" tabindex="" style="width: 4px;"></div>
                            <div class="selectize-dropdown single" style="display: none;">
                              <div class="selectize-dropdown-content"></div>
                            </div>
                          </div>
                          <small class="form-text text-muted"><span class="localized-strings-month">Month</span></small>
                        </div>
                        <div class="form-group col-md-4">
                          <select name="birth-date-years-3" data-suffix="3" data-index="2" tabindex="-1" class="selectized" aria-required="true" style="display: none;">
                            <option value="" selected="selected"></option>
                          </select>
                          <div class="selectize-control single">
                            <div class="selectize-input items not-full has-options"><input type="text" autocomplete="none" tabindex="" style="width: 4px;"></div>
                            <div class="selectize-dropdown single" style="display: none;">
                              <div class="selectize-dropdown-content"></div>
                            </div>
                          </div>
                          <small class="form-text text-muted"><span class="localized-strings-year">Year</span></small>
                        </div>
                        <div class="form-group col-md-12" id="edad-maxima-superada-3" style="display:none">
                          <span class="help-block"><span class="localized-strings-edadmenorsuperada" style="color:red">As per our accommodation policies, the minimum age for children accompanying their parents exceeds the age entered on the form.
                              Please contact the hotel for more information</span></span>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-md-3">
                      <span class="localized-strings-documentrepre">Representative document</span>
                      <span class="required" aria-required="true"> * </span>
                    </label>
                    <div class="col-md-4">
                      <select type="text" class="form-control selectized" value="" name="documentrepre-3" data-index="2" tabindex="-1" aria-required="true" style="display: none;">
                        <option value="" selected="selected"></option>
                      </select>
                      <div class="selectize-control form-control single">
                        <div class="selectize-input items not-full"><input type="text" autocomplete="none" tabindex="" style="width: 4px;"></div>
                        <div class="selectize-dropdown single form-control" style="display: none;">
                          <div class="selectize-dropdown-content"></div>
                        </div>
                      </div>
                      <span class="help-block"><span class="localized-strings-documentrepreinfo">Indicate the identity document of the legal representative</span></span>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="control-label col-md-3">
                      <span class="class=" localized-strings-relationship"="">Relationship</span>
                      <span class="required" aria-required="true"> * </span>
                    </label>
                    <div class="col-md-4">
                      <div class="radio-list">
                        <label>
                          <input type="radio" name="relationship-3" value="mp" data-title="Madre/Padre" data-index="2" checked="">&nbsp;<span class="localized-strings-motherfather">Mother/Father</span>
                        </label>
                        <label>
                          <input type="radio" name="relationship-3" value="f" data-title="Familiar" data-index="2">&nbsp;<span class="localized-strings-familiar">Familiar</span>
                        </label>
                        <label>
                          <input type="radio" name="relationship-3" value="t" data-title="Tutor" data-index="2">&nbsp;<span class="localized-strings-tutor">Tutor</span>
                        </label>
                      </div>
                      <div id="form_relantion_error"> </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST #

<form class="form-horizontal" action="#" id="submit_form5" method="POST" novalidate="novalidate" autocomplete="none">
  <div class="portlet-body" id="resumen-wrapper">
    <h4 class="form-section localized-strings-booking">Booking</h4>
  </div>
</form>

POST /PreCheckin/checkWizard/Index

<form action="/PreCheckin/checkWizard/Index" class="form-horizontal" id="ocr-guest-form" method="post" autocomplete="none"><input name="__RequestVerificationToken" type="hidden"
    value="mMsd4B5A7CGtgX3lMQKxyCjTeVfKgUvrlJYwfl9UZ1FgfeHA3pkJ3DASoXDIwmZz0JepK_8TKC7n8I1DiP8GKfvygrrgFmRJ0C_nWUD338E1">
  <div class="form-actions top">
    <div class="row">
      <div class="col-md-12 text-center">
        <button type="button" class="btn green" id="btn-process-image" style="display: none;"><span class="localized-strings-process">Process</span></button>
        <button type="button" class="btn default" data-dismiss="modal"><span class="localized-strings-cancel">Cancel</span></button>
      </div>
    </div>
  </div>
  <div id="ocr-guest" class="form-body" style="padding: 0px 20px;">
    <div class="new-template">
      <div id="ocr-panel-option">
        <div class="form-group">
          <label class="col-md-3 control-label"><span class="localized-strings-selectregion">Select Region</span></label>
          <div class="col-md-7">
            <div class="input-group col-md-12 col-xs-12 col-sm-12 col-lg-12">
              <select id="region-select">
                <option value="0">USA</option>
                <option value="1">Canada</option>
                <option value="3" selected="">Europe</option>
                <option value="4">Australia</option>
                <option value="2">South America</option>
                <option value="5">Asia</option>
                <option value="7">Africa</option>
                <option value="6">General Docs</option>
              </select>
            </div>
          </div>
        </div>
        <div class="form-group">
          <label class="col-md-3 control-label"><span class="localized-strings-selectanoption">Please, select an option:</span></label>
          <div class="col-md-7 col-no-padding">
            <div class="col-md-6">
              <div class="option-box-sm" data-option="id-card" data-guest-id="">
                <div class="option-title">
                  <p><span class="localized-strings-idcard">ID Card</span></p>
                  <p class="small"><span class="localized-strings-idcarddesc">ID Card, Driver License and other two-sided documents</span></p>
                </div>
                <div class="option-confirm">
                  <i class="fa fa-check"></i>
                </div>
              </div>
            </div>
            <div class="col-md-6">
              <div class="option-box-sm" data-option="passport" data-guest-id="">
                <div class="option-title">
                  <p><span class="localized-strings-passport">Passport</span></p>
                  <p class="small">-</p>
                </div>
                <div class="option-confirm">
                  <i class="fa fa-check"></i>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="form-group" style="display: none;">
          <div class="col-md-6 col-md-offset-3 text-right">
            <a href="javascript:;" class="btn btn-outline green btn-next"><span class="localized-strings-next">Next</span></a>
          </div>
        </div>
      </div>
      <div id="ocr-panel-content" style="display: none;">
        <div class="form-group" id="option-source">
          <label class="col-md-3 control-label text-center"><span class="localized-strings-uploadtakepicture">Upload file or take a picture</span></label>
          <div class="col-md-3 text-center">
            <div class="col-md-12 input-group">
              <input type="checkbox" id="chkImageSource" checked="" class="switch-large" data-label-icon="icon-fullscreen" data-on-label="<i class='icon-picture'></i>" data-off-label="<i class='icon-camera'></i>">
            </div>
          </div>
        </div>
        <div id="ocr-panel-wrapper"></div>
        <div id="loading" style="text-align: center;"></div>
        <div id="errorDiv" style="text-align: center; color: red;"></div>
      </div>
    </div>
    <script id="passport-template" type="text/x-handlebars-template"> <div id="container-webcam" style="display: none">
        <div class="col-xs-6 col-sm-6 col-lg-6">
            <video id="webcam" style="width: 100%;" class="thumbnail" autoplay></video>
            <strong>Webcam View</strong>&nbsp;<i id="help-icon" class="icon-info" rel="tooltip" title="Click webcam area to capture."></i>
        </div>
        <div class="col-xs-6 col-sm-6 col-lg-6">
            <canvas id="selected-canvas" style="width: 100%;" class="thumbnail"></canvas>
            <!--The blank canvas will store the captured image to keep the image resolution. -->
            <canvas id="blank-canvas" style="width: 100%; display: none;"></canvas>
            <strong><span class="localized-strings-imagecaptured">Image Captured</span></strong>
        </div>
    </div>
    <div id="container-camera" class="text-center">
        <div id="fileupload-container" class="fileupload fileupload-new" data-provides="fileupload">
            <div class="fileupload-new thumbnail">
                <img class="img-responsive" id="placehold-image" style="width: 100%;" src="{{DefaultFolder}}/Content/lib/ocr-acuant/Images/TapHere.gif" />
            </div>
            <div id="image-thumbnail" class="fileupload-preview fileupload-exists thumbnail">
            </div>
            <div>
                <span class="btn btn-file btn-link btn-sm">
                    <input id="input-image" type="file" capture="camera" name="passportImage" />
                </span>
                <a id="remove-button" href="#" class="btn btn-sm fileupload-exists" data-dismiss="fileupload" style="display: none"><span class="localized-strings-remove">Remove</span></a>
            </div>
        </div>
    </div>

</script>
    <script id="idcard-template" type="text/x-handlebars-template"> <div id="container-webcam" style="display: none">
        <div class="panel panel-default">
            <div class="panel-heading">
                <strong>Webcam View</strong>&nbsp;<i id="help-icon" class="icon-info" rel="tooltip" title="Click webcam area to capture."></i>
            </div>
            <div class="panel-body">
                <div class="container-video">
                    <video id="webcam" style="width: 100%;" class="thumbnail" autoplay></video>
                </div>
                <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                        <div class="btn-group" data-toggle="buttons">
                            <label class="btn btn-primary">
                                <input type="radio" name="options" id="rdoFront" />
                                 <span class="localized-strings-frontimage">Front Image</span>
                            </label>
                            <label class="btn btn-primary">
                                <input type="radio" name="options" id="rdoBack" />
                                <span class="localized-strings-backimage">Back Image</span>
                            </label>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="panel panel-default">
            <div class="panel-heading">
                <strong><span class="localized-strings-imagecaptured">Image Captured</span></strong>
            </div>
            <div class="panel-body">
                <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                    <canvas id="selected-canvas-front" style="width: 100%;" class="thumbnail"></canvas>
                    <canvas id="blank-canvas-front" style="width: 100%; display: none;"></canvas>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                    <canvas id="selected-canvas-back" style="width: 100%;" class="thumbnail"></canvas>
                    <canvas id="blank-canvas-back" style="width: 100%; display: none;"></canvas>
                </div>
            </div>
        </div>
    </div>
    <div id="container-camera" class="text-center">
        <div class="row">
            <div class="col-xs-12 col-sm-6 col-lg-6">
                <div id="fileupload-container-front" class="fileupload fileupload-new" data-provides="fileupload">
                    <div class="fileupload-new thumbnail">
                        <img class="img-responsive" style="width: 100%;" id="placehold-image-front" src="{{DefaultFolder}}/Content/lib/ocr-acuant/Images/TapFront.gif" />
                    </div>
                    <div id="image-thumbnail-front" style="max-width: 100%;" class="fileupload-preview fileupload-exists thumbnail"></div>
                    <div>
                        <span class="btn btn-file btn-link btn-sm">
                            <!--<span class="fileupload-new">Select image</span>-->
                            <!--<span class="fileupload-exists btn-sm">Change</span>-->
                            <input id="input-image-front" type="file" capture="camera" name="driversLicenseImageFront" />
                        </span>
                        <a id="remove-button-front" href="#" class="btn btn-sm fileupload-exists" data-dismiss="fileupload" style="display: none">Remove</a>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-sm-6 col-lg-6">
                <div id="fileupload-container-back" class="fileupload fileupload-new" data-provides="fileupload">
                    <div class="fileupload-new thumbnail">
                        <img class="img-responsive" style="width: 100%;" id="placehold-image-back" src="{{DefaultFolder}}/Content/lib/ocr-acuant/Images/TapBackRequired.gif" />
                    </div>
                    <div id="image-thumbnail-back"  style="max-width: 100%;" class="fileupload-preview fileupload-exists thumbnail"></div>
                    <div>
                        <span class="btn btn-file btn-link btn-sm">
                            <!--<span class="fileupload-new">Select image</span>-->
                            <!--<span class="fileupload-exists btn-sm">Change</span>-->
                            <input id="input-image-back" type="file" capture="camera" name="driversLicenseImageBack" />
                        </span>
                        <a id="remove-button-back" href="#" class="btn btn-sm fileupload-exists" data-dismiss="fileupload" style="display: none">Remove</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

</script>
    <!-- Modal -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> × </button>
            <h4 class="modal-title">
              <span class="localized-strings-imagecaptured">Image Captured</span>
            </h4>
          </div>
          <div class="modal-body">
            <canvas id="captured-canvas" class="img-responsive"></canvas>
          </div>
          <div class="modal-footer">
            <button type="btn-retake" class="btn btn-default" data-dismiss="modal"> Retake </button>
            <button id="btn-use-image" type="button" class="btn btn-primary">
              <span class="localized-strings-useimage">Use Image</span>
            </button>
          </div>
        </div>
        <!-- /.modal-content -->
      </div>
      <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->
  </div>
</form>

POST /PreCheckin/checkWizard/Index

<form action="/PreCheckin/checkWizard/Index" class="form-horizontal" id="ocr-guest-form2" method="post" autocomplete="none"><input name="__RequestVerificationToken" type="hidden"
    value="VcxrkB4UZlKfuuoRVFvs7Y7tZgRhsqLYFgWePPYQGzS7kqtPZZOyh9FKJRG-KmHgT_Qj-WtqsLEOb_p6XeQ5e4z6WAKuQdNnU0bonmyJKks1">
  <div class="form-actions top">
    <div class="row">
      <div class="col-md-12 text-center">
        <button type="button" class="btn green btn-process-image2" id="btn-process-image2" style="display: none;"><span class="localized-strings-process">Process</span></button>
        <button type="button" class="btn default" data-dismiss="modal"><span class="localized-strings-cancel">Cancel</span></button>
      </div>
    </div>
  </div>
  <div id="ocr-guest" class="form-body" style="padding: 0px 20px;">
    <div class="new-template">
      <div id="ocr-panel-option2">
        <div class="form-group">
          <label class="col-md-3 control-label"><span class="localized-strings-selectanoption">Please, select an option:</span></label>
          <div class="col-md-7 col-no-padding">
            <div class="col-md-6">
              <div class="option-box-sm" data-option="id-card" data-guest-id="">
                <div class="option-title">
                  <p><span class="localized-strings-idcard">ID Card</span></p>
                  <p class="small"><span class="localized-strings-idcarddesc">ID Card, Driver License and other two-sided documents</span></p>
                </div>
                <div class="option-confirm">
                  <i class="fa fa-check"></i>
                </div>
              </div>
            </div>
            <div class="col-md-6">
              <div class="option-box-sm" data-option="passport" data-guest-id="">
                <div class="option-title">
                  <p><span class="localized-strings-passport">Passport</span></p>
                  <p class="small">-</p>
                </div>
                <div class="option-confirm">
                  <i class="fa fa-check"></i>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="form-group" style="display: none;">
          <div class="col-md-6 col-md-offset-3 text-right">
            <a href="javascript:;" class="btn btn-outline green btn-next"><span class="localized-strings-next">Next</span></a>
          </div>
        </div>
      </div>
      <div id="ocr-panel-content2" style="display: none;">
        <div class="form-group" id="option-source2">
          <label class="col-md-3 control-label text-center"><span class="localized-strings-uploadtakepicture">Upload file or take a picture</span></label>
          <div class="col-md-3 text-center">
            <div class="col-md-12 input-group">
              <input type="checkbox" id="chkImageSource2" checked="" class="switch-large" data-label-icon="icon-fullscreen" data-on-label="<i class='icon-picture'></i>" data-off-label="<i class='icon-camera'></i>">
            </div>
          </div>
        </div>
        <div id="ocr-panel-wrapper2"></div>
        <div id="loading2" style="text-align: center;"></div>
      </div>
    </div>
    <script id="passport-template2" type="text/x-handlebars-template"> <div id="container-webcam2" style="display: none">
            <div class="col-xs-6 col-sm-6 col-lg-6">
                <video id="webcam2" style="width: 100%;" class="thumbnail" autoplay></video>
                <strong>Webcam View</strong>&nbsp;<i id="help-icon2" class="icon-info" rel="tooltip" title="Click webcam area to capture."></i>
            </div>
            <div class="col-xs-6 col-sm-6 col-lg-6">
                <canvas id="selected-canvas2" style="width: 100%;" class="thumbnail"></canvas>
                <!--The blank canvas will store the captured image to keep the image resolution. -->
                <canvas id="blank-canvas2" style="width: 100%; display: none;"></canvas>
                <strong><span class="localized-strings-imagecaptured">Image Captured</span></strong>
            </div>
        </div>
        <div id="container-camera2" class="text-center">
            <div class="row back" style="padding-bottom: 15px; margin-right: 0px !important">
                <div class="col-md-6">
                    <div class="form-group">
                        <label><span class="localized-strings-ocrpassportdocument">Photograph the document.</span></label>
                        <div class="col-md-12 col-no-padding">
                            <div class="col-md-12 margin-bottom-10">
                                <img src="{{DefaultFolder}}/Content/images/Models/pasaporte.jpg" class="sample" id="file-image-model-pass" />
                            </div>
                        </div>
                    </div>
                    <div class="btn-group-vertical">
                        <button id="cam-button-pass" type="button" class="btn btn-info"><span class="localized-strings-ocbbuttonwebcam">Take a picture with the webcam</span></button>
                        <button id="file-button-pass" type="button" class="btn btn-info"><span class="localized-strings-ocbbuttonfile">Upload file</span></button>
                        <input id="file-input-pass" type="file" capture="camera" accept="image/jpeg" name="passportImage" class="hidden" />
                        
                    </div>
                </div>
                <div class="col-md-6 cam-div-back hidden">
                    <div class="form-group">
                        <label for="video-source-pass"><span class="localized-strings-ocrwebcaminstructions">Choose the camera and frame the document in the box as best you can so that it takes up as much of the box as possible</span></label>
                        <select id="video-source-pass" class="form-control"></select>
                    </div>
                    <div class="form-group">
                        <video id="video-pass" playsinline autoplay class="hidden"></video>
                        <canvas id="frame-pass" class="hidden" style="width: 100%; height: auto;"></canvas>
                        <canvas id="canvas-pass" style="width: 100%; height: auto;"></canvas>
                    </div>
                    <div class="form-group">
                        <button id="capture-pass" type="button" class="btn btn-primary"><span class="localized-strings-ocrdosnapshot">Capture the image</span></button>
                    </div>
                </div>
                <div class="col-md-6 snapshot-div-back hidden">
                    <label for="snapshot-pass"><span class="localized-strings-ocrpassport">Your passport.</span></label>
                    <canvas id="snapshot-pass" style="width: 100%; height: auto;"></canvas>
                </div>
                <div class="col-md-6 file-div-back hidden">
                    <label for="file-image-pass" style="width: 100%; height: auto;"><span class="localized-strings-ocrpassport">Your passport.</span></label>
                    <img id="file-image-pass" src="#" class="img-responsive" style="max-height: 250px !important;" />
                </div>
            </div>
            
        </div>

    </script>
    <script id="idcard-template2" type="text/x-handlebars-template"> <div id="container-webcam2" style="display: none">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <strong>Webcam View</strong>&nbsp;<i id="help-icon22" class="icon-info" rel="tooltip" title="Click webcam area to capture."></i>
                </div>
                <div class="panel-body">
                    <div class="col-md-12">
                        <div>
                            <select id="video-source_old"></select>
                        </div>
                        Escoja la camara a utilizar.
                    </div>
                    <div class="col-md-12">
                        Encuadre el documento con el recuadro de la imagen
                    </div>
                    <div class="container-video">
                        <canvas id="canvas_old" style="width: 100%;" class="thumbnail"></canvas>
                        <video id="webcam2" style="width: 100%;" class="thumbnail hidden" autoplay></video>
                        <canvas id="frame" class="hidden"></canvas>

                    </div>
                    <div class="row" class="hidden" style="display: none">
                        <div class="col-md-6">
                            <canvas id="snapshot_old"></canvas>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                            <div class="btn-group" data-toggle="buttons">
                                <label class="btn btn-primary">
                                    <input type="radio" name="options" id="rdoFront2" />
                                    <span class="localized-strings-frontimage">Front Image</span>
                                </label>
                                <label class="btn btn-primary">
                                    <input type="radio" name="options" id="rdoBack2" />
                                    <span class="localized-strings-backimage">Back Image</span>
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <strong><span class="localized-strings-imagecaptured">Image Captured</span></strong>
                </div>
                <div class="panel-body">
                    <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                        <canvas id="selected-canvas-front2" style="width: 100%;" class="thumbnail"></canvas>
                        <canvas id="blank-canvas-front2" style="width: 100%; display: none;"></canvas>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                        <canvas id="selected-canvas-back2" style="width: 100%;" class="thumbnail"></canvas>
                        <canvas id="blank-canvas-back2" style="width: 100%; display: none;"></canvas>
                    </div>
                </div>
            </div>
        </div>
        <div id="container-camera2" class="text-center">
            
            <div class="row front">
                <div class="col-md-6">
                    <div class="form-group">
                        <label><span class="localized-strings-ocrfrontdocument">Front of the document (the one with the photograph)</span></label>
                        <div class="col-md-12 col-no-padding">
                            <div class="col-md-12 margin-bottom-10">
                                <img src="{{DefaultFolder}}/Content/images/Models/delante.jpg" class="sample img-responsive" style="max-height: 250px !important;" id="file-image-model" />
                            </div>
                        </div>
                    </div>
                    <div class="btn-group-vertical">
                        <button id="cam-button" type="button" class="btn btn-info"><span class="localized-strings-ocbbuttonwebcam">Take a picture with the webcam</span></button>
                        
                        
                        <button id="file-button" type="button" class="btn btn-info"><span class="localized-strings-ocbbuttonfile">Upload file</span></button>
                        <input id="file-input" type="file" capture="camera" accept="image/jpeg" name="driversLicenseImageFront" class="hidden" />
                        
                    </div>
                </div>
                <div class="col-md-6 cam-div hidden">
                    <div class="form-group">
                        <label for="video-source"><span class="localized-strings-ocrwebcaminstructions">Choose the camera and frame the document in the box as best you can so that it takes up as much of the box as possible</span></label>
                        <select id="video-source" class="form-control"></select>
                    </div>
                    <div class="form-group">
                        <video id="video" playsinline autoplay class="hidden"></video>
                        <canvas id="frame" class="hidden" style="width: 100%; height: auto;"></canvas>
                        <canvas id="canvas" style="width: 100%; height: auto;"></canvas>
                    </div>
                    <div class="form-group">
                        <button id="capture" type="button" class="btn btn-primary"><span class="localized-strings-ocrdosnapshot">Capture the image</span></button>
                    </div>
                </div>
                <div class="col-md-6 snapshot-div hidden">
                    <label for="snapshot"><span class="localized-strings-ocrobverse">Obverse</span></label>
                    <canvas id="snapshot" style="width: 100%; height: auto;"></canvas>
                </div>
                <div class="col-md-6 file-div hidden">
                <div class="col-md-6 file-div">
                    <label for="file-image" style="max-height: 250px !important;"><span class="localized-strings-ocrobverse">Obverse</span></label>
                    <img id="file-image" src="#" class="img-responsive" style="max-height: 250px !important;" />
                </div>
            </div>
            <div class="row back" style="padding-bottom: 15px; margin-right: 0px !important">
                <div class="col-md-6">
                    <div class="form-group">
                        <label><span class="localized-strings-ocrbackdocument">Back of the document (the one without the photograph)</span></label>
                        <div class="col-md-12 col-no-padding">
                            <div class="col-md-12 margin-bottom-10">
                                <img src="{{DefaultFolder}}/Content/images/Models/detras.jpg" class="sample img-responsive" style="max-height: 250px !important;" id="file-image-model-back" />
                            </div>
                        </div>                        
                    </div>
                    <div class="btn-group-vertical">
                        <button id="cam-button-back" type="button" class="btn btn-info"><span class="localized-strings-ocbbuttonwebcam">Take a picture with the webcam</span></button>
                        
                        
                        <button id="file-button-back" type="button" class="btn btn-info"><span class="localized-strings-ocbbuttonfile">Upload file</span></button>
                        <input id="file-input-back" type="file" capture="camera" accept="image/jpeg" name="driversLicenseImageBack" class="hidden" />
                        
                    </div>
                </div>
                <div class="col-md-6 cam-div-back hidden">
                    <div class="form-group">
                        <label for="video-source-back"><span class="localized-strings-ocrwebcaminstructions">Choose the camera and frame the document in the box as best you can so that it takes up as much of the box as possible</span></label>
                        <select id="video-source-back" class="form-control"></select>
                    </div>
                    <div class="form-group">
                        <video id="video-back" playsinline autoplay class="hidden"></video>
                        <canvas id="frame-back" class="hidden" style="width: 100%; height: auto;"></canvas>
                        <canvas id="canvas-back" style="width: 100%; height: auto;"></canvas>
                    </div>
                    <div class="form-group">
                        <button id="capture-back" type="button" class="btn btn-primary"><span class="localized-strings-ocrdosnapshot">Capture the image</span></button>
                    </div>
                </div>
                <div class="col-md-6 snapshot-div-back hidden">
                    <label for="snapshot-back"><span class="localized-strings-ocrback">Back</span></label>
                    <canvas id="snapshot-back" style="width: 100%; height: auto;"></canvas>
                </div>
                <div class="col-md-6 file-div-back hidden">
                    <label for="file-image-back" style="width: 100%; height: auto;"><span class="localized-strings-ocrback">Back</span></label>
                    <img id="file-image-back" src="#" class="img-responsive" style="max-height: 250px !important;" />
                </div>
            </div>
        </div>

    </script>
    <!-- Modal -->
    <div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> × </button>
            <h4 class="modal-title">
              <span class="localized-strings-imagecaptured">Image Captured</span>
            </h4>
          </div>
          <div class="modal-body">
            <canvas id="captured-canvas2" class="img-responsive"></canvas>
          </div>
          <div class="modal-footer">
            <button type="btn-retake" class="btn btn-default" data-dismiss="modal"> Retake </button>
            <button id="btn-use-image2" type="button" class="btn btn-primary">
              <span class="localized-strings-useimage">Use Image</span>
            </button>
          </div>
        </div>
        <!-- /.modal-content -->
      </div>
      <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->
  </div>
  <div class="form-actions bottom">
    <div class="row">
      <div class="col-md-12 text-center">
        <button type="button" class="btn green btn-process-image2" id="btn-process-image2" style="display: none;"><span class="localized-strings-process">Process</span></button>
        <button type="button" class="btn default" data-dismiss="modal"><span class="localized-strings-cancel">Cancel</span></button>
      </div>
    </div>
  </div>
</form>

POST /PreCheckin/checkWizard/Index

<form action="/PreCheckin/checkWizard/Index" class="form-horizontal" id="signature-form" method="post" autocomplete="none"><input name="__RequestVerificationToken" type="hidden"
    value="ctB0d2X6l92bI-7VWgtdAV0rgoD-ugMD3p55va1269CCOL8Dev6Kzx8iXqxbhznDNRIpNcMmB_XACEyBjenU7qMsI2QNvuq6tRJFRAlp9Ic1">
  <div id="signature-wrapper" class="form-body">
  </div>
  <div class="form-actions fluid">
    <div class="row">
      <div class="col-md-offset-3 col-md-9">
        <button type="submit" class="btn green"><span class="localized-strings-confirm">Confirm</span></button>
        <button type="button" class="btn default" data-dismiss="modal"><span class="localized-strings-cancel">Cancel</span></button>
      </div>
    </div>
  </div>
</form>

POST /PreCheckin/checkWizard/Index

<form action="/PreCheckin/checkWizard/Index" class="form-horizontal" id="upgrade-form" method="post" autocomplete="none"><input name="__RequestVerificationToken" type="hidden"
    value="1bN2nMhxIIY3w7W33ieS9S-9wsWl25mNRmksmwzv6qcL0vJqo9QgPC1GqKd9O1Man5fbTH1sqDz-Y1Xe5ymwsUJM0mtL9tmNKinL78UnNbY1">
  <div id="upgrade-wrapper" class="form-body">
  </div>
  <div class="form-actions fluid">
    <div class="row">
      <div class="col-md-offset-3 col-md-9">
        <button type="submit" class="btn green"><span class="localized-strings-confirm">Confirm</span></button>
        <button type="button" class="btn default" data-dismiss="modal"><span class="localized-strings-cancel">Cancel</span></button>
      </div>
    </div>
  </div>
</form>

Text Content

JAUME I



JAUME I

Pre Check-In - Step 3 of 5
English
English
English
Spanish
Catalan
French
German
Italian
Portuguese
Russian
 * 1  Search
 * 2  Room
 * 3  Guests
 * 4  Review
 * 5  Confirmation


Language *
English
English
English
Spanish
Catalan
French
German
Italian
Portuguese
Russian
Locator/Reservation number *

Checkin date *

Email


SELECT THE ROOM IN WHICH YOU WANT TO PRE CHECK-IN



PLEASE, FILL IN THE INFORMATION OF THE GUESTS

BEN LUKE

HELLO BEN LUKE. IF YOU HAVE EVER BEEN A CUSTOMER WITH US, PLEASE FILL IN YOUR
DETAILS:

Document type *

Document number *

  Search I have never been a customer

HELLO BEN LUKE , WE ARE GOING TO PROCEED TO INTRODUCE YOUR DATA. FOR THIS WE
NEED A PHOTO OF YOUR IDENTITY DOCUMENT / PASSPORT. CHOOSE AN OPTION: OR SKIP
THIS STEP.

ID Card

ID Card, Driver License and other two-sided documents




Passport

-


   Take / Repeat Photo    Copy data from main guest
Name *

Surnames *
Please report both surnames
Nationality *

Country of residence *

Phone
+7840
+7840


Address

Postal code

* Postal code of country of residence
State *

City *

* City of country of residence
Language *
English
English
English
Spanish
Catalan
French
German
Italian
Portuguese
Russian
Document type *

Document number *

Birthdate *

Day

Month

Year
Gender *
 Male  Female

Expiration date *
1
1
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Day
January
January
January
February
March
April
May
June
July
August
September
October
November
December
Month
2024
2024
2024
2025
2026
2027
2028
2029
2030
2031
2032
2033
2034
2035
2036
2037
2038
2039
Year
Fornt part of document
Select file Change Remove
Back side of document
Select file Change Remove
Document Images

We need your signature. Sign in the following box to validate the data.
  Signature   Delete

CHILDREN

ENTER THE CHILD'S INFORMATION

Name *

Surnames *
Please report both surnames
Birthdate *

Day

Month

Year
As per our accommodation policies, the minimum age for children accompanying
their parents exceeds the age entered on the form. Please contact the hotel for
more information
Representative document *

Indicate the identity document of the legal representative
Relationship *
 Mother/Father  Familiar  Tutor

CHILDREN

ENTER THE CHILD'S INFORMATION

Name *

Surnames *
Please report both surnames
Birthdate *

Day

Month

Year
As per our accommodation policies, the minimum age for children accompanying
their parents exceeds the age entered on the form. Please contact the hotel for
more information
Representative document *

Indicate the identity document of the legal representative
Relationship *
 Mother/Father  Familiar  Tutor


PLEASE, CHECK THE INFORMATION BEFORE CONFIRMING THE PRE CHECK-IN

BOOKING


 Back Next    Confirm 


TERMS AND CONDITIONS


Process Close

Process Cancel
Select Region
USA Canada Europe Australia South America Asia Africa General Docs
Please, select an option:

ID Card

ID Card, Driver License and other two-sided documents



Passport

-


Next
Upload file or take a picture




×

IMAGE CAPTURED


Retake Use Image

Process Cancel
Please, select an option:

ID Card

ID Card, Driver License and other two-sided documents



Passport

-


Next
Upload file or take a picture



×

IMAGE CAPTURED


Retake Use Image
Process Cancel

WE NEED YOUR SIGNATURE. SIGN IN THE FOLLOWING BOX TO VALIDATE THE DATA.

Confirm Cancel

EXTRAS STATUS

Cancel

IMPROVE YOUR STAY!

Confirm Cancel


2024 © ACIFastCheckinMVC por ACIGRUP