{include file='./header.inc.html' title="お部屋一覧" 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 ">
				<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 tab_active">
				<p class="tab_title">{$lang_list.SelectByRoom}</p>
			</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>

	<ul class="rsv-foot" style="margin-top: 10px;">
		<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>

	<!-- 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 -->
{if $err_msg.common || $err_msg.params}
	{include file='./error.inc.html' err_msg=$err_msg sys_msg=$sys_msg}
{else}
	{if !$room_list}
		<!-- .err_msg -->
		<p class="no-result-msg">{$lang_list.NoSearchResults}</p><!-- /.err_msg -->
	{/if}
{/if}
	
	<!-- .top-list-control -->
	<div class="top-list-control clrfix">
		<!-- .tlc-count -->
		<div class="form-select tlc-count">
			{$lang_list.Each}
			<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.RoomsPerPage}
		</div><!-- /.tlc-count -->
		
		<!-- .tlc-pager -->
		<div class="tlc-pager P{$con.disp_page_r}">
			<a class="tlc-pager-item P{math equation="x-1" x=$con.disp_page_r} rsv-btn{if $con.disp_page_r <= 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.MatterIn}<span class="tlc-pager-hint-num">{$dispidx_e}</span>{$lang_list.OutOf} <span class="tlc-pager-hint-result">{$room_list|@count}</span>{$lang_list.MatterEnd}</span>
			{else}
			<span class="tlc-pager-hint"><span class="tlc-pager-hint-result">{$room_list|@count}</span>{$lang_list.MatterIn}　<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.MatterEnd}</span>
			{/if}
			<a class="tlc-pager-item P{math equation="x+1" x=$con.disp_page_r} rsv-btn{if $total_page <= $con.disp_page_r} ec-disabled{/if}" href="#">{$lang_list.Next}</a>
		</div><!-- /.tlc-pager -->
	</div><!-- /.top-list-control -->
	
{if $room_list}
	<!-- #TopList -->
	<ul id="TopList">
{section name="lp" loop=$room_list start=$dispidx_s max=$con.disp_count}
	{assign var="r" value=$room_list[$smarty.section.lp.index]}
		<!-- .top-list-item -->
		<li class="top-list-item clrfix">
		
		
	<div class="box">
			<!-- お部屋名 -->
			<h3 class="clrfix">
				<div class="box-title">{$r.TYPE_NAME}</div>
			</h3>
			<!-- 販売期間 -->
			<div class="tli-sales"></div>
		<div class="box-inner">
			<!-- お部屋画像 -->
{if $r.THUMB_LIST}
			<div class="tli-thumb">
				<div class="tli-thumb-attn">
					<a class="popup-img" rel="tli-{$r.TYPE_ID}" title="{$r.TYPE_NAME}" href="{$smarty.const.PIC_URL}room/{$r.THUMB_LIST[0]}">
						<img src="{$design_url}img/img-loader.gif" data-img="tli-{$r.TYPE_ID}" data-src="{$smarty.const.PIC_URL}room/{$r.THUMB_LIST[0]}"
							 alt="お部屋画像"/>
					</a>
				</div>
				<ul class="tli-thumb-list clrfix">
	{foreach from=$r.THUMB_LIST key="i" item="t"}
		{if 0 < $i}
					<li class="rsv-selectable">
						<a class="popup-img" rel="tli-{$r.TYPE_ID}" title="{$r.TYPE_NAME}" href="{$smarty.const.PIC_URL}room/{$t}">
							<img class="js-hover-change-img" src="{$design_url}img/img-loader.gif" data-target="tli-{$r.TYPE_ID}" data-src="{$smarty.const.PIC_URL}room/{$t}" alt="お部屋画像">
						</a>
					</li>
		{/if}
	{/foreach}
				</ul>
				<span class="ec-txt-special">{$lang_list.ClickOnThe}</span>
			</div>
{/if}
			<!-- お部屋紹介文 -->
			<div class="tli-intro">
	{if $r.RM_CAP_PC_LIGHT}
				{$r.RM_CAP_PC_LIGHT|nl2br}
	{elseif $r.RM_CAP_PC}
				{$r.RM_CAP_PC|strip_tags|truncate:400}
	{/if}
			</div>
			<!-- プラン一覧 -->
			<div class="tli-charges">
				<table>
					<thead>
						<tr>
							<th class="tli-charges-name">{$lang_list.PlanList}</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>
						</tr>
					</thead>
					<tbody>
	{foreach from=$r.PLAN_INFO item="p"}
						<tr>
							<th class="tli-charges-name"><a class="rsv-link-reserve P{$p.PLN_ID} T{$r.TYPE_ID} Y{$p.CAL_Y} M{$p.CAL_M} D{$p.CAL_D}" href="#">{$p.PLN_NAME}</a></th>
							<td class="tli-charges-price">{if 0 < $p.PLN_CHG_PERSON1}&yen;{$p.PLN_CHG_PERSON1|number_format}{$lang_list.PriceRoom}{/if}</td>
							<td class="tli-charges-price">{if 0 < $p.PLN_CHG_PERSON2}&yen;{$p.PLN_CHG_PERSON2|number_format}{$lang_list.PriceRoom}{/if}</td>
							<td class="tli-charges-price">{if 0 < $p.PLN_CHG_PERSON3}&yen;{$p.PLN_CHG_PERSON3|number_format}{$lang_list.PriceRoom}{/if}</td>
							<td class="tli-charges-price">{if 0 < $p.PLN_CHG_PERSON4}&yen;{$p.PLN_CHG_PERSON4|number_format}{$lang_list.PriceRoom}{/if}</td>
							<td class="tli-charges-price">{if 0 < $p.PLN_CHG_PERSON5}&yen;{$p.PLN_CHG_PERSON5|number_format}{$lang_list.PriceRoom}{/if}</td>
							<td class="tli-charges-price">{if 0 < $p.PLN_CHG_PERSON6}&yen;{$p.PLN_CHG_PERSON6|number_format}{$lang_list.PriceRoom}{/if}</td>
						</tr>
	{/foreach}
					</tbody>
				</table>
				<span class="ec-txt-special">{$lang_list.BasicChargePer}</span>
			</div>
		</div><!-- /.box -->
	</div><!-- / .box-inner-->
			<div class="pagetop">
                <a href="#">
                    {$lang_list.GoToTop}
                </a>
            </div>

		</li><!-- /.top-list-item -->
{/section}
	</ul><!-- /#TopList -->
{/if}
	
	<!-- .top-list-control.foot -->
	<div class="top-list-control foot clrfix">
		<!-- .tlc-count -->
		<div class="form-select tlc-count">
			{$lang_list.Each}
			<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.RoomsPerPage}
		</div><!-- /.tlc-count -->

		<!-- .tlc-pager -->
		<div class="tlc-pager P{$con.disp_page_r}">
			<a class="tlc-pager-item P{math equation="x-1" x=$con.disp_page_r} rsv-btn{if $con.disp_page_r <= 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.MatterIn}<span class="tlc-pager-hint-num">{$dispidx_e}</span>{$lang_list.OutOf} <span class="tlc-pager-hint-result">{$room_list|@count}</span>{$lang_list.MatterEnd}</span>
			{else}
			<span class="tlc-pager-hint"><span class="tlc-pager-hint-result">{$room_list|@count}</span>{$lang_list.MatterIn}　<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.MatterEnd}</span>
			{/if}
			<a class="tlc-pager-item P{math equation="x+1" x=$con.disp_page_r} rsv-btn{if $total_page <= $con.disp_page_r} ec-disabled{/if}" href="#">{$lang_list.Next}</a>
		</div><!-- /.tlc-pager -->
	</div><!-- /.top-list-control -->
</div><!-- /#Body -->
{include file='./footer.inc.html'}