{include file='./header_sp.inc.html' title=$title css=$css_files js=$js_files tpl=$tpl_files}
        <input type="hidden" id="HtlId" value="{$hotel.HTL_ID}" />
        <input type="hidden" id="PlnId" value="{$input.plan_id}" />
        <input type="hidden" id="InitY" value="{$input.y}" />
        <input type="hidden" id="InitM" value="{$input.m}" />
        <input type="hidden" id="InitD" value="{$input.d}" />
        <input type="hidden" id="Lang" value="{$lang}" />
        <input type="hidden" id="checkInDate" value="{$dateopt|date_format:'Y/m/d'}">
        <input type="hidden" id="startDate" value="{$startDate|date_format:'Y/m/d'}">
        <input type="hidden" id="endDate" value="{$endDate|date_format:'Y/m/d'}">
        <input type="hidden" id="TypeId" value="{$type_list.TYPE_ID}" />
        <input type="hidden" id="EditRsvNo" value="{$con.edit_rsvno}" />
        <input type="hidden" id="OnceKey" value="{$once_key}" />
        <!-- 2018/12/22 539 Nhu edit start -->
        <input type="hidden" id="pln_limit_min" value="{$type_list.SP_MIN_LIMIT}" />
        <input type="hidden" id="pln_min" value="{$type_list.PLN_MIN}" />
        <input type="hidden" id="pln_max" value="{$type_list.PLN_MAX}" />
        <input type="hidden" id="cxl_flg" value="{$cxl_flg}" />
        <!-- 2018/12/22 539 Nhu edit end -->

        <div class="step-nav">
            <ol class="step-list">
                <li class="current"></li>
                <li></li>
                <li></li>
                <li></li>
            </ol>
            <p class="step-current">{$lang_list.DateAndNumberOfPeople}</p>
			<!-- 2018/1/18 kurato 表示項目削減 start-->
            {if $disp_flg.page_navi}
            <!-- 2018/2/9 chinen edit start-->
            <p  class="l-text-item">{$lang_list.UsageDateAndNumberOfPeople}</p>
            <!-- 2018/2/9 chinen edit end-->
            {/if}
			<!-- 2018/1/18 kurato 表示項目削減 end-->
            {if $input.from_list == 'edit'}
                <span class="text-accent ui-li-desc">{$lang_list.OptionChangeMethodAlert}</span>
            {/if}
        </div>
        <div data-role="header">
            <h2 class="content-head">
                {$plan_data.PLN_NAME}
            </h2>
        </div>
      <div data-role="content">
            <div class="plan_list_1">
                <ul data-role="listview" data-theme="c" data-divider-theme="a">
                    <li>
                        {if $plan_data.THUMB_LIST}
                        <div class="slider js-plan-slider">
                            {foreach from=$plan_data.THUMB_LIST key="i" item="t"}
                            <div>
                                <figure>
                                    <div class="slider-img">
                                        <img class="lazy"  src="{$smarty.const.PIC_URL}thumb/{$t}" alt="" />
                                    </div>
                                    <figcaption>
                                        {$plan_data.PLN_NAME}
                                    </figcaption>
                                </figure>
                            </div>
                            {/foreach}
                        </div>
                        {/if}
                        <div class="plan-intro">
                            {if $plan_data.PLN_CAP_PC}{$plan_data.PLN_CAP_PC}{else}{$plan_data.PLN_CAP_PC_LIGHT|nl2br}{/if}
                        </div>
                    </li>
                </ul>
            </div>
          <ul data-role="listview" data-theme="c" data-divider-theme="a">
              <li data-role="list-divider" class="list-heading">
                  １．{$lang_list.PleaseCheckTheDate}
                  
              </li>
              <li>
                  <div class="ec-form-item-col col-date">
                        <span class="srch-target">
                            <input type="text" name="option_date" id="masteroptionBox_date" value=""
                                    class="ec-form-item-calendar form-text" data-role="datebox"
                                    data-options='{literal}{{/literal}"mode":"calbox", "useNewStyle":true{literal}}{/literal}' style="width: 44%; padding-right: 20px; height: 35px;">
                        </span>
                  </div>
                  {if $cxl_flg == 1}
                  <p class="text-accent ui-li-desc">
                      ※{$lang_list.confirmEditRsvCxlMessage02}
                  </p>
                  {/if}
              </li>
          </ul>
          <ul data-role="listview" data-theme="c" data-divider-theme="a">
              <li data-role="list-divider" class="list-heading">
                ２．{$lang_list.PleaseEnterNumberGuests}
              </li>
              <li>
                  <table class="PlanDetail" style="margin-top: 10px;">
                      <tbody>
                      <tr>
                          <th>
                              <!-- 2018/12/20 533 Nhu edit start -->
                              <p>{$type_list.TYPE_NAME}</p>
                              <!-- 2018/12/20 533 Nhu edit end -->
                          </th>
                      </tr>
                      <tr>
                          <td id="InputArea" class="input_area">
                              <a style="clear:both;" class="inputbtn"
                                 name="RoomInputBox" href="javascript:void(0);"
                                 data-role="button" data-mini="true" data-icon="arrow-r"
                                 data-ajax="false">
                                  {$lang_list.NumberPeopleToReserve}
                              </a>

                              <div class="l-notes-container">

                              </div>

                          </td>
                      </tr>
                      </tbody>
                  </table>
              </li>
          </ul>
      </div>
        <div data-role="content" class="other">
            <p class="text-note center">{$lang_list.PleaseProceedTheButtonBelow}</p>
            {if $user}
                <div class="block">
                    <a id="BtnNext" href="#" data-role="button" data-inline="true" data-theme="e"
                       data-icon="arrow-r" data-ajax="false" data-shadow="true"
                       class="btn-next m-btn m-btn-enter">
                       {if $is_has_other}
                           {$lang_list.OptionInput}
                       {else}
                           {$lang_list.InputCustomerInfo}
                       {/if}
                    </a>
                </div>
            {else}
                <div class="block">
                    <a id="BtnNext" href="#" data-role="button"
                       data-inline="true" data-theme="e" data-icon="arrow-r"
                       data-ajax="false" class="btn-next m-btn m-btn-enter ui-btn ui-btn-up-e ui-shadow ui-btn-corner-all ui-btn-inline ui-btn-icon-left"
                       data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span">
                        <span class="ui-btn-inner ui-btn-corner-all">
                            <span class="ui-btn-text">{if $is_has_other}{$lang_list.NoLoginOptionEnterBtnText}{else}{$lang_list.NoLoginInfoEnterBtnText}{/if}</span>
                            <span class="ui-icon ui-icon-arrow-r ui-icon-shadow">&nbsp;</span>
                        </span>
                    </a>
                </div>
                <div class="block">
                    <a href="#LoginBox" data-role="button" class="LoginBtn btn-next m-btn m-btn-submit ui-btn ui-btn-up-c ui-shadow ui-btn-corner-all"
                       data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="c">
                        <span class="ui-btn-inner ui-btn-corner-all">
                            <span class="ui-btn-text">{if $is_has_other}{$lang_list.LoginOptionEnterBtnText}{else}{$lang_list.LoginInfoEnterBtnText}{/if}</span>
                        </span>
                    </a>
                    <a href="#ForgetPass" class="login-forget-text ui-link">{$lang_list.ForgotPassword}</a>
                </div>
            {/if}
        </div>
      <!--/content-->
    </div>
    <!--/#home-->
<!-- 2018/1/29 kurato ログイン　パスワード送信start-->
<!-- 以下ダイアログ -->    
	<div id="LoginBox" data-role="dialog">
		<div data-role="header">
			<h1>{$lang_list.Login}</h1>
		</div>
		<div data-role="content">
			<span class="authdlg-msg error EA01" style="display:none;">{$lang_list.TheLoginInformation}</span>
			<span class="authdlg-msg error ER01" style="display:none;">{$lang_list.PleaseEnterA}</span>
			<span class="authdlg-msg error ER02" style="display:none;">{$lang_list.ThisEmailAddress}</span>
			<span class="authdlg-msg error ER03" style="display:none;">{$lang_list.MailDeliveryError}</span>
			<span class="authdlg-msg success" style="display:none;">{$lang_list.MailHasBeen}</span>
			<p>
                            {$lang_list.PleaseEnterYourEmailAndPassword}
                        </p>
			<div data-role="fieldcontain">
				<label for="LoginMail">{$lang_list.EmailAddress}</label>
				<input type="email" name="login_mail" id="LoginMail" value="" data-mini="true">
			</div>
			<div data-role="fieldcontain">
				<label for="LoginPwd">{$lang_list.Password}</label>
				<input type="password" name="login_pwd" id="LoginPwd" value="" data-mini="true">
				<p class="l-btn-container">
					<a class="loginbtn m-btn m-btn-submit m-btn-s" href="javascript:void(0);" data-role="button" data-inline="true" data-icon="gear" data-theme="e">{$lang_list.Login2}</a>
				<p>
			</div>
			<div data-role="collapsible">
				<h3>{$lang_list.ForgotPassword}</h3>
				<p style="margin-top:5px;">
					{$lang_list.PressSend}<br>
					{$lang_list.PasswordEmail}
				</p>
				<div data-role="fieldcontain">
					<label>{$lang_list.EmailAddress}</label>
					<input type="email" id="RemindMail" name="login_mail" value="" data-mini="true">
                    <p class="l-btn-container">
						<a class="remindbtn m-btn m-btn-submit m-btn-s" href="javascript:void(0);" data-role="button" data-inline="true" data-icon="gear" data-ajax="false" data-theme="e">{$lang_list.Send}</a>
					<p>
				</div>
			</div>
			<div class="l-btn-container">
				<a class="LoginCloseBtn m-btn m-btn-close m-btn-s" href="#" data-role="button" data-rel="back">{$lang_list.Close}</a>
			</div>
		</div>
	</div>
  <!--/#LoginBox -->
            
  <div id="ForgetPass" data-role="dialog">
    <div data-role="header">
      <h1>{$lang_list.ForgotPassword}</h1>
    </div>
    <div data-role="content">
      <p>
        {$lang_list.PressSend}<br>
        {$lang_list.PasswordEmail}
      </p>
      <div data-role="fieldcontain">
        <label for="RemindMail">{$lang_list.EmailAddress}</label>
        <input type="email" name="login_mail" value="" data-mini="true">
        <p class="l-btn-container">
          <a class="remindbtn m-btn m-btn-submit m-btn-s" href="javascript:void(0);" data-role="button" data-inline="true" data-icon="gear" data-ajax="false" data-theme="e">{$lang_list.Send}</a>
          <p>
      </div>
      <div class="l-btn-container">
        <a class="LoginCloseBtn m-btn m-btn-close m-btn-s" href="#" data-role="button" data-rel="back">{$lang_list.Close}</a>
      </div>
    </div>
  </div>
  <!--/#ForgetPass -->
<!-- 2018/1/29 kurato ログイン　パスワード送信 end-->    
    <div id="RoomInputBox" class="input_box" data-role="dialog">
        <div data-role="header">
            <h1>{$lang_list.NumberOfGuest}</h1>
        </div>
        <div data-role="content">
            <table>
                <!-- 2018/12/22 539 Nhu edit start -->
                <p>{$lang_list.Room21} 【{$type_list.TYPE_NAME}】 {$lang_list.PleasePushTheCompletionButton}</p>
                <p class="text-note">
                    {if $type_list.SP_MIN_LIMIT}
                        {$lang_list.Adults9}{$type_list.SP_MIN_LIMIT}
                            {$lang_list.To9}
                        {$type_list.PLN_MAX}{$lang_list.AdultsTo}   
                    {else}
                        {$lang_list.Adults9}{$type_list.PLN_MIN}
                            {$lang_list.To9}
                        {$type_list.PLN_MAX}{$lang_list.AdultsTo}
                    {/if}
                </p>
                <p style="text-align: center; display: none" class="text-accent js-date_room-error-num-room">
                        {$lang_list.PleaseCorrectRoomNumber}
                </p>
                <!-- 2018/12/22 539 Nhu edit end -->
                <tbody>
                <!-- 2018/12/22 538 Nhu edit start -->
                <tr>
                    <th style="width:50%;text-align:left;white-space:normal;">
                        {$lang_list.Adults}
                        ({$lang_list.Male})
                    </th>
                    <td class="input_num">
                        <select id="pln_num_adult_man"
                                class="persons rsvhds-cell-man"
                                name="pln_num_adult_man" data-mini="true">
                            <option value="">0{$lang_list.Mei}</option>
                            {section name=i start=1 loop=$type_list.PLN_MAX+1}
                                <option value="{$smarty.section.i.index}" {if $smarty.section.i.index == $numberOfGuest.PLN_NUM_MAN}selected{/if}>{$smarty.section.i.index}{$lang_list.Mei}</option>
                            {/section}
                            <!-- <option value="1">1{$lang_list.Mei}</option>
                            <option value="2">2{$lang_list.Mei}</option>
                            <option value="3">3{$lang_list.Mei}</option>
                            <option value="4">4{$lang_list.Mei}</option>
                            <option value="5">5{$lang_list.Mei}</option>
                            <option value="6">6{$lang_list.Mei}</option> -->
                        </select>
                    </td>
                </tr>
                <tr>
                    <th style="width:50%;text-align:left;white-space:normal;">
                        {$lang_list.Adults}
                        ({$lang_list.Female})
                    </th>
                    <td class="input_num">
                        <select id="pln_num_adult_woman"
                                class="persons rsvhds-cell-woman"
                                name="pln_num_adult_woman"
                                data-mini="true">
                            <option value="">0{$lang_list.Mei}</option>
                            {section name=i start=1 loop=$type_list.PLN_MAX+1}
                                <option value="{$smarty.section.i.index}" {if $smarty.section.i.index == $numberOfGuest.PLN_NUM_WOMAN}selected{/if}>{$smarty.section.i.index}{$lang_list.Mei}</option>
                            {/section}
                            <!-- <option value="1">1{$lang_list.Mei}</option>
                            <option value="2">2{$lang_list.Mei}</option>
                            <option value="3">3{$lang_list.Mei}</option>
                            <option value="4">4{$lang_list.Mei}</option>
                            <option value="5">5{$lang_list.Mei}</option>
                            <option value="6">6{$lang_list.Mei}</option> -->
                        </select>
                    </td>
                </tr>
                <!-- 2018/12/20 536 Nhu edit start -->
                <tr>
                    <th style="width:50%;text-align:left;white-space:normal;">
                        {$lang_list.ElementaryStudent}
                    </th>
                    <td class="input_num">
                        <select id="pln_num_elementary"
                                class="persons rsvhds-cell-elementary"
                                name="pln_num_elementary"
                                data-mini="true">
                            <option value="">0{$lang_list.Mei}</option>
                            {section name=i start=1 loop=$type_list.PLN_MAX+1}
                                <option value="{$smarty.section.i.index}" {if $smarty.section.i.index == $numberOfGuest.PLN_NUM_CHILD1}selected{/if}>{$smarty.section.i.index}{$lang_list.Mei}</option>
                            {/section}
                            <!-- <option value="1">1{$lang_list.Mei}</option>
                            <option value="2">2{$lang_list.Mei}</option>
                            <option value="3">3{$lang_list.Mei}</option>
                            <option value="4">4{$lang_list.Mei}</option>
                            <option value="5">5{$lang_list.Mei}</option>
                            <option value="6">6{$lang_list.Mei}</option> -->
                        </select>
                    </td>
                </tr>
                <!-- 2018/12/20 536 Nhu edit end -->
                <tr>
                    <th style="width:50%;text-align:left;white-space:normal;">
                        {$lang_list.Preschooler}
                    </th>
                    <td class="input_num">
                        <select id="pln_num_preschooler"
                                class="persons rsvhds-cell-preschooler"
                                name="pln_num_adult_preschooler"
                                data-mini="true">
                            <option value="">0{$lang_list.Mei}</option>
                            {section name=i start=1 loop=$type_list.PLN_MAX+1}
                                <option value="{$smarty.section.i.index} {if $smarty.section.i.index == $numberOfGuest.PLN_NUM_CHILD2}selected{/if}">{$smarty.section.i.index}{$lang_list.Mei}</option>
                            {/section}
                            <!-- <option value="1">1{$lang_list.Mei}</option>
                            <option value="2">2{$lang_list.Mei}</option>
                            <option value="3">3{$lang_list.Mei}</option>
                            <option value="4">4{$lang_list.Mei}</option>
                            <option value="5">5{$lang_list.Mei}</option>
                            <option value="6">6{$lang_list.Mei}</option> -->
                        </select>
                    </td>
                </tr>
                <!-- 2018/12/22 538 Nhu edit end -->
                </tbody>
            </table>
            <div>
                <p class="text-note-normal">
                    {$lang_list.ChildrenAreCountedAsAdultsNumber}
                </p>
                <a class="ToNextBtn m-btn m-btn-enter m-btn-s "
                   href="javascript:void(0);" data-role="button"
                   data-mini="true" data-inline="true" data-theme="e" data-icon="arrow-r" data-ajax="false">
                    {$lang_list.Done}
                </a>
                <a class="InputCloseBtn 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.Cancel}
                </a>
            </div>
        </div>
    </div>
    <input type="hidden" id="SecKeyRsv" value="" />
    <!-- 2018/12/25 548 Nhu edit start -->
    <div id="NumOverDialog" class="input_box" data-role="dialog">
        <div data-role="header"><h1></h1>
        </div>
        <div data-role="content">
            <p>{$lang_list.PlanNumOver1}<span id="pln_min_capa"></span>{$lang_list.PlanNumOver2}<span id="pln_max_capa"></span>{$lang_list.PlanNumOver3}</p>
            <div class="l-btn-container">
                <a class="LoginCloseBtn m-btn m-btn-close m-btn-s" href="#" data-role="button" data-rel="back">{$lang_list.Close}</a>
            </div>
        </div>
    </div>
    <!-- 2018/12/25 548 Nhu edit end -->
    <div id="StopExceptionDialog" class="input_box" data-role="dialog">
        <div data-role="header"><h1></h1>
        </div>
        <div data-role="content">
            <p>
                {$lang_list.PlanSalesExceptionDays01}<span id="exception_days"></span>{$lang_list.PlanSalesExceptionDays02}
            </p>
            <div class="l-btn-container">
                <button id="SalesStopToReloadButton">{$lang_list.Close}</button>
            </div>
        </div>
    </div>

    <div id="not_enough_other_dialog" class="input_box" data-role="dialog">
        <div data-role="header"><h1></h1>
        </div>
        <div data-role="content">
            <p>{$lang_list.NoStockPleaseChange}</p>
            <p>{$lang_list.Option_Plan}：<span id="not_enough_other_dialog_opt_str"></span></p>
            <div class="l-btn-container">
<!--                <a class="LoginCloseBtn m-btn m-btn-close m-btn-s" href="#" data-role="button" data-rel="back">{$lang_list.Close}</a>-->
                <button id="notEnoughOthersReloadButton">{$lang_list.Close}</button>
            </div>
        </div>
    </div>
  </body>
</html>