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

<!-- #Body -->
<div id="Body" class="lang-{$lang}">
	<input type="hidden" id="page" value="calendar_search">
	<!-- 2018/10/24 Nhu edit start -->
	<div id="tab" class="clrfix">
		<ul class="clrfix">
			<li class="tab_item tab_plan">
				<a title="{$lang_list.SelectByPlan}" href="./plan_search.php?{$con|@http_build_query|escape}" onclick="$.showLoading()">
					<p class="tab_title">{$lang_list.SelectByPlan}</p>
				</a>
			</li>
			<li class="tab_item tab_room">
				<a title="{$lang_list.SelectByRoom}" href="./room_search.php?{$con|@http_build_query|escape}" onclick="$.showLoading()">
					<p class="tab_title">{$lang_list.SelectByRoom}</p>
				</a>
			</li>
			<li class="tab_item tab_calendar tab_active">
				<p class="tab_title">{$lang_list.SelectByCalendar}</p>
			</li>
		</ul>
	</div>
	<!-- 2018/10/24 Nhu edit end -->
	<!-- #TopList -->
	<ul class="cal-search">
		<!-- .top-list-item -->
		<li class="top-list-item clrfix">
			<div class="box cal-box">
				<!-- お部屋名 -->
				<!-- <h3 class="clrfix"> -->
					<!-- 2018/09/26 Do edit start -->
					<!-- <div class="box-title">{$lang_list.SearchFromCalendar}</div> -->
					<!-- 2018/09/26 Do edit end -->
				<!-- </h3> -->
				<!-- 販売期間 -->
				{if $tpl_files}{foreach from=$tpl_files item='i'}{include file=$i}{/foreach}{/if}
				<!-- include template files-->
				{if $err_msg.common || $err_msg.params}
					{include file='./error.inc.html' err_msg=$err_msg sys_msg=$sys_msg}
				{else}
					{if !$plan_list}
						<!-- .err_msg -->
						<p class="no-result-msg">{$lang_list.NoSearchResults}</p><!-- /.err_msg -->
						<div class="tli-control" style="padding-bottom: 50px">
							<a id="ReturnCalendarSearch" class="rsv-btn rsv-btn-large" href="#">{$lang_list.LodgmentPlan}</a>
						</div>
					{else}
						<div style="text-align:center;">
							<span style="color:red; font-weight:bold;">{$lang_list.CalendarSearchNote}</span>
						</div>
					{/if}
				{/if}
				<div>
					<div id="calendar-box">
					{if $plan_list}
						<div class="calendar-box-bottom" style="position: relative">
							<table class="calendar-planlist" cellspacing="0" cellpadding="0">
								<div class="ec-loader rsv-loader" style="display:none;"><div></div></div>
								<thead>
									<tr id="template" style="display: none">
										<th nowrap="nowrap" colspan="" elem="month">
											<div class="month">
												<!-- 2018/09/26 Do edit start -->
												<span></span>{if $lang == 'en'}{elseif $lang == 'ko'}월{else}月{/if}
												<!-- 2018/09/26 Do edit end -->
											</div>
										</th>
									</tr>
									<tr>
										<!-- 2018/09/26 Do edit start -->
										<th rowspan="3">{$lang_list.RoomList}</th>
										<th rowspan="3" width="60">{$lang_list.Capacity}</th>
										<th colspan="14">
											<div class="month">
												<span class="prev"><a href="javascript:void(0)" id="btnPrev">&larr;{$lang_list.Prev}</a></span>
												<input type="hidden" id="datetime" value="{$con.year}-{$con.month}-{$con.days}"/>
												<label class="icon-date" id="labelYmd">{$lang_list.SelectDateFromCalendar}</label>
												<span class="next"><a href="javascript:void(0)" id="btnNext">{$lang_list.Next}&rarr;</a></span>
											</div>
										</th>
										<!-- 2018/09/26 Do edit end -->
									</tr>
									<tr id="month"></tr>
									<tr class="day" id="days">
										{section name=foo start=0 loop=13 step=1}
										<th day="1"></th>
										{/section}
									</tr>
								</thead>
								<tbody>
									{foreach from=$plan_list key="pid" item="plist"}
									<tr data-id="{$plist.PLN_ID}" class="plan_header">
										<td colspan="17" class="theme-head">
											<h3 class="clrfix" style="padding-right: 0">
												<div class="box-title tli-planname">{$plist.PLN_NAME}</div>
												<!-- 2018/09/26 Do edit start -->
												<button class="plan_info tli-sales rsv-btn P{$plist.PLN_ID}" style="margin-top: 5px;">{$lang_list.PlanInfomation}</button>
												<!-- 2018/09/26 Do edit end -->
											</h3>
											
										</td>
									</tr>
									{if $plist.CONDITIONS}
										<tr>
											<td colspan="17">
												<div class="tli-conditions">
													{foreach from=$plist.CONDITIONS item="condition"}
													<span class="{if $condition.id|in_array:$con.condition_list} match_condition {else} condition {/if}">{$condition.name}</span>
													{/foreach}
												</div>
											</td>
										</tr>
									{/if}
										{foreach from=$plist.ROOM_INFO item="tlist"}
										<tr class="PL{$plist.PLN_ID} TY{$tlist.TYPE_ID}">
											<td class="p10">{$tlist.TYPE_NAME}</td>
											<td style="text-align: center; padding: 0">{$tlist.PLN_MIN}{$lang_list.Person3} {$lang_list.To} {$tlist.PLN_MAX}{$lang_list.Person3}</td>
											{section name=foo start=0 loop=13 step=1}
												<td style="text-align: center;" class="cell">
													<div class="ec-loader rsv-loader">
														<span class="image"></span>
													</div>
													<div class="cell-content"></div>
													</div>
												</td>
											{/section}
										</tr>
										{/foreach}
									{/foreach}
								</tbody>
							</table>
						</div>
					{/if}	
					</div>
				</div><!-- /.box -->
			</div><!-- / .box-inner-->
		</li><!-- /.top-list-item -->
	</ul><!-- /#TopList -->
	<div id="plan_info" class="dialog">
	
	</div>
	<div id="AVAILABLE" data-sts="{$hotel.AVAILABLE_STS_FLG}" data-switch="{$hotel.AVAILABLE_SWITCH}" style="display:none"></div>
</div><!-- /#Body -->

{include file='./footer.inc.html'}