aciprecheckin.com
Open in
urlscan Pro
13.74.250.127
Public Scan
Submitted URL: https://aci.fyi/6056c0c2
Effective URL: https://aciprecheckin.com/Precheckin/checkwizard/index/2B8C5C3D26A90DD3AE49B5001F6C2D3139BB6FC8?lang=en&loc=cFZ1GsG2YyE%3d...
Submission: On August 26 via manual from GB — Scanned from GB
Effective URL: https://aciprecheckin.com/Precheckin/checkwizard/index/2B8C5C3D26A90DD3AE49B5001F6C2D3139BB6FC8?lang=en&loc=cFZ1GsG2YyE%3d...
Submission: On August 26 via manual from GB — Scanned from GB
Form analysis
8 forms found in the DOMPOST #
<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="cFZ1GsG2YyE=" 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="29/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="l6giyplj1r@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>
ALESSANDRA
</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>ALESSANDRA.</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> <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> ALESSANDRA <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> <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> <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="ALESSANDRA" 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="PERRUCCIO" 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=""> <span class="localized-strings-male">Male</span>
</label>
<label>
<input type="radio" name="gender-1" value="F" data-title="Femenino" data-index="0"> <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&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&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> <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> <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>
UNKNOWN UNKNOWN
</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-repeat-2" 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>UNKNOWN UNKNOWN.</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-2" class="form-control select-document-type-repeat" value="" aria-hidden="true" id="repeat-document-type-2" data-guest-id="2" data-index="1"></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-2" class="form-control" data-index="1" 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="2">
<i class="fa fa-search fa-fa"></i> <span class="localized-strings-search">Search</span>
</button>
<button type="button" class="btn btn-outline red repeat-skip" data-guest-id="2">
<span class="localized-strings-norepetitiveguest">I have never been a customer</span>
</button>
</div>
</div>
<div id="guest-panel-option-2" 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> UNKNOWN UNKNOWN <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="2" class="ocr-skip localized-strings-skip" id="ocr-skip-2" style="display: none;"> Or skip this step.</a></h4>
<div class="col-lg-5 col-md-5 option-box ocr-idcard" data-guest-id="2">
<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="2">
<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-2" 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="2">
<i class="fa fa-arrow-circle-o-up"></i> <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="" data-guest-id="2">
<i class="icon-reload"></i> <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="UNKNOWN UNKNOWN" 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-nationality">Nationality</span>
<span class="required" aria-required="true"> * </span>
</label>
<div class="col-md-4">
<input placeholder="Enter your nationality..." name="country-nac-2" class="form-control selectized" aria-hidden="true" id="country-nac-2" data-suffix="2" data-index="1" 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-2-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-2" class="form-control selectized" aria-hidden="true" id="country-res-2" data-suffix="2" data-index="1" 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-2-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-2" class="form-control selectized" data-suffix="2" data-index="1" 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-2" data-suffix="2" data-index="1" 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-2" data-index="1" 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-2" class="form-control selectized" id="postal-code-2" data-suffix="2" data-index="1" 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-2-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-2" class="form-control" aria-hidden="true" id="state-2" data-suffix="2" data-index="1" 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-2" class="form-control selectized" id="city-2" data-suffix="2" data-index="1" 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-2-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-2" class="form-control select-language selectized" value="" aria-hidden="true" id="language-2" data-index="1" 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-2-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-2" class="form-control select-document-type selectized" value="" aria-hidden="true" id="tipDocu2" data-guest-id="2" data-index="1" 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="tipDocu2-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-2" data-id-hue="2" data-index="1" 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-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>
</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-2" value="M" data-title="Masculino" data-index="1" checked=""> <span class="localized-strings-male">Male</span>
</label>
<label>
<input type="radio" name="gender-2" value="F" data-title="Femenino" data-index="1"> <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-2" data-suffix="2" data-index="1" 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-2" data-suffix="2" data-index="1" 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-2" data-suffix="2" data-index="1" 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-2">
<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="imgDDocu2" id="imgDDocu2" data-index="1">
</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-2" 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="imgTDocu2" id="imgTDocu2" data-index="1">
</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-2">
<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-2" value="" data-index="1">
<input type="hidden" name="sign-image-guest-2" value="" data-index="1">
<input type="hidden" name="front-image-guest-2" value="" data-index="1" required="">
<input type="hidden" name="back-image-guest-2" value="" data-index="1">
<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&text=No+image" id="front-image-guest-2" data-index="1" class="img-responsive img-thumbnail">
</div>
<div class="col-md-12 margin-bottom-10">
<img src="http://www.placehold.it/240x120/EFEFEF/AAAAAA&text=No+image" id="back-image-guest-2" data-index="1" 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-2">
<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="2">
<i class="fa fa-pencil fa-fa"></i> <span class="localized-strings-signature">Signature</span>
</button>
<button type="button" class="btn btn-outline green signature-refresh" data-guest-id="2" style="display: none;">
<i class="fa fa-refresh fa-fa"></i> <span class="localized-strings-delete">Delete</span>
</button>
</div>
<div class="col-md-12 margin-top-10">
<input type="hidden" name="signature-image-2" data-index="1" required="">
<div class="signature-border" style="display: none;">
<img src="" style="width: 100%; min-width: 100%; height: auto;" id="signature-image-2" data-index="1">
</div>
</div>
</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=""> <span class="localized-strings-motherfather">Mother/Father</span>
</label>
<label>
<input type="radio" name="relationship-3" value="f" data-title="Familiar" data-index="2"> <span class="localized-strings-familiar">Familiar</span>
</label>
<label>
<input type="radio" name="relationship-3" value="t" data-title="Tutor" data-index="2"> <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_4">
<h4 class="panel-title">
<a class="accordion-toggle accordion-toggle-styled collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse_4" aria-expanded="false" aria-controls="collapse_4">
<div>
<span class="localized-strings-children">Children</span>
</div>
</a>
</h4>
</div>
<div id="collapse_4" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading_4">
<div class="panel-body">
<div id="guest-panel-content-4" 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-4" data-index="3" 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-4" data-index="3" 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-4" data-suffix="4" data-index="3" 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-4" data-suffix="4" data-index="3" 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-4" data-suffix="4" data-index="3" 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-4" 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-4" data-index="3" 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-4" value="mp" data-title="Madre/Padre" data-index="3" checked=""> <span class="localized-strings-motherfather">Mother/Father</span>
</label>
<label>
<input type="radio" name="relationship-4" value="f" data-title="Familiar" data-index="3"> <span class="localized-strings-familiar">Familiar</span>
</label>
<label>
<input type="radio" name="relationship-4" value="t" data-title="Tutor" data-index="3"> <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="bxTcaUyYxj4KJ5Y9_3al3aoXgeZapsiKduNYb6XRE3I2tWPdO9soCZT6ZF9ulR65MotPKltzlnRR1CYZJKvvE0-0l8ofWVdz9dLw4MAnc_g1">
<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> <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> <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="YnRpFTP4HhEJdMOf-M6oi3AT4bMY2_MWYnvigmnJrytF4jsQ_WHa5lBIZ07uBOez0VsZC4w_-ZsVRmcNut9HckFpNwY7jjGL_1rjz5oLcKo1">
<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> <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> <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="TO-I6caD7Y3EvNudiPibiF7KtQKswpNjVpf-r8AL0xSnl4Jc9ih90dZx0FzlEygnEad0DJBxRg_Wt8vC6Ift9kMW5-0ZGeWHRbENzlDmkHw1">
<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="OoBJt3AWK2kCuRtmwR55piYnd_kwIy7PIV1KJna9MmwkdekLS1rwm2tVV7Ywz1GsEv_SAIih93c0Rxuk6giBK18mrWAvMMpyxnf2Z6g9kyg1">
<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
Olympia Consul OLYMPIA CONSUL 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 ALESSANDRA HELLO ALESSANDRA. 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 ALESSANDRA , 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 UNKNOWN UNKNOWN HELLO UNKNOWN UNKNOWN. 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 UNKNOWN UNKNOWN , 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