{include file='./header_sp.inc.html' title=$title css=$css_files js=$js_files tpl=$tpl_files js_common=$js_common}
        <div class="step-nav">
            <ol class="step-list">
                {if $plan_data.OTHERS_ONLY == 1}
                    <!--備品のみ販売(日帰り予約)のナビゲータ-->
                    <li></li>
                    <li></li>
                    <li class="current"></li>
                    <li></li>
                {else}
                    <!--通常販売のナビゲータ-->
                    <li></li>
                    <li></li>
                    <li></li>
                    <li class="current"></li>
                    <li></li>
                {/if}
            </ol>
            <p class="step-current">{$lang_list.EnterCustomerInfo}</p>
			<!-- 2018/1/18 kurato 表示項目削減 start -->
            {if $disp_flg.page_navi}
            <p class="l-text-lead">{$lang_list.PleaseInputTheGuestDetails}</p>
            {/if}
        </div>
        <input type="hidden" name="htl_id" id="HtlId" value="{$plan_data.HTL_ID}">
        <input type="hidden" name="pln_id" id="PlnId" value="{$plan_data.PLN_ID}">
        <input type="hidden" id="SecKey" value="{$sec_key}"/>
        <input type="hidden" id="DispStamp" value="{$disp_stamp}" />
        <input type="hidden" id="Lang" value="{$lang}">
        <!-- 2018/10/17 Nhu edit start -->
        <input type="hidden" id="cope_plan" value="{$cope_plan}" />
        <!-- 2018/10/17 Nhu edit end -->

       <div data-role="content">

          <form id="FrmMain" action="" method="">
              <div style="margin-top:20px;">
                  <ul data-role="listview" data-theme="c" data-divider-theme="a">
                      <li data-role="list-divider">{$plan_data.PLN_NAME}</li>
                      <li>
                          <p>
                              {if $plan_data.DAY_TRIP == 1}
                              {'Y'|date:$rsv->IN_STAMP}{$lang_list.Year_07}{'m'|date:$rsv->IN_STAMP}{$lang_list.Month_07}{'d'|date:$rsv->IN_STAMP}{$lang_list.Day}{$lang_list.SingleDay}
                              {else}
                              {$lang_list.From} {'Y'|date:$rsv->IN_STAMP}{$lang_list.Year_07}{'m'|date:$rsv->IN_STAMP}{$lang_list.Month_07}{'d'|date:$rsv->IN_STAMP}{$lang_list.Day7} {$rsv->NUM_STAY}{$lang_list.Nights}　{$rsv->NUM_ROOM}{$lang_list.Rooms7}
                              {/if}
                          </p>
                      </li>
                  </ul>
              </div>
              <!-- section 2-->
              <ul data-role="listview" data-theme="c" data-divider-theme="a">
                  <li data-role="list-divider">{$lang_list.GuestDetails}</li>
                  <li>
                      <div id="UserForm" >
                          <p style="text-align:center;"><span style="color:#FF0000;">※</span>{$lang_list.MarkedAdRequireSP}</p>
                          <p style="color:#FF0000;margin:4px 0px;">{$lang_list.CustomerInfoWarning}</p>
                          <!-- 2018/12/19 kurato start -->
                          <div class="invalid-mail-msg">
                            {$lang_list.InvalidMail}
                            {if $lang === "" || $lang === "en"}
                              <br><br>{$lang_list.InvalidMail2}
                            {/if}
                          </div>
                          <!-- 2018/12/19 kurato end -->
                          {if $user}
                            <input type="hidden" name="USR_MAIL" id="UsrMail" class="require"value="{$input.USR_MAIL}">
                            <input type="hidden" name="USR_PWD"id="UsrPwd" class="require" value="{$input.USR_PWD}">
                            <!-- 2018/06/01 23902 Tam edit start -->
                            <input type="hidden" name="CON_USR_MAIL" value="{$input.USR_MAIL}" />
                            <!-- 2018/06/01 23902 Tam edit end -->
                          {else}
                          <div data-role="fieldcontain">
                              <label for="UsrMail">{$lang_list.EmailAddress}<span style="color:#FF0000;">{$lang_list.Asterisk}</span></label>
                              <input type="email" name="USR_MAIL" id="UsrMail" class="require"
                                     value="{$input.USR_MAIL}" data-mini="true">
                              <div class="hp-sp-hidden"></div>
                              <div class="hp-sp-txt">
                                  <p class="text-accent">{$lang_list.CellPhoneEmail}</p>
                                  <p>
                                      {$lang_list.WhenSpecifyingMailReception}
                                  </p>
                                  <!-- 2018/05/31 23902 Tam edit start -->
                                  {if $disp_flg.confirm_mail}
                                  <p style="color: #383; margin-top: 5px">{$lang_list.ConfirmEmail}</p>{/if}
                              </div>
                              {if $disp_flg.confirm_mail}
                                <!-- 2019/07/19 44 Nhu edit start -->
                                {*<!-- <input type="email" id="ConUsrMail" class="require" data-mini="true" name="CON_USR_MAIL" value="{$input.CON_USR_MAIL}"  onselectstart="return false" onpaste="return false;" onCopy="return false" onCut="return false" onDrag="return false" onDrop="return false" autocomplete=off> -->*}
                                <input type="email" id="ConUsrMail" class="require" data-mini="true" name="CON_USR_MAIL" value=""  onselectstart="return false" onpaste="return false;" onCopy="return false" onCut="return false" onDrag="return false" onDrop="return false" autocomplete=off>
                                <!-- 2019/07/19 44 Nhu edit end -->
                                {/if}
                              <!-- 2018/05/31 23902 Tam edit start -->
                          </div>
                          <div data-role="fieldcontain">
                              <label for="UsrPwd">{$lang_list.Password}<span style="color:#FF0000;">※</span></label>
                              <div for="UsrPwdExist" class="invalid-pwd-msg">{$lang_list.ExistUserPwdChk}</div>
                                <!-- 2019/07/19 44 Nhu edit start -->
                              {*<!-- <input type="password" name="USR_PWD" id="UsrPwd" class="require" value="{$input.USR_PWD}" data-mini="true"> -->*}
                              <input type="password" name="USR_PWD" id="UsrPwd" class="require" value="" data-mini="true">
                                <!-- 2019/07/19 44 Nhu edit end -->
                              <div class="hp-sp-hidden"></div>
                              <div class="hp-sp-txt">
                                  <p>{$lang_list.ReserveContent7}</p>
                                  <p>※{$lang_list.PwdChkNewPolicy}</p>
                              </div>

                          </div>
                          {/if}
                          <div data-role="fieldcontain">
                              <label for="UsrName">{$lang_list.Name}<span style="color:#FF0000;">※</span></label>
                              <input type="text" name="USR_NAME" id="UsrName" class="require"
                                     value="{$input.USR_NAME}"
                                     data-mini="true" placeholder="{$lang_list.PlaceholderName}">
                          </div>
                          {if $lang == '' || $lang == 'ja'}
                          <div data-role="fieldcontain">
                              <label for="UsrKana">お名前(カナ)<span style="color:#FF0000;">※</span></label>
                              <input type="text" name="USR_KANA" id="UsrKana" class="require"
                                     value="{$input.USR_KANA}" data-mini="true" placeholder="例）ヤマダタロウ">
                          </div>
                          {/if}
                          {if $disp_flg.gender === 1}
                          <div data-role="fieldcontain">
                              <fieldset data-role="controlgroup" data-type="horizontal" class="usr_sex">
                              		<!-- 2018/05/31 23902 Tam edit start -->
                                  <!-- <legend>{$lang_list.Gender}</legend> -->
                                  <legend>{$lang_list.Gender} {if $disp_flg.gender_rsq}<span style="color:#FF0000;">※</span>{/if}</legend>
                              		<!-- 2018/05/31 23902 Tam edit end -->
                                  <input type="radio" name="USR_SEX" id="UsrSex1" class="usr_sex"
                                         data-mini="true"
                                         value="1" {if $input.USR_SEX!=2} checked{/if}>
                                  <label for="UsrSex1">{$lang_list.Male}</label>
                                  <input type="radio" name="USR_SEX" id="UsrSex2" class="usr_sex"
                                         data-mini="true"
                                         value="2" {if $input.USR_SEX==2} checked{/if}>
                                  <label for="UsrSex2">{$lang_list.Female}</label>
                              </fieldset>
                          </div>
                          {/if}
                          {if $disp_flg.birthday === 1}
                          <div data-role="fieldcontain">
                              <fieldset data-role="controlgroup" data-type="horizontal" style="margin-top:5px;">
                              		<!-- 2018/05/31 23902 Tam edit start -->
                                  <!-- <legend>{$lang_list.DateofBirth}</legend> -->
                                  <legend>{$lang_list.DateofBirth} {if $disp_flg.birthday_rsq}<span style="color:#FF0000;">※</span>{/if}</legend>
                              		<!-- 2018/05/31 23902 Tam edit end -->
                                  <select name="usr_birth_y" id="UsrBirthYear" data-mini="true">
                                      <option value="">----</option>
                                      {foreach from=$birth_year_list item="v"}
                                      <!-- 2018/01/12 17213 Tam edit start -->
                                      <!-- <option value="{$v}"{if $v==$input.USR_BIRTH|substr:0:4} selected{/if}>{$v}</option> -->
                                      <option value="{$v}"{if $v==$input.USR_BIRTH|substr:0:4} selected{/if}>{$v}{$lang_list.Year_07_3}</option>
                                      <!-- 2018/01/12 17213 Tam edit end -->
                                      {/foreach}
                                  </select>
                                  <select name="usr_birth_m" id="UsrBirthMonth" data-mini="true">
                                      <option value="">--</option>
                                      {foreach from=$month_list item="v"}
                                      <!-- 2018/01/12 17213 Tam edit start -->
                                      <!-- <option value="{$v}"{if $v==$input.USR_BIRTH|substr:5:2} selected{/if}>{$v}</option> -->
                                      <option value="{$v}"{if $v==$input.USR_BIRTH|substr:5:2} selected{/if}>{$v}{$lang_list.Month_07_3}</option>
                                      <!-- 2018/01/12 17213 Tam edit end -->
                                      {/foreach}
                                  </select>
                                  <select name="usr_birth_d" id="UsrBirthDay" data-mini="true">
                                      <option value="">--</option>
                                      {foreach from=$day_list item="v"}
                                      <!-- 2018/01/12 17213 Tam edit start -->
                                      <!-- <option value="{$v}"{if $v==$input.USR_BIRTH|substr:8:2} selected{/if}>{$v}</option> -->
                                      <option value="{$v}"{if $v==$input.USR_BIRTH|substr:8:2} selected{/if}>{$v}{$lang_list.Day_07_3}</option>
                                      <!-- 2018/01/12 17213 Tam edit end -->
                                      {/foreach}
                                  </select>
                              </fieldset>
                          </div>
                          {/if}
                          <div data-role="fieldcontain">
                              <script >
                                {literal}
                                var onZip3Success = function(){
                                  $("#pref").trigger("change");
                                }
                                AjaxZip3.onSuccess = onZip3Success;
                                {/literal}
                              </script>
                              <label for="zip">{$lang_list.PostalCode}</label>
                              <input type="tel" name="ZIP_CD" id="zip"
                                     class="zip" value="{$input.ZIP_CD}"
                                     data-inline="true" data-mini="true"
                                     pattern="\d{7}" placeholder="{$lang_list.PlaceholderPostCode}"
                                     style="width:40%;" onKeyUp="AjaxZip3.zip2addr(this,'','USR_PREF_CD','USR_ADR1','USR_ADR2');">
                              <div class="hp-sp-hidden"></div>
                              <div class="hp-sp-txt">
                                  <p>※{$lang_list.TheAddressWillBeAutomatically}</p>
                              </div>
                          </div>
                          <div data-role="fieldcontain" style="clear:both;">
                              <label for="pref" style="margin-top:5px;">{$lang_list.PrefectureState}<span style="color:#FF0000;">※</span></label>
                              <select id="pref" name="USR_PREF_CD" data-mini="true">
                                  <option value="">{$lang_list.PleaseSelect}</option>
                                  {foreach from=$pref_list key="pcd" item="v"}
                                  <option value="{$pcd}"{if $pcd==$input.USR_PREF_CD} selected{/if}>{$v}</option>
                                  {/foreach}
                              </select>
                          </div>
                          <div data-role="fieldcontain">
                              <label for="city" style="margin-top:5px;">{$lang_list.CityWardTown}<span style="color:#FF0000;">※</span></label>
                              <input type="text" name="USR_ADR1" id="city" class="require"
                                     value="{$input.USR_ADR1}"  data-mini="true" placeholder="{$lang_list.AddressCharacterLimit}" maxlength="45" >
                          </div>
                          <div data-role="fieldcontain">
                              <label for="addr">{$lang_list.StreetAddress}<span style="color:#FF0000;">※</span></label>
                              <input type="text" name="USR_ADR2" id="addr" class="require"
                                     value="{$input.USR_ADR2}" data-mini="true" placeholder="{$lang_list.AddressCharacterLimit}" maxlength="45" >
                          </div>
                          {if $disp_flg.telephone === 1}
                          <div data-role="fieldcontain">
                              <!-- 2018/05/31 23902 Tam edit start -->
                              <!-- <label for="UsrTel">{$lang_list.TelephoneNumber}</label> -->
                              <label for="UsrTel">{$lang_list.TelephoneNumber} {if $disp_flg.telephone_rsq}<span style="color:#FF0000;">※</span>{/if}</label>
                              <!-- 2018/05/31 23902 Tam edit end -->
                              <input type="tel" name="USR_TEL" id="UsrTel" value="{$input.USR_TEL}"
                                     data-mini="true" placeholder="{$lang_list.PlaceholderPhone}">
                          </div>
                          {/if}
                          {if $disp_flg.fax === 1}
                          <div data-role="fieldcontain">
                              <!-- 2018/05/31 23902 Tam edit start -->
                              <!-- <label for="UsrFax">{$lang_list.FaxNumber}</label> -->
                              <label for="UsrFax">{$lang_list.FaxNumber} {if $disp_flg.fax_rsq}<span style="color:#FF0000;">※</span>{/if}</label>
                              <!-- 2018/05/31 23902 Tam edit end -->
                              <input type="tel" name="USR_FAX" id="UsrFax" value="{$input.USR_FAX}"
                                     data-mini="true" placeholder="{$lang_list.PlaceholderFax}">
                          </div>
                          {/if}
                          <div data-role="fieldcontain">
                              <label for="UsrEmTel">{$lang_list.EmergencyContactTelephoneNumber}<span style="color:#FF0000;">※</span></label>
                              <input type="tel" name="USR_EM_TEL" id="UsrEmTel"
                                     class="require" value="{$input.USR_EM_TEL}"
                                     data-mini="true" placeholder="{$lang_list.PlaceholderEmTel}">
                          </div>
                          <!-- 2018/10/17 Nhu edit start -->
                          {if $cope_plan}
                            <div data-role="fieldcontain">
                                <label for="UsrReenter_ID">{if $hotel.CO_CATEGORY_NAME}{$hotel.CO_CATEGORY_NAME}{else}{$lang_list.CorporateLogin}{/if}<span style="color:#FF0000;">※</span><a id="show_desc" style="padding-left:20px"><u>{$lang_list.ReEnter}</u></a></label>
                                <!-- 2019/07/29 Nhu edit start -->
                                <input type="text" name="REENTER_ID" id="UsrReenter_ID" class="require"
                                    value="{$input.REENTER_ID}" data-mini="true" placeholder="ID">
                                <!-- 2019/07/29 Nhu edit end -->
                                <br>
                                <!-- 2019/06/21 37 Nhu edit start -->
                                <input type="password" name="REENTER_PWD" id="UsrReenter_PWD"
                                    class="require" value=""
                                    data-mini="true" placeholder="{$lang_list.Password}">
                                <!-- 2019/06/21 37 Nhu edit end -->
                                <div class="hp-sp-txt">
                                    <p>{$lang_list.ReenterIDandPWD}</p>
                                </div>
                            </div>
                          {/if}
                          <!-- 2018/10/17 Nhu edit end -->
                          {if $disp_flg.workplace === 1}
                          {if ! $rsv->co_id}
                          <div data-role="fieldcontain">
                              <!-- 2018/05/31 23902 Tam edit start -->
                              <!-- <label for="OrgName">{$lang_list.Workplace}</label> -->
                              <label for="OrgName">{$lang_list.Workplace} {if $disp_flg.workplace_rsq}<span style="color:#FF0000;">※</span>{/if}</label>
                              <input type="text" name="ORG_NAME" id="OrgName"
                                     value="{$input.ORG_NAME}" data-mini="true">
                          </div>
                          {if '' == $lang}
                          <div data-role="fieldcontain">
                              <!-- <label for="OrgKana">お勤め先名(カナ)</label> -->
                              <label for="OrgKana">お勤め先名(カナ) {if $disp_flg.workplace_rsq}<span style="color:#FF0000;">※</span>{/if}</label>
                              <!-- 2018/05/31 23902 Tam edit end -->
                              <input type="text" name="ORG_KANA" id="OrgKana"
                                     value="{$input.ORG_KANA}" data-mini="true">
                          </div>
                          {/if}
                          {else}
                          <div data-role="fieldcontain">
                              <label for="OrgName">{$lang_list.Workplace}</label>
                              <input type="text" name="ORG_NAME" id="OrgName"
                                     value="{$input.ORG_NAME}" data-mini="true">
                          </div>
                          {if '' == $lang}
                          <div data-role="fieldcontain">
                              <label for="OrgKana">お勤め先名(カナ)</label>
                              <input type="text" name="ORG_KANA" id="OrgKana"
                                     value="{$input.ORG_KANA}" data-mini="true">
                          </div>
                          {/if}
                          {/if}
                          {/if}
                          {if $ask_news}
                            <div data-role="fieldcontain">
                                <fieldset data-role="controlgroup" data-type="horizontal" class="mag_allow">
                                    <legend>{$lang_list.Newsemail}</legend>
                                    <input type="radio" name="MAG_ALLOW" id="MagAllow1" class="mag_allow"
                                            data-mini="true"
                                            value="1" {if $input.MAG_ALLOW} checked{/if}>
                                    <label for="MagAllow1">{$lang_list.Hope}</label>
                                    <input type="radio" name="MAG_ALLOW" id="MagAllow2" class="mag_allow"
                                            data-mini="true"
                                            value="0" {if !$input.MAG_ALLOW} checked{/if}>
                                    <label for="MagAllow2">{$lang_list.Donotwant}</label>
                                </fieldset>
                            </div>
                        {/if}
						<!-- 2018/1/18 kurato 表示項目削減 end -->
                      </div>
                      <!--/#UserForm  -->
                  </li>
              </ul>
              <!-- /section 2-->
              <ul data-role="listview" data-theme="c" data-divider-theme="a">
                  <li class ="rsv-form-info">
                      {if $hotel.INFO && '' == $lang}
                        {$hotel.INFO|nl2br}
                      {/if}
                  </li>
              </ul>
              <!-- total-->
              <ul data-role="listview" data-theme="c" data-divider-theme="a">
                  <li data-role="list-divider">{$lang_list.ChargeDetails}</li>
                  <li>
                      <table class="customer_charge">
                          <tbody>
                          <tr>
                              <th>{$lang_list.AccommodationTotal}</th>
                              <td class="charge">{$charges.room|number_format}{$lang_list.Yen}</td>
                          </tr>
                          <tr>
                              <th>{$lang_list.OptionsTotal}</th>
                              <td class="charge">{$charges.option|number_format}{$lang_list.Yen}</td>
                          </tr>
                          <tr>
                              <th>{$lang_list.OtherTotal}</th>
                              <td class="charge">
                                  {assign var='total' value=$rsv->PLN_CHG_TOTAL|floatval}
                                  {assign var='option' value=$charges.option|floatval}
                                  {assign var='roomFee' value=$charges.room|floatval}
                                  {assign var='otherFree' value=$total-$roomFee-$option}
                                  {$otherFree|number_format}{$lang_list.Yen}
                              </td>
                          </tr>
                          <tr>
                              <th>{$lang_list.TotalSP}</th>
                              <td class="total">{$rsv->PLN_CHG_TOTAL|number_format}{$lang_list.Yen}</td>
                          </tr>
                          </tbody>
                      </table>
                  </li>
              </ul>
              <!-- /total-->
              <!-- 払い方法-->
              <ul data-role="listview" data-theme="c" data-divider-theme="a">
                  <li data-role="list-divider">{$lang_list.PaymentMethod}<span style="color:#FF0000;">※</span></li>
                  <li>
                      <div>
                          <!-- フロント精算-->
                          {if strpos($plan_data.ADJUST_TYPE,"1") !== false}
                          <div data-role="fieldcontain">
                              <label for="adjust_type1"> {$lang_list.PaymentAfterArrival6}</label>
                              <input type="radio" name="adjust_type" id="adjust_type1"
                                     value="1" data-mini="true" {if $rsv->ADJUST_TYPE ==1}checked{else}{if $old_rsv->ADJUST_TYPE == 1}checked{else}{if $plan_data.ADJUST_TYPE ==
                              1}checked{/if}{/if}{/if}>
                              <div class="hp-sp-txt">
                                  <p>
                                      {if $payment_method_information && $lang == ''}{$payment_method_information}{else}{$lang_list.FrontDeskCheckIn}{/if}
                                  </p>
                              </div>
                          </div>
                          {/if}
                          <!-- カード-->
                          {if $hotel.USE_BP_CARD_FLG == 1}
                              {if strpos($plan_data.ADJUST_TYPE,"2") !== false && $hotel.CHECK_USE_FLG}
                                  <div data-role="fieldcontain">
                                      <label for="adjust_type2">{$lang_list.CreditCardTransaction}</label>
                                      {if isset($rsv->EDIT_RSVNO) && $hotel.SITE_CONTROLLER_MOD_FLG == 0}
                                          <input type="radio" id="adjust_type2" data-mini="true" disabled/>
                                          <div class="hp-sp-txt">
                                              <div class="radio_disabled_adjust2">
                                                  <p>{$lang_list.JtbPaymentChangeNotPossible1}
                                                     {$lang_list.JtbPaymentChangeNotPossible2}</p>
                                              </div>
                                          </div>
                                      {else}
                                          <input type="radio" name="adjust_type"
                                          id="adjust_type2" value="2"
                                          data-mini="true" {if $rsv->ADJUST_TYPE ==2}checked{else}{if $old_rsv->ADJUST_TYPE == 2}checked{else}{if $plan_data.ADJUST_TYPE == 2}checked{/if}{/if}{/if}/>
                                          <div class="hp-sp-txt">
                                              <p>{$lang_list.YourPaymentForThisReservation}</p>
                                              <p>{$lang_list.YourPersonalInformation}</p>
                                          </div>
                                      {/if}
                                  </div>
                              {/if}
                          {/if}

                          {if $use_paypal.USE_PAYPAL == 1}
                          {if strpos($plan_data.ADJUST_TYPE,"3") !== false}
                          <div data-role="fieldcontain">
                              <label for="adjust_type3">{$lang_list.PayWithPayPal}</label>
                              <input type="radio" name="adjust_type"
                                     id="adjust_type3" value="3" data-mini="true"
                                     {if $rsv->ADJUST_TYPE ==3}checked{else}{if $old_rsv->ADJUST_TYPE == 3}checked{else}{if $plan_data.ADJUST_TYPE ==
                              3}checked{/if}{/if}{/if}>
                              <div class="hp-sp-txt">
                                  <p class="img-paypal">
                                      <img src="https://www.paypalobjects.com/digitalassets/c/website/marketing/apac/jp/developer/Logo_148_139.png"
                                           border="0" alt="その他のオプション" title="その他のオプション">
                                  </p>
                                  <p>
                                      {if $lang != ''}
                                      {$lang_list.WhatIsPayPal}
                                      {else}
                                      {$lang_list.WhatIsPayPal}
                                      {/if}
                                  </p>
                              </div>
                          </div>
                          {/if}
                          {/if}
                          <!-- 2018/10/11 Nhu edit start -->
                          {if $hotel.USE_SBPS == 1}
                          <!--2018/07/11 kurato start -->
                          {if strpos($plan_data.ADJUST_TYPE,"4") !== false && $hotel.MERCHANT_ID_SBPS && $plan_data.SBPS_SERVICE_ID}
                          <div data-role="fieldcontain">
                                    <label for="adjust_type4">{$lang_list.CreditCardTransaction}</label>
                                <input type="radio" name="adjust_type"
                                       id="adjust_type4" value="4"
                                       data-mini="true" {if $rsv->ADJUST_TYPE ==4}checked{else}{if $old_rsv->ADJUST_TYPE == 4}checked{else}{if $plan_data.ADJUST_TYPE == 4}checked{/if}{/if}{/if}/>
                                <div class="hp-sp-txt">
                                    <p>
                                            {if $lang == 'en'}
                                                {$hotel.DESCRIPTION_SBPS_EN}
                                            {elseif $lang == 'ch'}
                                                {$hotel.DESCRIPTION_SBPS_CH}
                                            {elseif $lang == 'chh'}
                                                {$hotel.DESCRIPTION_SBPS_CHH}
                                            {elseif $lang == 'ko'}
                                                {$hotel.DESCRIPTION_SBPS_KO}
                                            {else}
                                                {$hotel.DESCRIPTION_SBPS}
                                            {/if}
                                    </p>
                                </div>
                          </div>
                          {/if}
  							<!--2018/07/11 kurato end -->
                          {/if}
                          <!-- 2018/10/11 Nhu edit end -->
                          <!-- 2018/04/16 17213 Tam edit start -->
                          <!-- 2018/12/19 524 Nhu edit start -->
                          {*<!-- {if $hotel.CHECK_USE_FLG} -->*}
                          {if $hotel.CHECK_USE_FLG && !$other_only}
                          <!-- 2018/12/19 524 Nhu edit end -->
                          <div data-role="fieldcontain">
                              <label for="InDateTime">{$lang_list.ExpectedCheckInTime}<span style="color:#FF0000;">※</span></label>
                              <select id="InDateTime" name="IN_DATE_TIME" data-mini="true" class="require">
                                  <option value="">{$lang_list.PleaseSelect}</option>
                                  {foreach from=$checkin_list item="v"}
                                  <!-- 2018/12/18 525 Nhu edit start -->
                                  <!-- <option value="{$v}"{if $v==$input.IN_DATE_TIME} selected{/if}>{$v}</option> -->
                                  <option value="{$v}"{if $v==$input.IN_DATE_TIME || $old_rsv->IN_DATE_TIME == $v} selected{/if}>{$v}</option>
                                  <!-- 2018/12/18 525 Nhu edit end -->
                                  {/foreach}

                              </select>
                          </div>
                          {/if}
                          <!-- 2018/04/16 17213 Tam edit end -->
                          {if $input.QUESTION || $enquete_list}
                          <div data-role="fieldcontain">
                              <!-- 2018/09/13 Do edit start -->
                              <!-- <label for="Anser[0]">ご質問</label> -->
                              <label for="Anser[0]" {if $enquete_list[0].QUESTION} class="ui-input-text"{/if}>{$lang_list.Questions}</label>
                              <!-- 2018/09/13 Do edit end -->
                              <!--{counter start=0 skip=1}-->
                              {if '' == $lang}
                                {foreach name="lpq" from=$input.QUESTION key="i" item="q"}
                                    <input type="hidden" name="QUESTION[{$i}]" value="{$q}" />
                                    [Q{counter}] {$q|nl2br}{$lang_list.Char100}
                                    <!-- 2018/10/29 Nhu edit start -->
                                    <!-- <textarea id='Anser[{$i}]' class="ec-w-long form-textarea" name="ANSWER[{$i}]" rows="1">{$input.ANSWER[$i]}</textarea><br /> -->
                                    <textarea id='Anser[{$i}]' class="ec-w-long form-textarea" name="ANSWER[{$i}]" rows="1" maxlength="100">{$answer[$i]}</textarea><br />
                                    <!-- 2018/10/29 Nhu edit end -->
                                {/foreach}
                              {/if}
                              {foreach from=$enquete_list item="enquete"}
                              [Q{counter}]{$enquete.QUESTION}{if $enquete.REQUIRE_FLG}<span style="color:#FF0000;">※</span>{/if}
                              <!-- 2018/09/13 Do edit start -->
                                {if $enquete.INFORMATION_LINK}
                                    <a target="_blank" href="{$enquete.INFORMATION_LINK}" style="padding-left:10px">{$lang_list.Details}</a>
                                {/if}
                              <!-- 2018/09/13 Do edit end -->
                                {if $enquete.QUESTION_TYPE == '0'}
                                    <select id="ENQUETE{$enquete.QUESTION_ID}" class="enquete_before_select" name="ENQUETE[{$enquete.QUESTION_ID}]" data-question_id="{$enquete.QUESTION_ID}">
                                        <option value="">{$lang_list.PleaseSelect}</option>
                                        {foreach from=$select_answers[$enquete.QUESTION_ID].BEFORE item="before_answer"}
                                            <option value="{$before_answer.ANSWER_ID}">{$before_answer.ANSWER}</option>
                                        {/foreach}
                                    </select>
                                    {if $select_answers[$enquete.QUESTION_ID].AFTER}
                                    <!-- 2018/09/13 Do edit start -->
                                    <!-- 2018/09/28 Nhu edit start -->
                                    <div class="enquete_after_contain enquete_after_contain{$enquete.QUESTION_ID}">
                                        <select id="ENQUETE_AFTER{$enquete.QUESTION_ID}" name="ENQUETE_AFTER[{$enquete.QUESTION_ID}]" class="ui-disabled">
                                            <option value="">{$lang_list.PleaseSelect}</option>
                                        </select>

                                    </div>
                                    <div style="display: none">
                                        <select id="TEMP_ENQUETE_AFTER{$enquete.QUESTION_ID}" name="TEMP_ENQUETE_AFTER[{$enquete.QUESTION_ID}]" class="ui-disabled">
                                            <option value="">{$lang_list.PleaseSelect}</option>
                                            {foreach from=$select_answers[$enquete.QUESTION_ID].AFTER item="after_answer"}
                                                <option value="{$after_answer.ANSWER_ID}" data-before_id="{$after_answer.ANSWER_ID_BEFORE}">{$after_answer.ANSWER}</option>
                                            {/foreach}
                                        </select>
                                    </div>
                                    <!-- 2018/09/28 Nhu edit end -->
                                    <!-- 2018/09/13 Do edit end -->
                                    {/if}
                                {elseif $enquete.QUESTION_TYPE == '1'}
                                    <textarea id="ENQUETE{$enquete.QUESTION_ID}" class="ec-w-long form-textarea" name="ENQUETE[{$enquete.QUESTION_ID}]" rows="1"></textarea><br />
                                {elseif $enquete.QUESTION_TYPE == '2'}
                                    <input id="ENQUETE{$enquete.QUESTION_ID}" type="checkbox" value="1" name="ENQUETE[{$enquete.QUESTION_ID}]" data-mini="true">
                                    <label id="ENQUETE{$enquete.QUESTION_ID}_TEXT" for="ENQUETE{$enquete.QUESTION_ID}">{$enquete.CHECK_LABEL}</label>
                                {/if}
                              <br>
                              {/foreach}
                          </div>
                          {/if}

                          <!--comment-->
                          {if $disp_flg.comments === 1}
                          <div data-role="fieldcontain">
                          		<!-- 2018/05/31 23902 Tam edit start -->
                              <!-- <label for="UsrEtc">{$lang_list.Comments}</label> -->
                              <label for="UsrEtc">{$lang_list.Comments}{if $disp_flg.comments_rsq}<span style="color:#FF0000;">※</span>{/if}</label>
                          		<!-- 2018/05/31 23902 Tam edit end -->
                              {if '' == $lang}
                              ご予約者様とご宿泊者様が異なる場合は、こちらにお名前をご記入下さい。<br />
                              例：宿泊者は宿泊太郎です。<br />
                              {/if}
                                <!-- 2018/10/29 Nhu edit start -->
                              <textarea id="UsrEtc" class="ec-w-long form-textarea" name="RSV_ETC" rows="6" placeholder="{if '' == $lang}ご予約者様とご宿泊者様が異なる場合は、こちらにお名前をご記入ください。(例：宿泊者は宿泊太郎です。){/if}">{if $remark}{$remark}{/if}</textarea>
                              <!-- <textarea id="UsrEtc" class="ec-w-long form-textarea" name="RSV_ETC" rows="6" placeholder="{if '' == $lang}ご予約者様とご宿泊者様が異なる場合は、こちらにお名前をご記入ください。(例：宿泊者は宿泊太郎です。){/if}">{if $input.RSV_ETC}{$input.RSV_ETC}{/if}</textarea> -->
                                <!-- 2018/10/29 Nhu edit end -->
                          </div>
                          {/if}
                          <!-- /comment-->
                      </div>
                  </li>
              </ul>
              <!-- 2018/02/08 17213 Tam edit start -->
              <!-- Agreement -->
              <div style="margin-top:10px;text-align:center;">
                  <p style="margin-bottom:5px;">
                      {$lang_list.NoteBeforeProcess}
                  </p>
                  <p>
                      <a class="agreebtn" href="javascript:void(0);"
                         data-role="button" data-mini="true" data-icon="arrow-r"
                         data-ajax="false">{$lang_list.StayAgreementSP}
                      </a>
                  </p>
                  <p data-role="fieldcontain">
                      <input id="AgreeType" type="checkbox" value="agree" name="agree_type" data-mini="true">
                      <label class="agree_text" for="AgreeType">{$lang_list.AgreeToTheAboveTermsSP}</label>
                  </p>
              </div>
              <p class="text-note">{$lang_list.SSLNote}</p>
              <!-- 2018/02/08 17213 Tam edit end -->
              <!-- /払い方法-->
          </form>

           <div style="margin-top:20px;">
               <!-- 2018/1/29 chinen ボタンの位置を逆転 start -->
               <a class="ToConfBtn m-btn m-btn-enter m-btn-s"
                  href="javascript:void(0);" data-role="button" data-inline="true"
                  data-icon="arrow-r" data-ajax="false" data-theme="e"
                  data-iconpos="right">{$lang_list.ToTheNext7}</a>
               <!-- 2018/02/12 17213 Tam edit start -->
               <!-- <a class="backbtn m-btn m-btn-prev m-btn-s"
                  href="{$back_url}" data-role="button"
                  data-inline="true" data-icon="arrow-l" data-ajax="false">{$lang_list.Back7}</a> -->
               <a class="backbtn m-btn m-btn-prev m-btn-s"
                  href="javascript:void(0);" data-role="button"
                  data-inline="true" data-icon="arrow-l" data-ajax="false">
                  {if $is_opt}
                    {$lang_list.BkEnteringOptions}
                  {else}
                    {$lang_list.BackToNumberOfDateAndRoom}
                  {/if}
               </a>
               <!-- 2018/02/12 17213 Tam edit end -->
               <!-- 2018/1/29 chinen ボタンの位置を逆転 end -->
           </div>
      </div>
        <!--/content-->
    </div>
    <!--/#home-->
    <!-- 2018/02/08 17213 Tam edit start -->
    <!--/dialog-->
    <div id="AgreementBox" data-role="dialog">
        <div data-role="header">
            <h1>{$lang_list.StayAgreementSP}</h1>
        </div>
        <div data-role="content">
            <p>
                {$hotel.STAY_RULE|nl2br}
            </p>
            <div style="text-align:right;">
                <a class="AgreementCloseBtn m-btn m-btn-close m-btn-s"
                   href="javascript:void(0);" data-role="button" data-mini="true"
                   data-inline="true" data-icon="delete" data-ajax="false">
                    {$lang_list.Close}
                </a>
            </div>
        </div>
    </div>
    <!-- 2018/02/08 17213 Tam edit end -->
    <!-- 2018/10/17 Nhu edit start -->
    <div id="display_desc" data-role="dialog">
        <div data-role="header">
            <h1>{$lang_list.AlertMessage}</h1>
        </div>
        <div data-role="content">
            <p id="display_desc" style="text-align: center;">
                {if $lang == 'en'}
                    {$hotel.HTL_CORPORATE_TAG_EN}
                {elseif ($lang == 'ch')}
                    {$hotel.HTL_CORPORATE_TAG_CH}
                {elseif ($lang == 'chh')}
                    {$hotel.HTL_CORPORATE_TAG_CHH}
                {elseif ($lang == 'ko')}
                    {$hotel.HTL_CORPORATE_TAG_KO}
                {else}
                    {$hotel.HTL_CORPORATE_TAG}
                {/if}
            </p>
            <a data-ajax="false" id="btn_cancel_displaydesc" class="m-btn m-btn-modal m-btn-close m-btn-s" href="#" data-role="button">OK</a>
        </div>
    </div>
    <!-- 2018/10/17 Nhu edit end -->
    <!-- 2019/01/24 583 Nhu edit start -->
    <div id="totalfee_alert" data-role="dialog">
        <div data-role="header">
            <h1>{$lang_list.AlertMessage}</h1>
        </div>
        <div data-role="content">
            <p id="totalfee_alert_text" style="text-align: center;">
                {$lang_list.ToTalChgIsReduced}
            </p>
            <a data-ajax="false" id="btn_cancel_displaydesc" class="m-btn m-btn-modal m-btn-close m-btn-s" href="#" data-role="button">OK</a>
        </div>
    </div>
    <!-- 2019/01/24 583 Nhu edit end -->
	</body>
</html>