{include file='./header.inc.html' title=$lang_list.Conditions css=$css_files js=$js_files tpl=$tpl_files}
<!-- #Body -->
<div id="Body">
	<!--<h2>宿泊条件の入力{if $con.edit_rsvno}<span class="ec-txt-note">[ご予約変更]</span>{/if}</h2>-->
{include file='./error.inc.html' err_msg=$err_msg sys_msg=$sys_msg}
	<!-- .rsv-nav -->
	<div class="rsv-nav">
        <div class="clrfix">
            <!-- 2018/07/27 Nhu edit start -->
            <a href="javascript:void(0)" class="rsv-btn rsv-nav-prev">
            <!-- 2018/07/27 Nhu edit end -->
            {if $plan_data.OTHERS_ONLY == 1}
                {$lang_list.BkDateAndNumberOfPeople}
            {else}
                {$lang_list.BackToNumberOfDateAndRoom}
            {/if}
            </a>
        </div>
		<!-- a href="#"></a -->
        <div>
            <div class="rsv-nav-guide">
                <ol class="rsv-nav-list">
                    {if $plan_data.OTHERS_ONLY == 1}
                        <!--備品のみ販売(日帰り予約)のナビゲータ-->
                        <li >{$lang_list.DateAndNumberOfPeople}</li>
                        <li class="current">{$lang_list.EnterBookingInfo}</li>
                        <li>{$lang_list.EnterCustomerInfo}</li>
                        <li>{$lang_list.ConfirmBookingContent}</li>
                    {else}
                        <!--通常販売のナビゲータ-->
                        <li >{$lang_list.SelectDateAndRoom}</li>
                        <li >{$lang_list.SelectNumberOfRoomAndDate}</li>
                        <li class="current">{$lang_list.EnterBookingInfo}</li>
                        <li>{$lang_list.EnterCustomerInfo}</li>
                        <li>{$lang_list.ConfirmBookingContent}</li>
                    {/if}
                </ol>
            </div>
        </div>
		<!-- kurato 表示項目削減 start -->
		{if $disp_flg.page_navi}
			<p class="rsv-nav-message">{$lang_list.PleaseEnterTheNumber}</p>
		{/if}
		<!-- kurato 表示項目削減 end -->
	</div><!-- /.rsv-nav -->
    {if $open_opt_dialog_others_id}
    <input type="hidden" id="isNeedOpenOptDialog" value="{$open_opt_dialog_others_id}" />
    {/if}
    {if $open_opt_dialog_course_id}
    <input type="hidden" id="openOptDialogCourseId" value="{$open_opt_dialog_course_id}" />
    {/if}
{if $plan_data}
	<!-- #FrmMain -->
	<form id="FrmMain" action="" method="" class="rsv-form">
        <!-- 2018/02/13 15718 tam edit start -->
        <input type="hidden" id="checkInDate" value="{$rsv->IN_STAMP|date_format:'Y/m/d'}">
        <input type="hidden" id="numPersonBokking" value="{$all_person}">
        <!-- 2018/02/13 15718 tam edit end -->
        <div class="box">
            <h3>
                <div class="box-title">{$plan_data.PLN_NAME}</div>
            </h3>
            <div class="box-inner">
                <!-- .rsv-form-section＠チェックイン日、泊・室数 -->
                <div class="box-toptext rsv-form-section data">
                    <p class="stay_select">
                        <!--//@todo: missing '室' text-->
                        {if $plan_data.DAY_TRIP == 1}
                        {'Y'|date:$rsv->IN_STAMP}{$lang_list.Year9}{'m'|date:$rsv->IN_STAMP}{$lang_list.Month9}{'d'|date:$rsv->IN_STAMP}{$lang_list.Day}{$lang_list.SingleDay}
                        <!-- 2018/02/07 15718 tam edit start -->
                        <input type="hidden" id="nunNight" value="1">
                        {else}
                        <input type="hidden" id="nunNight" value="{$rsv->NUM_STAY}">
                        <!-- 2018/02/07 15718 tam edit end -->
                        {$lang_list.From} {'Y'|date:$rsv->IN_STAMP}{$lang_list.Year9}{'m'|date:$rsv->IN_STAMP}{$lang_list.Month9}{'d'|date:$rsv->IN_STAMP}{$lang_list.Day9} {$rsv->NUM_STAY}{$lang_list.Nights}　{$rsv->NUM_ROOM}{$lang_list.Room}
                        {/if}
                    </p>
                </div><!-- /.rsv-form-section＠チェックイン日、泊・室数 -->
                {if $opt_list}
                <!-- .rsv-form-section＠オプション -->
                <div class="box_lv2 rsv-form-section">
                    <h4>{$lang_list.PleaseCheckDesired}</h4>
                    <div>
                        <p class="rsvhds-txt-note">
                            {$lang_list.PleaseEntryANumberForTheOption}
                        </p>
                        <ul class="rsv-options">
                            {foreach from=$opt_list key="oid" item="o"}
                            <li class="rsvopt-item">
                                <div class="rsvopt-item-thumb">
                                    {if $o.THUMB}
                                    <a class="popup-img" rel="tli-{$plan_data.PLN_ID}" title="{$o.OPT_NAME}" href="{$smarty.const.PIC_URL}option/{$o.THUMB}">
                                        <img src="{$design_url}img/img-loader.gif" data-src="{$smarty.const.PIC_URL}option/{$o.THUMB}" alt="オプション画像">
                                    </a>
                                    {/if}
                                </div>
                                <div class="rsvopt-item-body">
                                    <div class="rsvopt-item-group">
                                        <div class="rsvopt-check-group">
                                            <input  type="checkbox" id="InRsvOpt{$oid}"
                                                   class="rsvopt-check O{$oid} form-checkbox"{if $rsv->option[$oid].OPT_NUM} checked{/if} />
                                            <label for="InRsvOpt{$oid}" class="rsvopt-item-name">{$o.OPT_NAME}</label>
                                        </div>
                                        <div class="rsvopt-select-group">
                                            {$lang_list.Rate}： {$o.OPT_CHARGE|number_format}{$lang_list.YenX}
                                            {if $o.OPT_SBJ==1}
                                            {$lang_list.PerAdultPersonPerNight}
                                            <input type="hidden" class="rsvopt-num" value="1" data-opid="{$oid}"/>
                                            {elseif $o.OPT_SBJ==2}
                                            <!-- 2018/03/02 17213 Tam edit start -->
                                            {*<div class="form-select form-select-ss" style="margin-left: 0">
                                                <p class="form-select-label">{if $rsv->option[$oid].OPT_NUM > 0}{$rsv->option[$oid].OPT_NUM}{else}--{/if}</p>
                                                <select class="ec-form-item-select " data-opid="{$oid}" >
                                                    <option value="">--</option>
                                                    <option value="1" {if $rsv->option[$oid].OPT_NUM == 1}selected{/if}>1</option>
                                                    <option value="2" {if $rsv->option[$oid].OPT_NUM == 2}selected{/if}>2</option>
                                                    <option value="3" {if $rsv->option[$oid].OPT_NUM == 3}selected{/if}>3</option>
                                                </select>{$lang_list.Ko9}

                                            </div>*}
                                            <input type="text" class="rsvopt-num ec-w-micro form-text" value="{$rsv->option[$oid].OPT_NUM}" data-opid="{$oid}">&nbsp;{$lang_list.Ko9}
                                            <!-- 2018/03/02 17213 Tam edit end -->
                                            {else}
                                            {$lang_list.PerRoomPerNight}
                                            <input type="hidden" class="rsvopt-num" value="1" data-opid="{$oid}"/>
                                            {/if}
                                        </div>

                                    </div>
                                    {if $o.OPT_SBJ==2}
                                    <span id="ifIsZero" class="rsvopt-error" style="margin-left: 0">
                                                {$lang_list.AboveOnePeople9}
                                        </span>
                                    {/if}
                                    {if ! $lang}<p class="rsvopt-item-cap">{$o.OPT_CAP|nl2br}</p>{/if}
                                </div>
                            </li>
                            {/foreach}
                        </ul>
                    </div>

                </div><!-- /.rsv-form-section＠オプション -->
                {/if}

                <!-- new options -->
                {include file='./select_option.html' others=$m_others others_include=$others_include numPerson=$array_numPerson numChild=$array_numChild numChild2=$array_numChild2}
                <input type="hidden" id="default_adult_num" value="{$default_adult_num}">
                <input type="hidden" id="default_child_num" value="{$default_child_num}">
                <input type="hidden" id="default_child_num2" value="{$default_child_num2}">
                <!-- 2018/12/21 541 Tam edit start -->
                <input type="hidden" id="other_only" value="{$other_only}">
                <!-- 2018/12/21 541 Tam edit end -->
                <!-- end new options-->

                <!-- .rsv-form-section＠合計料金 -->
                <!-- 2018/12/19 524 Nhu edit start -->
                <!-- <div class="box_lv2 rsv-form-section"> -->
                <div class="box_lv2 rsv-form-section" {if $other_only}style="display: none"{/if}>
                <!-- 2018/12/19 524 Nhu edit end -->
                    <h4>{$lang_list.PleaseConfirmTheCharge}</h4>
                    <!-- #RsvChargesWrapper -->
                    <div id="RsvChargesWrapper">
                        <div class="ec-loader rsv-loader" style="display:none;"><div></div></div>
                        <table class="rsv-charges">
                            <thead>
                            <tr>
                                <th class="rsvchg-rooms">{$lang_list.AccommodationTotal}</th>
                                <th class="rsvchg-options">{$lang_list.OptionsTotal}</th>
                                <th class="rsvchg-others">{$lang_list.OtherTotal}</th>
                                <th class="rsvchg-total">{$lang_list.Total9}</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td class="rsvchg-rooms"><span class="rsvchg-charge">-</span>{$lang_list.Yen}</td>
                                <td class="rsvchg-options"><span class="rsvchg-charge">-</span>{$lang_list.Yen}</td>
                                <td class="rsvchg-others"><span class="rsvchg-charge">-</span>{$lang_list.Yen}</td>
                                <td class="rsvchg-total"><span class="rsvchg-charge">-</span>{$lang_list.Yen}</td>
                            </tr>
                            </tbody>
                        </table>
                    </div><!-- /#RsvChargesWrapper -->
                </div>
                <!-- /.rsv-form-section＠合計料金 -->

            </div><!-- /.box-inner-->
        </div><!-- /.box-->
        <!-- 2018/01/22 17213 Tam edit start -->
		<!-- .rsv-form -->
		{*<div class="rsv-form">
			<!-- .rsv-form-section＠利用規約・同意 -->
			<div class="rsv-form-section rsv-form-calced" style="display:none;">
				<h4 class="rsv-stayrule-note">{$lang_list.PleaseReadTerms}</h4>
				<h5 class="rsv-stayrule-head">{$hotel.HTL_NAME}　{$lang_list.StayAgreement}</h5>
				<div class="rsv-stayrule-body">{$hotel.STAY_RULE|nl2br}</div>
				<div class="rsv-stayrule-control">
					<input type="checkbox" id="IsAgree" class="form-checkbox" />
                    <label for="IsAgree" class="rsv-stayrule-agree">{$lang_list.AgreeToTheAboveTerms}
                    </label>
				</div>
			 </div><!--/.rsv-form-section＠利用規約・同意 -->
		</div>*}<!-- /.rsv-form -->
        <!-- 2018/01/22 17213 Tam edit end -->
        <!-- 2018/07/27 Nhu edit start -->
        <div class="error_dialog" title="{$lang_list.AlertMessage}">  
            <p id="err_content">
                <input type="hidden" id="lang_delOption" value="{$lang_list.DeleteSelectedOpt}" />
            </p>  
        </div> 
        <!-- 2018/07/27 Nhu edit end -->
        <!-- 2018/08/16 Nhu edit start -->
        <div class="num_over_dialog" title="{$lang_list.AlertMessage}">
            <p id="num_over_text">
                {$lang_list.MaxOptionUsers}
            </p>  
        </div>  
        <div class="null_course_dialog" title="{$lang_list.AlertMessage}">
            <p id="null_course_text">
                {$lang_list.NullCourse}
            </p>  
        </div>
        <!-- 2018/08/16 Nhu edit end -->
        <!-- 2018/09/18 Nhu edit start -->
        <div class="comb_course_dialog" title="{$lang_list.AlertMessage}">
            <p id="comb_course_text">
            </p>  
        </div>
        <!-- 2018/09/18 Nhu edit end -->
	</form><!-- /#FrmMain -->
{/if}
    <div class="ec-control">
	<!-- 2018/1/11 kurato 注意書き start-->
        <!-- 2018/02/08 17213 Tam edit start -->
        {*<p class="check-msg">{$lang_list.NotChecked}</p>*}
        <!-- 2018/02/08 17213 Tam edit end -->
	<!-- 2018/1/11 kurato 注意書き end-->
        <a id="BtnNext" href="#" class="rsv-btn rsv-btn-large" style="">{$lang_list.ToTheNext9}</a>
    </div>
    <input type="hidden" id="info-content" value="{$lang_list.PleaseChooseOption}"/>

    <!-- .rsv-nav -->
    <div class="rsv-nav clrfix">
        <!-- 2018/07/27 Nhu edit start -->
        <a href="javascript:void(0)" class="rsv-btn rsv-nav-prev">
        <!-- 2018/07/27 Nhu edit end -->
        {if $plan_data.OTHERS_ONLY == 1}
            {$lang_list.BkDateAndNumberOfPeople}
        {else}
            {$lang_list.BackToNumberOfDateAndRoom}
        {/if}
        </a>
    </div><!-- /.rsv-nav -->
    <input type="hidden" value="{$lang_list.ToRedo}" id="Lang_ToRedo">
</div><!-- /#Body -->
{include file='./footer.inc.html'}