{include file='./header_sp.inc.html' title=$title css=$css_files js=$js_files tpl=$tpl_files}
      <div data-role="content" style="padding-bottom: 115px;">
          <!-- 多言語 -->
          {if $hotel.LANG_SELECT_FLG}
          <!-- 2018/01/15 17213 Tam edit start -->
        <!-- <div id="selectLang">
            <a onclick="changeLanguage('')" class="{if $lang == '' || $lang == 'ja'}is-current{/if}"><img src="{$design_url}img/flag-jp.gif" />日本語</a>
            <a class="{if $lang == 'en'}is-current{/if}"  onclick="changeLanguage('en')"><img src="{$design_url}img/flag-us.gif" />
                <img src="{$design_url}img/flag-gb.gif" /><img src="{$design_url}img/flag-au.gif" />
                英語
            </a>
            <a class="{if $lang == 'ch'}is-current{/if}"  onclick="changeLanguage('ch')"><img src="{$design_url}img/flag-cn.gif" />中国語(簡体)</a>
            <a class="{if $lang == 'chh'}is-current{/if}" onclick="changeLanguage('chh')"><img src="{$design_url}img/flag-tw.gif" />中国語(繁体)</a>
            <a class="{if $lang == 'ko'}is-current{/if}" onclick="changeLanguage('ko')"><img src="{$design_url}img/flag-kr.gif" />韓国語</a>
        </div> -->
        <select id="lang-selector" style="float: left; margin-right: 15px;">
            <option value="" data-imagesrc="./style/default/img/flag-blank.png">Languages</option>
            <option value="ja" data-imagesrc="./style/default/img/flag-jp.gif" {if $lang == 'ja'}selected{/if}>{$lang_list.Japanese}</option>
            <option value="en" data-imagesrc="./style/default/img/flag-us.gif" {if $lang == 'en'}selected{/if}>{$lang_list.English}</option>
            <option value="ch" data-imagesrc="./style/default/img/flag-tw.gif" {if $lang == 'ch'}selected{/if}>{$lang_list.ChineseSimpled}</option>
            <option value="chh" data-imagesrc="./style/default/img/flag-cn.gif" {if $lang == 'chh'}selected{/if}>{$lang_list.ChineseTraditional}</option>
            <option value="ko" data-imagesrc="./style/default/img/flag-kr.gif" {if $lang == 'ko'}selected{/if}>{$lang_list.Korean}</option>
        </select>
        <!-- 2018/01/15 17213 Tam edit end -->
          {/if}
          <input type="hidden" id="HtlId" name="htl_id" value="{$hotel.HTL_ID}">
          <input type="hidden" id="CoId" name="co_id" value="{$con.co_id}">
          <input type="hidden" id="RoomCnt" name="room_cnt" value="{$room_list|@count}">
          <input type="hidden" id="RoomDispCnt" name="room_disp_cnt" value="5">

        <ul style="margin-top: 10px;">
            <p class="text-accent" style="text-align: center; font-size: 1em;">
                {$lang_list.Asterisk}{$lang_list.IfYouAreUsingATabBrowser}</p>
            <p class="ui-li-desc">
                {$lang_list.PleaseDoNotMakeReservation}<br />
                {$lang_list.GoingBackAndForth}
            </p>
        </ul>

        <!-- 2018/10/23 Nhu edit start -->
        {if $lang == 'en' and $hotel.FRONT_DESCRIPTION_EN != ''}
            <div class="HtlFrontDesc">
                {$hotel.FRONT_DESCRIPTION_EN}
            </div>
        {elseif $lang == 'ch' and $hotel.FRONT_DESCRIPTION_CH != ''}
            <div class="HtlFrontDesc">
                {$hotel.FRONT_DESCRIPTION_CH}
            </div>
        {elseif $lang == 'chh' and $hotel.FRONT_DESCRIPTION_CHH != ''}
            <div class="HtlFrontDesc">
                {$hotel.FRONT_DESCRIPTION_CHH}
            </div>
        {elseif $lang == 'ko' and $hotel.FRONT_DESCRIPTION_KO != ''}
            <div class="HtlFrontDesc">
                {$hotel.FRONT_DESCRIPTION_KO}
            </div>
        {elseif $lang == 'ja' || $lang == '' and $hotel.FRONT_DESCRIPTION != ''}
            <div class="HtlFrontDesc">
                {$hotel.FRONT_DESCRIPTION}
            </div>
        {/if}
        <!-- 2018/10/23 Nhu edit end -->

          {if $room_list|@count == 0}
            <p style="text-align:center;font-size:12px;">{$lang_list.RoomSearchNoResultSP}</p>
          {else}
          <p class="search_result_lead">
              {$lang_list.RoomSearchResultIs}
              <em>{$room_list|@count}</em>
              {$lang_list.RoomSearchResultNumbers}
          </p>
            {/if}
        <!-- 2018/03/02 17213 Tam edit start -->
        {*{foreach from=$room_list key="type_id" item="r" name="room_data"}
        {assign var="dcnt" value=$smarty.foreach.room_data.iteration}*}
        {section name="lp" loop=$room_list start=$dispidx_s max=$con.disp_count}
        {assign var="r" value=$room_list[$smarty.section.lp.index]}
				<div class="rl room_list_{$con.disp_count}" >
					<ul data-role="listview" data-theme="c" data-divider-theme="a">
						<li data-role="list-divider">{$r.TYPE_NAME}</li>
						<li>
                            <div class="plan-intro">
                                {if $r.RM_CAP_PC_LIGHT != ""}
                                {$r.RM_CAP_PC_LIGHT|nl2br}
                                {else}
                                <font style="font-color:#9A9972;">次の画面で詳細な内容を表示いたします。</font>
                                {/if}
                            </div>
                            {if $r.THUMB_LIST}
                                <!-- slider -->
                                <div class="slider">
                                    {foreach from=$r.THUMB_LIST key="i" item="t"}
                                    <figure>
                                        <div class="slider-img">
                                            <img class="lazy" id="mainImg{$r.TYPE_ID}"
                                                 src="{$smarty.const.PIC_URL}room/{$t}" alt="" style="" />
                                        </div>
                                        <figcaption>
                                            {$r.TYPE_NAME}
                                        </figcaption>
                                    </figure>
                                    {/foreach}
                                </div>
                            {/if}
                            <!-- plan-charges -->
                            <div class="plan-charges">
                                <h4 class="plan-charges-head accordion-head"><span class="plan-charges-text">{$lang_list.OfferPlan}</span></h4>
                                <div class="accordion-body">
                                    {foreach from=$r.PLAN_INFO key="pln_id" item="p" name="p_info"}
                                        {if ($p.plan_zaiko > 0 && $con.mode == "refine") || ($con.mode != "refine")}
                                            <table class="table-plan">
                                                <thead>
                                                    <tr>
                                                        <th colspan="2">
                                                            <!-- 2018/09/27 Nhu edit start -->
                                                            <div class="header-room">
                                                                <!-- <span>{$p.PLN_NAME}</span> -->
                                                                <div class="header-room-name">{$p.PLN_NAME}</div>
                                                                {if $con.mode == 'refine' && $disp_flg.use_cal_mini == 0}
                                                                <!-- <a href="./date_room.php?htl_id={$hotel.HTL_ID}&plan_id={$p.PLN_ID}&y={$con.year}&m={$con.month}&d={$con.days}&type_id={$r.TYPE_ID}&lang={$lang}" -->
                                                                <a href="./date_room.php?htl_id={$hotel.HTL_ID}&plan_id={$p.PLN_ID}&y={$con.year}&m={$con.month}&d={$con.days}&type_id={$r.TYPE_ID}&lang={$lang}&choice=room"
                                                                data-role="button" data-inline="true" data-theme="e" data-ajax="false" class="m-btn m-btn-enter m-btn-ss" onclick="$.showLoading()">{$lang_list.PlanReserveSP}</a>
                                                                {else}
                                                                <!-- <a href="cal_mini.php?htl_id={$hotel.HTL_ID}&pln_id={$p.PLN_ID}&co_id={$con.co_id|default:0}&year={$con.year}&month={$con.month}&type_id={$r.TYPE_ID}&days={$con.days}&category_id={$con.category_id}&category_id2={$con.category_id2}&category_id3={$con.category_id3}&select_type={$con.select_type}&cap_disp=1&mode={$con.mode}&choice=room&lang={$lang}" -->
                                                                <a href="cal_mini.php?htl_id={$hotel.HTL_ID}&pln_id={$p.PLN_ID}&co_id={$con.co_id|default:0}&year={$con.year}&month={$con.month}&type_id={$r.TYPE_ID}&days={$con.days}&category_id={$con.category_id}&category_id2={$con.category_id2}&category_id3={$con.category_id3}&select_type={$con.select_type}&cap_disp=1&mode={$con.mode}&choice=room&lang={$lang}"
                                                                data-role="button" data-inline="true" data-theme="e"
                                                                data-ajax="false" class="m-btn m-btn-enterm-btn-ss" onclick="$.showLoading()">{$lang_list.SelectAccommodationDate}</a>
                                                                {/if}
                                                            </div>
                                                            <!-- 2018/09/27 Nhu edit end -->
                                                        </th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                {if 0 < $p.PLN_CHG_PERSON1}
                                                <tr>
                                                    <th>1{$lang_list.PersonRoom}</th>
                                                    <td class="charge">
                                                        {if 0 < $p.PLN_CHG_PERSON1}&yen;{$p.PLN_CHG_PERSON1|number_format}{$lang_list.Price}{/if}
                                                    </td>
                                                </tr>
                                                {/if}
                                                {if 0 < $p.PLN_CHG_PERSON2}
                                                <tr>
                                                    <th>2{$lang_list.PersonRoom}</th>
                                                    <td class="charge">
                                                        {if 0 < $p.PLN_CHG_PERSON2}&yen;{$p.PLN_CHG_PERSON2|number_format}{$lang_list.Price}{/if}
                                                    </td>
                                                </tr>
                                                {/if}
                                                {if 0 < $p.PLN_CHG_PERSON3}
                                                <tr>
                                                    <th>3{$lang_list.PersonRoom}</th>
                                                    <td class="charge">
                                                        {if 0 < $p.PLN_CHG_PERSON3}&yen;{$p.PLN_CHG_PERSON3|number_format}{$lang_list.Price}{/if}                                        </td>
                                                </tr>
                                                {/if}
                                                {if 0 < $p.PLN_CHG_PERSON4}
                                                <tr>
                                                    <th>4{$lang_list.PersonRoom}</th>
                                                    <td class="charge">
                                                        {if 0 < $p.PLN_CHG_PERSON4}&yen;{$p.PLN_CHG_PERSON4|number_format}{$lang_list.Price}{/if}
                                                    </td>
                                                </tr>
                                                {/if}
                                                {if 0 < $p.PLN_CHG_PERSON5}
                                                <tr>
                                                    <th>5{$lang_list.PersonRoom}</th>
                                                    <td class="charge">
                                                        {if 0 < $p.PLN_CHG_PERSON5}&yen;{$p.PLN_CHG_PERSON5|number_format}{$lang_list.Price}{/if}                                        </td>
                                                </tr>
                                                {/if}
                                                {if 0 < $p.PLN_CHG_PERSON6}
                                                <tr>
                                                    <th>6{$lang_list.PersonRoom}</th>
                                                    <td class="charge">
                                                        {if 0 < $p.PLN_CHG_PERSON6}&yen;{$p.PLN_CHG_PERSON6|number_format}{$lang_list.Price}{/if}                                        </td>
                                                </tr>
                                                {/if}
                                                </tbody>
                                            </table>
                                            <p class="text-note">{$lang_list.BasicCharge}</p>
                                        {/if}
                                    {/foreach}

                                </div>
                            </div>
                            <!-- /plan-charges -->
						</li>
					</ul>
                    <p class="back-to-top"><a class="top" href="#">{$lang_list.GoToTop}</a></p>
				</div><!--/.room_list_num -->
				{/section}
     	 	<div id="LoadingBox" style="width:100%;text-align:center;margin-top:25px;"></div>
        <div class="paging-sp">
            <div class="show-number">
                {$room_list|@count}{$lang_list.ConnectionWord1}{if $lang=='' || $lang=='ja'}　{/if}{math equation="x+1" x=$dispidx_s}{$lang_list.OutOf}{if $lang!='' && $lang!='ja'} {/if}{$dispidx_e}{$lang_list.ItemDisplay}
            </div>
            <div class="btn-next-prev">
                <a href="#"   class="sp-paging paging-prev rsv-btn rsv-sp-prev P{math equation="x-1" x=$con.disp_page_r} {if $con.disp_page_r <= 1} ec-disabled{/if}">
                    <!--- {$lang_list.PrevSP} -->
                    {$lang_list.PrevSP}{$con.disp_count}{$lang_list.CountSP}
                </a>
                <a href="#"  class="sp-paging paging-next rsv-btn rsv-sp-next P{math equation="x+1" x=$con.disp_page_r} {if $total_page <= $con.disp_page_r} ec-disabled{/if}">
                    <!-- {$lang_list.NextSP} -->
                    {$lang_list.NextSP}{$con.disp_count}{$lang_list.CountSP}
                </a>
            </div>
        </div>
        <!-- 2018/03/02 17213 Tam edit end -->
      </div><!--/content-->
    </div><!--/#home-->
    </body>
    <!-- 2018/01/15 17213 Tam edit start -->
    <script type="text/javascript" src="{$design_url}js/change_lang.js"></script>
    <style>
        {literal}
         .dd-selected{
          height: 30px;
          padding: 0;
          border-radius: 3px;
          background: #fff;
          font-size: 108.33333%;
          cursor: pointer;
          font-weight: normal;
         }
         .dd-selected-text{
          line-height: 30px!important;
         }
         .dd-option{
          padding: 5px;
          border-bottom: none;
         }
         .dd-selected-image{
          margin-top: 9px;
          margin-left: 9px;
         }
         .dd-option-image{
           margin-top: 4px;
         }
         #lang-selector li {
         float: none;
         margin-right: 0px;
        }
        #lang-selector{
         float: none;
         margin: -3px 0 20px;
        }
        .dd-pointer-down {
            border: solid 2px transparent;
            border-top: solid 3px #ccc;
        }
        .dd-pointer-up {
            border: solid 2px transparent !important;
            border-bottom: solid 3px #ccc !important;
            margin-top: -4px;
        }
        .ui-body-c .ui-link {
            color: #000;
            font-weight: 400;
        }
        .ui-body-c .ui-link:hover {
            color: #000;
        }
         {/literal}
    </style>
    <!-- 2018/01/15 17213 Tam edit end -->
</html>