{include file='./header.inc.html' title=$lang_list.ArrivalDate css=$css_files js=$js_files tpl=$tpl_files}

<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="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="EditRsvNo" value="{$con.edit_rsvno}" />
<!-- 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}" />
<!-- 2018/12/22 539 Nhu edit end -->
<input type="hidden" id="pln_start" value="{$pln_start}" />
<input type="hidden" id="pln_end" value="{$pln_end}" />
<input type="hidden" id="today" value="{$today}" />
<input type="hidden" id="cxl_flg" value="{$cxl_flg}" />

<div id="Body">
	<!-- .rsv-nav -->
	<div class="rsv-nav clrfix">
		<!-- a href="#"></a -->
		<div class="rsv-nav-guide">
			<ol class="rsv-nav-list">
                <li class="current">{$lang_list.DateAndNumberOfPeople}</li>
                <li>{$lang_list.EnterBookingInfo}</li>
                <li>{$lang_list.EnterCustomerInfo}</li>
                <li>{$lang_list.ConfirmBookingContent}</li>
			</ol>
		</div>
		<!--2018/1/9 kurato 表示項目削減 start-->
		{if $disp_flg.page_navi}
		<p class="rsv-nav-message">
			{if $con.from_list == 'edit'}
			<span class="ec-txt-note">{$lang_list.PleaseMakeReservationAgain} </span>
			{else}
			{$lang_list.Pleaseenterthenumberofpeopleyouuse}
			{/if}
		</p>
		{/if}
		<!--2018/1/9 kurato 表示項目削減 end-->
		{if $input.from_list == 'edit'}
		    <span class="ec-txt-note">{$lang_list.OptionChangeMethodAlert}</span>
		{/if}
	</div><!-- /.rsv-nav -->
	<div id="Room" class="box">
		<!-- #RoomDlgHead -->
		<h3 id="RoomDlgHead">
			<div class="box-title">{$plan_data.PLN_NAME}
			 <span class="roomdlg-year" style="display: none;">{$input.y}</span><span class="roomdlg-month" style="display: none;">{$input.m}</span><span class="roomdlg-day" style="display: none;">{$input.d}</span></div>
		</h3><!-- #RoomDlgHead -->
		<!-- 2018/12/10 Nhu edit start -->
		<div class="box-inner clearfix" style="padding: 30px 10px 0; background-color:#fff">
			{if $plan_data.THUMB_LIST}
			<div class="tli-thumb">
				<div class="tli-thumb-attn">
					<a class="popup-img" rel="tli-{$plan_data.PLN_ID}" title="{$plan_data.PLN_NAME}" href="{$smarty.const.PIC_URL}thumb/{$plan_data.THUMB_LIST[0]}"><img
						src="{$design_url}img/img-loader.gif" data-src="{$smarty.const.PIC_URL}thumb/{$plan_data.THUMB_LIST[0]}" alt="プラン画像"
						data-img="tli-{$plan_data.PLN_ID}"></a>
				</div>
				<ul class="tli-thumb-list clrfix">
					{foreach from=$plan_data.THUMB_LIST key="i" item="t"}
					{if 0 < $i} <li class="rsv-selectable">
						<a class="popup-img" rel="tli-{$plan_data.PLN_ID}" title="{$plan_data.PLN_NAME}" href="{$smarty.const.PIC_URL}thumb/{$t}"><img
							class="js-hover-change-img" src="{$design_url}img/img-loader.gif" data-src="{$smarty.const.PIC_URL}thumb/{$t}"
							alt="プラン画像" data-target="tli-{$plan_data.PLN_ID}"></a>
						</li>
						{/if}
						{/foreach}
				</ul>
				<span class="ec-txt-special">{$lang_list.ClickOnTheSmallImage}</span>
			</div>
			{/if}
			<div class="tli-intro">{if
				$plan_data.PLN_CAP_PC}{$plan_data.PLN_CAP_PC}{else}{$plan_data.PLN_CAP_PC_LIGHT|nl2br}{/if}
			</div>
		</div>
		<!-- 2018/12/10 Nhu edit end -->
		<!-- #RoomDlgBody -->
		<!-- 2018/12/03 Nhu edit start -->
		<div class="box-inner" id="SelectOptBody">
			<div class="box_lv2">
			<h4>
				１．{$lang_list.PleaseCheckTheDate}
			</h4>
			<!-- 2018/12/10 Nhu edit start -->
			<div class="select-date-opt">
				</label>
				<input type="text" id="option_selected"
						value="" class="ec-form-item-calendar form-text select-option-date"
						style="" />		
				<span style="display: none; font-size: 12px;" class="text_accent js-date_calendar-error">
					※{$lang_list.OutsideSales}
				</span>
				{if $cxl_flg == 1}
					<span style="font-size: 13px;" class="text_accent js-date_calendar-error">
						※{$lang_list.confirmEditRsvCxlMessage02}
					</span>
				{/if}
			</div>
			<!-- numbers people -->
		</div>
		<div>
			<div class="box_lv2">
				<!-- <div id="r"></div> -->
				<h4>２．{$lang_list.PleaseEnterNumberGuests}</h4>
				<div>
					<table style="width: 100%" id="table-number-people" class="rsv-heads">
						<thead>
							<tr>
								<th style="min-width: 20%" class="rsvhds-col-room">{$lang_list.Option_Plan}</th>
								<th class="rsvhds-col-num">{$lang_list.Adults}<br />{$lang_list.Male}</th>
								<th class="rsvhds-col-num">{$lang_list.Adults}<br />{$lang_list.Female}</th>
								<!-- 2018/12/20 536 Nhu edit start -->
								<th class="rsvhds-col-num">{$lang_list.ElementaryStudent}</th>
								<!-- 2018/12/20 536 Nhu edit end -->
								<th class="rsvhds-col-num">{$lang_list.Preschooler}</th>
							</tr>
						</thead>
						<tbody>
							<th class="rsvhds-col-num">
								{if $type_list}
								{$type_list.TYPE_NAME}<br />
								<span class="rsvhds-col-room-detail">
									{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}
								</span>
								<span style="display: none" class="text_accent js-date_room-error-num-room">
									{$lang_list.PleaseCorrectRoomNumber}
								</span>
								<input type="hidden" id="TypeId" value="{$type_list.TYPE_ID}" />
								{/if}
							</th>
							<!-- 2018/12/22 538 Nhu edit start -->
							<td class="rsvhds-col-num">
								<div class="form-select form-select-ss">
									<p class="form-select-label">--</p>
									<select class="rsvhds-cell-in rsvhds-cell-man ec-form-item-select " id="select-num1" name="select-num1">
										<option value="">--</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}</option>
										{/section}
										<!-- <option value="1">1</option>
										<option value="2">2</option>
										<option value="3">3</option>
										<option value="4">4</option>
										<option value="5">5</option>
										<option value="6">6</option> -->
									</select>{$lang_list.Mei}
								</div>
							</td>
							<td class="rsvhds-col-num">
								<div class="form-select form-select-ss">
									<p class="form-select-label">--</p>
									<select class="rsvhds-cell-in rsvhds-cell-woman ec-form-item-select " id="select-num1" name="select-num1">
										<option value="">--</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}</option>
										{/section}
										<!-- <option value="1">1</option>
										<option value="2">2</option>
										<option value="3">3</option>
										<option value="4">4</option>
										<option value="5">5</option>
										<option value="6">6</option> -->
									</select>{$lang_list.Mei}
								</div>
							</td>
							<!-- 2018/12/20 536 Nhu edit start -->
							<td class="rsvhds-col-num">
								<div class="form-select form-select-ss">
									<p class="form-select-label">--</p>
									<select class="rsvhds-cell-in rsvhds-cell-child1 ec-form-item-select " id="select-num1" name="select-num1">
										<option value="">--</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}</option>
										{/section}
										<!-- <option value="1">1</option>
										<option value="2">2</option>
										<option value="3">3</option>
										<option value="4">4</option>
										<option value="5">5</option>
										<option value="6">6</option> -->
									</select>{$lang_list.Mei}
								</div>
							</td>
							<!-- 2018/12/20 536 Nhu edit end -->
							<td class="rsvhds-col-num">
								<div class="form-select form-select-ss">
									<p class="form-select-label">--</p>
									<select class="rsvhds-cell-in rsvhds-cell-child ec-form-item-select " id="select-num1" name="select-num1">
										<option value="">--</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}</option>
										{/section}
										<!-- <option value="1">1</option>
										<option value="2">2</option>
										<option value="3">3</option>
										<option value="4">4</option>
										<option value="5">5</option>
										<option value="6">6</option> -->
									</select>{$lang_list.Mei}
								</div>
							</td>
							<!-- 2018/12/22 538 Nhu edit end -->
						</tbody>
					</table>
					<!-- 2018/02/09 17213 Tam edit start -->
					{*<!-- <p class="rsvhds-txt-note">
						<span class="ec-txt-note">{$lang_list.NumberPeopleNotice}</span><br />
						<br>
					</p> -->*}
					<!-- 2018/02/09 17213 Tam edit end -->
				</div>
			</div>
		</div>
		<!-- 2018/12/03 Nhu edit end -->
	</div>
</div>

<ul class="rsv-foot">
	<li class="rsv-foot-item rsv-foot-notes">
		<h6>{$lang_list.Asterisk}{$lang_list.IfYouAreUsingATabBrowser}</h6>
		<p>
			{$lang_list.PleaseDoNotMakeReservation}<br />
			{$lang_list.GoingBackAndForth}
		</p>
	</li>
</ul>
<p class="login-guide ec-txt-special">{$lang_list.PleaseProceedTheButtonBelow}</p>
{if $user}
<div id="LoginRsv" class="ec-control">
	<a id="BtnNext" href="#" class="rsv-btn rsv-btn-large next" style="width: 250px; background-position: 235px;">
		{if $is_has_other}
			{$lang_list.OptionInput}
		{else}
			{$lang_list.InputCustomerInfo}
		{/if}
	</a>
</div>
{else}
<div id="LoginBox" class="clrfix">
	<div class="col_box">
		<h3>{$lang_list.IDLogin}</h3>
		<div class="col_box-inner">
			<p>{$lang_list.WeWillRegisterOnInputPage}</p>
			<p><strong class="text_accent">{$lang_list.RequiredForMyPageLogin}</strong></p>
			<div class="tli-control">
				<a id="BtnNext" href="#" class="rsv-btn rsv-btn-large next" style="width: 250px;background-position: 235px;height:auto;">
					<span style="display: inline-block;line-height: 17px;margin-right: 20px;padding: 10px 0px 10px 10px;">{if $is_has_other}{$lang_list.NoLoginOptionEnterBtnText}{else}{$lang_list.NoLoginInfoEnterBtnText}{/if}</span>
				</a>
			</div>
		</div>
	</div>
	<div class="col_box">
		<h3>{$lang_list.HaveLoginID}</h3>
		<div class="col_box-inner">
			<!-- 2018/1/11 kurato パスワード問い合わせメール　start-->
			<p>{$lang_list.PleaseEnterYourEmailAndPassword}</p>
				<span class="auth_error EA01" style="display:none;">{$lang_list.TheLoginInformation}</span>
				<span class="auth_error ER01" style="display:none;">{$lang_list.PleaseEnterA}</span>
				<span class="auth_error ER02" style="display:none;">{$lang_list.ThisEmailAddress}</span>
				<span class="auth_error ER03" style="display:none;">{$lang_list.MailDeliveryError}</span>
				<span class="auth_error success" style="display:none;">{$lang_list.MailHasBeen}</span>                                
			<form action="" id="LoginForm" class="ec-form form-full">
				<input type="hidden" name="once_key" value="{$once_key}" />
				<label for="LoginMail" class="form-label">{$lang_list.EmailAddress}</label>
				<input type="text" id="LoginMail" class="form-text form-text-m" name="auth_mail">
				<label for="LoginPass" class="form-label">{$lang_list.Password}</label>
				<input type="password" id="LoginPass" class="form-text form-text-m" name="auth_pwd">
				<div class="tli-control">
					<a id="LoginNext" class="rsv-btn rsv-btn-large rsv-btn-submit next" style="height:auto;">
						<span style="display: inline-block;line-height: 17px;margin-right: 20px;padding: 10px 0px 10px 10px;">{if $is_has_other}{$lang_list.LoginOptionEnterBtnText}{else}{$lang_list.LoginInfoEnterBtnText}{/if}</span>
					</a>
				</div>
				<p id="LoginForgetText"><a href="#" class="rsv-forget-pass">{$lang_list.ForgotPassword}</a></p>
				<!-- 2018/1/12 kurato 多言語対応 start -->
				<div id="LoginForget">
					<p>{$lang_list.PressSend}<br>
						{$lang_list.PasswordEmail}</p>

					<label for="ForgetMail" class="form-label">{$lang_list.EmailAddress}</label>
					<input type="text" id="ForgetMail" class="form-text form-text-m">
					<div class="tli-control">
						<a id="PasswordRemind" class="rsv-btn rsv-btn-large rsv-btn-submit">{$lang_list.Send}</a>
					</div>
				<!-- 2018/1/12 kurato 多言語対応 end -->
			<!-- 2018/1/11 kurato パスワード問い合わせメール　end-->
				</div>
			</form>
	<!-- 2018/1/10 kurato ログイン end -->
		</div>
	</div>
</div>
{/if}
<!-- 2018/12/25 548 Nhu edit start -->
<div id="num_over_dialog" title="{$lang_list.AlertMessage}">
	<p>
		{$lang_list.PlanNumOver1}<span id="pln_min_capa"></span>{$lang_list.PlanNumOver2}<span id="pln_max_capa"></span>{$lang_list.PlanNumOver3}
	</p>
</div>

<div id="stop_exception_dialog" title="{$lang_list.AlertMessage}">
	<p>
		{$lang_list.PlanSalesExceptionDays01}<span id="exception_days"></span>{$lang_list.PlanSalesExceptionDays02}
	</p>
</div>

<div id="not_enough_other_dialog" title="{$lang_list.AlertMessage}">
	<p>{$lang_list.NoStockPleaseChange}</p>
	<p>{$lang_list.Option_Plan}：<span id="not_enough_other_dialog_opt_str"></span></p>
</div>

<!-- 2018/12/25 548 Nhu edit end -->
{include file='./footer.inc.html'}