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

<!-- #Body -->
<div id="Body" class="lang-{$lang}">
<input type="hidden" id="UseCalMini" value="{$disp_flg.use_cal_mini}" />
	<div id="tab" class="clrfix">
		<ul class="clrfix">
			<!-- 2018/10/24 Nhu edit start -->
			<li class="tab_item tab_plan tab_active">
				<p class="tab_title">{$lang_list.SelectByPlan}</p>
			</li>
			<li class="tab_item tab_room">
				<!-- 2018/01/15 17213 Tam edit start -->
				<!-- <a title="{$lang_list.SelectByRoom}" href="./room_search.php?htl_id={$hotel.HTL_ID}"> -->
				<a title="{$lang_list.SelectByRoom}" href="./room_search.php?{$con|@http_build_query|escape}" onclick="$.showLoading()">
					<!-- 2018/01/15 17213 Tam edit end -->
					<p class="tab_title">{$lang_list.SelectByRoom}</p>
				</a>
			</li>
			<li class="tab_item tab_calendar">
				<a title="{$lang_list.SelectByCalendar}" href="./calendar_search.php?{$con|@http_build_query|escape}" onclick="$.showLoading()">
					<p class="tab_title">{$lang_list.SelectByCalendar}</p>
				</a>
			</li>
			<!-- 2018/10/24 Nhu edit end -->
		</ul>
	</div>
	<!-- include template files-->
	{if $tpl_files}{foreach from=$tpl_files item='i'}{include file=$i}{/foreach}{/if}
	<!-- 2018/10/23 Nhu edit start -->
	<div class="HtlFrontDesc">
		{if $lang == 'en'}
			{$hotel.FRONT_DESCRIPTION_EN}
		{elseif $lang == 'ch'}
			{$hotel.FRONT_DESCRIPTION_CH}
		{elseif $lang == 'chh'}
			{$hotel.FRONT_DESCRIPTION_CHH}
		{elseif $lang == 'ko'}
			{$hotel.FRONT_DESCRIPTION_KO}
		{else}
			{$hotel.FRONT_DESCRIPTION}
		{/if}
	</div>
	<!-- 2018/10/23 Nhu edit end -->
	<!-- .rsv-nav -->
	<!--<div class="rsv-nav clrfix">
		<a href="./room_search.php?htl_id={$hotel.HTL_ID}" class="rsv-btn rsv-nav-next">お部屋一覧へ ＞</a>
	</div>--><!-- /.rsv-nav -->
	
{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="ReturnPlanList" class="rsv-btn rsv-btn-large" href="#">{$lang_list.LodgmentPlan}</a>
		</div>
	{/if}
{/if}

	{if $plan_list}
	<!-- .timesale -->
	<div class="timesale box" style="display:none;">
		<ul class="timesale-list clrfix"></ul>
		<span class="arrow_l"></span>
		<span class="arrow_r"></span>
	</div><!-- /.timesale -->
	{/if}

	{if $plan_list}
	<!-- .top-list-control.head -->
	<div class="top-list-control head clrfix">
		<!-- .tlc-sort -->
		<ul class="tlc-sort">
			<li class="tlc-tab rsv-selectable{if $con.sort == ''} ec-selected{/if}"><a href="?{$con|@http_build_query|escape}&sort=&disp_page=1" onclick="$.showLoading()">{$lang_list.Recommendation}</a></li>
			<li class="tlc-tab rsv-selectable{if $con.sort == 'asc'} ec-selected{/if}"><a href="?{$con|@http_build_query|escape}&sort=asc&disp_page=1" onclick="$.showLoading()">{$lang_list.LowToHigh}</a></li>
			<li class="tlc-tab rsv-selectable{if $con.sort == 'desc'} ec-selected{/if}"><a href="?{$con|@http_build_query|escape}&sort=desc&disp_page=1" onclick="$.showLoading()">{$lang_list.HighToLow}</a></li>
		</ul><!-- /.tlc-sort -->
		
		<!-- .tlc-count -->
		<div class="form-select tlc-count">
			{$lang_list.ch_unit}
			<p class="form-select-label">{$con.disp_count}</p>
			<select class="tlc-in-count">
				<option value="5"{if $con.disp_count == 5} selected{/if}>5</option>
				<option value="10"{if $con.disp_count == 10} selected{/if}>10</option>
				<option value="15"{if $con.disp_count == 15} selected{/if}>15</option>
			</select>{$lang_list.PerPage}
		</div><!-- /.tlc-count -->
		
		<!-- .tlc-pager -->
		<div class="tlc-pager P{$con.disp_page}">
			<a class="tlc-pager-item P{math equation="x-1" x=$con.disp_page} rsv-btn{if $con.disp_page <= 1} ec-disabled{/if}" href="#">{$lang_list.Prev}</a>
			{if $lang != ""}
			<span class="tlc-pager-hint"><span class="tlc-pager-hint-num">{math equation="x+1" x=$dispidx_s}</span>{$lang_list.ConnectionWord1}<span class="tlc-pager-hint-num">{$dispidx_e}</span>{$lang_list.OutOf} <span class="tlc-pager-hint-result">{$plan_list|@count}</span>{$lang_list.ItemDisplay}</span>
			{else}
			<span class="tlc-pager-hint"><span class="tlc-pager-hint-result">{$plan_list|@count}</span>{$lang_list.ConnectionWord1}　<span class="tlc-pager-hint-num">{math equation="x+1" x=$dispidx_s}</span>{$lang_list.OutOf}<span class="tlc-pager-hint-num">{$dispidx_e}</span>{$lang_list.ItemDisplay}</span>
			{/if}
			<a class="tlc-pager-item P{math equation="x+1" x=$con.disp_page} rsv-btn{if $total_page <= $con.disp_page} ec-disabled{/if}" href="#">{$lang_list.Next}</a>
		</div><!-- /.tlc-pager -->
	</div><!-- /.top-list-control -->
	{/if}

{if $plan_list}
	<!-- #TopList -->
	<ul id="TopList">
{section name="lp" loop=$plan_list start=$dispidx_s max=$con.disp_count}
	{assign var="p" value=$plan_list[$smarty.section.lp.index]}
		<!-- .top-list-item -->
		<li class="top-list-item clrfix">
		
	<div class="box">
			<!-- プラン名 -->
			<h3 class="clrfix">
				<div class="box-title tli-planname">{$p.PLN_NAME}</div>
				<!-- 販売期間 -->
				<div class="tli-sales"><span class="mark">{$lang_list.Available}</span>{$p.PLN_START} {$lang_list.ConnectionWord2} {$p.PLN_END}</div>
			</h3>
		<div class="box-inner">
{if $p.THUMB_LIST}
			<!-- プラン画像 -->
			<div class="tli-thumb">
				<div class="tli-thumb-attn">
                    <a class="popup-img" rel="tli-{$p.PLN_ID}" title="{$p.PLN_NAME}" href="{$smarty.const.PIC_URL}thumb/{$p.THUMB_LIST[0]}">
                         <img data-img="tli-{$p.PLN_ID}" src="{$design_url}img/img-loader.gif" data-src="{$smarty.const.PIC_URL}thumb/{$p.THUMB_LIST[0]}" alt="プラン画像">
                     </a>
                </div>
				<ul class="tli-thumb-list clrfix">
	{foreach from=$p.THUMB_LIST key="i" item="t"}
		{if 0 < $i}
					<li class="rsv-selectable">
                        <a class="popup-img" rel="tli-{$p.PLN_ID}" title="{$p.PLN_NAME}" href="{$smarty.const.PIC_URL}thumb/{$t}">
                        <img class="js-hover-change-img" data-target="tli-{$p.PLN_ID}" src="{$design_url}img/img-loader.gif" data-src="{$smarty.const.PIC_URL}thumb/{$t}" alt="プラン画像">
                        </a>
                    </li>
		{/if}
	{/foreach}
				</ul>
				<span class="ec-txt-special">{$lang_list.LagerImg}</span>
			</div>
{/if}
{if $p.CONDITIONS}
			<!-- こだわり条件 -->
			<div class="tli-conditions">
    {foreach from=$p.CONDITIONS item="condition"}
				<!-- 2018/1/18/ kurato こだわり条件色分け　start -->
    			<span class="{if $condition.id|in_array:$con.condition_list} match_condition {else} condition {/if}">{$condition.name}</span>
				<!-- 2018/1/18/ kurato こだわり条件色分け　end -->
    {/foreach}
			</div>
{/if}
			<!-- プラン紹介文 -->
			<div class="tli-intro">
	{if $p.PLN_CAP_PC_LIGHT}
				{$p.PLN_CAP_PC_LIGHT|nl2br}
	{elseif $p.PLN_CAP_PC}
				{$p.PLN_CAP_PC|strip_tags|truncate:400}
	{else}
				{$lang_list.MoreInfo}
	{/if}
			</div>
			<!-- 食事 -->
			<div class="tli-meals">
				<ul>
					<li>
						<p class="tli-meals-text"><span class="mark dinner">{$lang_list.Dinner}</span>{$p.PLN_DIN_NAME}</p>
						<div class="clrfix">
	{if $p.DIN_THUMB_LIST && $disp_flg.meal_img}
							<div class="tli-meals-thumb-attn">
								<a class="popup-img aspect-protected" rel="tli-din-{$p.PLN_ID}"
								   title="{$p.PLN_DIN_NAME}" href="{$smarty.const.PIC_URL}meal/{$p.DIN_THUMB_LIST[0]}"
								   style="display: inline-block; height: 215px; width: 215px; position: relative;">
									<img  data-img="din-{$p.PLN_ID}" style="max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);"
									src="{$smarty.const.PIC_URL}meal/{$p.DIN_THUMB_LIST[0]}" data-src="{$smarty.const.PIC_URL}meal/{$p.DIN_THUMB_LIST[0]}"/>
								</a>
							</div>
						<ul class="tli-meals-thumb-list">
		{foreach from=$p.DIN_THUMB_LIST item="t" name=dinners}
							{if $smarty.foreach.dinners.index != 0 }
							<li class="rsv-selectable">
								<a class="popup-img aspect-protected" rel="tli-din-{$p.PLN_ID}"
								   title="{$p.PLN_DIN_NAME}" style="display: inline-block; height: 62px; width: 62px; position: relative;"
								   href="{$smarty.const.PIC_URL}meal/{$t}">
									<img data-target="din-{$p.PLN_ID}" class="js-hover-change-img" style="width: 62px; height: 42px; position: absolute; left: 0px; top: 10px;"
										 src="{$smarty.const.PIC_URL}meal/{$t}"
										 data-src="{$smarty.const.PIC_URL}meal/{$t}" alt="Dinner">
								</a>
							</li>
							{/if}

		{/foreach}
						</ul>
						</div>
	{/if}
					</li>
					<li>
						<p class="tli-meals-text"><span class="mark breakfast">{$lang_list.Breakfast}</span>{$p.PLN_BRK_NAME}</p>
						<div class="clrfix">
	{if $p.BRK_THUMB_LIST && $disp_flg.meal_img}
							<div class="tli-meals-thumb-attn">
								<a class="popup-img aspect-protected" rel="tli-din-{$p.PLN_ID}"
								   title="{$p.PLN_BRK_NAME}" href="{$smarty.const.PIC_URL}meal/{$p.BRK_THUMB_LIST[0]}"
								   style="display: inline-block; height: 215px; width: 215px; position: relative;">
									<img data-img="breakfast-{$p.PLN_ID}" style="max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);"
										 src="{$smarty.const.PIC_URL}meal/{$p.BRK_THUMB_LIST[0]}" data-src="{$smarty.const.PIC_URL}meal/{$p.BRK_THUMB_LIST[0]}"/>
								</a>
							</div>
						<ul class="tli-meals-thumb-list">
		{foreach from=$p.BRK_THUMB_LIST item="t" name=breakfirsts}
							{if $smarty.foreach.breakfirsts.index != 0 }
							<li class="rsv-selectable">
								<a style="display: inline-block; height: 62px; width: 62px; position: relative;"
								   class="popup-img aspect-protected" rel="tli-brk-{$p.PLN_ID}"
														  title="{$p.PLN_BRK_NAME}" href="{$smarty.const.PIC_URL}meal/{$t}">
									<img data-target="breakfast-{$p.PLN_ID}" class="js-hover-change-img" style="width: 62px; height: 42px; position: absolute; left: 0px; top: 10px;"
										 src="{$smarty.const.PIC_URL}meal/{$t}" data-src="{$smarty.const.PIC_URL}meal/{$t}" alt="Breakfast">
								</a>
							</li>
							{/if}
		{/foreach}
						</ul>
	{/if}
						</div>
					</li>
				</ul>
			</div>
			<!-- 料金一覧 -->
			<div class="tli-charges">
				<table>
					<thead>
						<tr>
							<th class="tli-charges-name">{$lang_list.RoomList}</th>
							<th class="tli-charges-price">1{$lang_list.PersonRoom}</th>
							<th class="tli-charges-price">2{$lang_list.PersonRoom}</th>
							<th class="tli-charges-price">3{$lang_list.PersonRoom}</th>
							<th class="tli-charges-price">4{$lang_list.PersonRoom}</th>
							<th class="tli-charges-price">5{$lang_list.PersonRoom}</th>
							<th class="tli-charges-price">6{$lang_list.PersonRoom}</th>
                                                        <th class="tli-charges-reserve"></th>
						</tr>
					</thead>
					<tbody>
	{foreach from=$p.ROOM_INFO item="r"}
						<tr>
							<th class="tli-charges-name">{$r.TYPE_NAME}</th>
							<td class="tli-charges-price">{if 0 < $r.PLN_CHG_PERSON1 && $r.PLN_MIN <= 1 && 1 <= $r.PLN_MAX}&yen;{$r.PLN_CHG_PERSON1|number_format}{$lang_list.Price}{/if}</td>
							<td class="tli-charges-price">{if 0 < $r.PLN_CHG_PERSON2 && $r.PLN_MIN <= 2 && 2 <= $r.PLN_MAX}&yen;{$r.PLN_CHG_PERSON2|number_format}{$lang_list.Price}{/if}</td>
							<td class="tli-charges-price">{if 0 < $r.PLN_CHG_PERSON3 && $r.PLN_MIN <= 3 && 3 <= $r.PLN_MAX}&yen;{$r.PLN_CHG_PERSON3|number_format}{$lang_list.Price}{/if}</td>
							<td class="tli-charges-price">{if 0 < $r.PLN_CHG_PERSON4 && $r.PLN_MIN <= 4 && 4 <= $r.PLN_MAX}&yen;{$r.PLN_CHG_PERSON4|number_format}{$lang_list.Price}{/if}</td>
							<td class="tli-charges-price">{if 0 < $r.PLN_CHG_PERSON5 && $r.PLN_MIN <= 5 && 5 <= $r.PLN_MAX}&yen;{$r.PLN_CHG_PERSON5|number_format}{$lang_list.Price}{/if}</td>
							<td class="tli-charges-price">{if 0 < $r.PLN_CHG_PERSON6 && $r.PLN_MIN <= 6 && 6 <= $r.PLN_MAX}&yen;{$r.PLN_CHG_PERSON6|number_format}{$lang_list.Price}{/if}</td>
                                                        <td class="tli-charges-reserve">
                                                        <!-- 申込 --><!-- 遷移時は常にYMDの値を用いる -->
														<!-- 2018/1/10 kurato 画面スキップ start--> 
                                                            <a class="rsv-btn rsv-btn-reserve P{$p.PLN_ID} Y{$p.CAL_Y} M{$p.CAL_M} D{$p.CAL_D} T{$r.TYPE_ID}" href="#">{$lang_list.Reservation}</a>
														<!-- 2018/1/10 kurato 画面スキップ end-->
                                                        </td>
                                                </tr>
	{/foreach}
					</tbody>
				</table>
				<span class="ec-txt-special">{$lang_list.BasicCharge}</span>
			</div>
		</div> <!-- /.box-inner-->
		</div><!-- /.box -->

		<div class="pagetop">
            <a href="#">
                {$lang_list.GoToTop}
            </a>
        </div>
		
		</li><!-- /.top-list-item -->
{/section}
	</ul><!-- /#TopList -->
{/if}

	{if $plan_list}
	<!-- .top-list-control.foot -->
	<div class="top-list-control foot clrfix">
		<!-- .tlc-count -->
		<div class="form-select tlc-count">
			{$lang_list.ch_unit}
			<p class="form-select-label">{$con.disp_count}</p>
			<select class="tlc-in-count">
				<option value="5"{if $con.disp_count == 5} selected{/if}>5</option>
				<option value="10"{if $con.disp_count == 10} selected{/if}>10</option>
				<option value="15"{if $con.disp_count == 15} selected{/if}>15</option>
			</select>{$lang_list.PerPage}
		</div><!-- /.tlc-count -->
		
		<!-- .tlc-pager -->
		<div class="tlc-pager P{$con.disp_page}">
			<a class="tlc-pager-item P{math equation="x-1" x=$con.disp_page} rsv-btn{if $con.disp_page <= 1} ec-disabled{/if}" href="#">{$lang_list.Prev}</a>
			{if $lang != ""}
			<span class="tlc-pager-hint"><span class="tlc-pager-hint-num">{math equation="x+1" x=$dispidx_s}</span>{$lang_list.ConnectionWord1}<span class="tlc-pager-hint-num">{$dispidx_e}</span>{$lang_list.OutOf} <span class="tlc-pager-hint-result">{$plan_list|@count}</span>{$lang_list.ItemDisplay}</span>
			{else}
			<span class="tlc-pager-hint"><span class="tlc-pager-hint-result">{$plan_list|@count}</span>{$lang_list.ConnectionWord1}　<span class="tlc-pager-hint-num">{math equation="x+1" x=$dispidx_s}</span>{$lang_list.OutOf}<span class="tlc-pager-hint-num">{$dispidx_e}</span>{$lang_list.ItemDisplay}</span>
			{/if}
			<a class="tlc-pager-item P{math equation="x+1" x=$con.disp_page} rsv-btn{if $total_page <= $con.disp_page} ec-disabled{/if}" href="#">{$lang_list.Next}</a>
		</div><!-- /.tlc-pager -->
	</div><!-- /.top-list-control -->
	{/if}
</div><!-- /#Body -->
{include file='./footer.inc.html'}