{include file='./header_sp.inc.html' title=$title css=$css_files js=$js_files tpl=$tpl_files}
      <div data-role="content" style="padding-bottom: 65px;">
        <!-- 多言語 -->
{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}
        {if $plan_list|@count > 0}
            <a data-role="button" data-transition="fade" href="#next"
               data-icon="arrow-r" data-iconpos="right" class="m-btn m-btn-search m-btn-arrow">
                {$lang_list.SearchForPlan}
            </a>
        {/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="PlanCnt" name="plan_cnt" value="{$plan_list|@count}">
        <input type="hidden" id="PlanDispCnt" name="plan_disp_cnt" value="5">
        <input type="hidden" id="Stay" value="{$con.select_stay}">

        <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 $plan_list|@count == 0}
          <p class="no_result_lead">{$lang_list.NoSearchResultsSP}</p>
          <a data-role="button" data-transition="fade" href="#next"
             data-icon="arrow-r" data-iconpos="right" class="m-btn m-btn-search m-btn-arrow">
             {$lang_list.SearchForPlan}
          </a>
          <br>
          <a id="ReturnPlanList" data-role="button" data-transition="fade"
             href="javascript:void(0);"
             data-icon="arrow-r" data-iconpos="right"
             class="m-btn m-btn-enter ui-btn ui-btn-up-c ui-shadow ui-btn-corner-all ui-btn-icon-right"
             data-corners="true" data-shadow="true" data-iconshadow="true"
             data-wrapperels="span" data-theme="c">
              <span class="ui-btn-inner ui-btn-corner-all">
                  <span class="ui-btn-text">{$lang_list.PlanReserveGlance}</span>
                  <span class="ui-icon ui-icon-arrow-r ui-icon-shadow">&nbsp;</span>
              </span>
          </a>
          {else}
        <p class="search_result_lead">{$lang_list.PlanResultIs}
            <em>{$plan_list|@count}</em>
            {$lang_list.PlanResultNumbers}
        </p>
        <div class="tab tabclear sortchange" data-role="controlgroup" data-type="horizontal"
             style="margin:1.3em 0; text-align:center;">
            <a id="disp" data-role="button" {if $con.sort == "disp" || $con.sort == ""}class="ui-btn-active"{/if}>{$lang_list.Recommendation}</a>
            <a id="asc" data-role="button" {if $con.sort == "asc"}class="ui-btn-active"{/if}>{$lang_list.LowToHigh}</a>
            <a id="desc" data-role="button" {if $con.sort == "desc"}class="ui-btn-active"{/if}>{$lang_list.HighToLow}</a>
        </div>
     	 	{section name=customer loop=$plan_list start=$dispidx_s max=$con.disp_count}
     	 	{assign var="pid" value=$plan_list[customer].PLN_ID}
     	 	{assign var="dcnt" value=$smarty.section.customer.iteration}
     	 	{if $plan_list[customer].PLN_MIN_CHARGE > "0"}
     	 	{if ($plan_list[customer].plan_zaiko > 0 && $con.mode == "refine") || ($con.mode != "refine")}
     	 	<div class="plan_list_{$con.disp_count}" {if $con.disp_count > 5}style="display:block;"{/if}>
                <ul data-role="listview" data-theme="c" data-divider-theme="a">
     	 			<li data-role="list-divider">
                        {$plan_list[customer].PLN_NAME}
                        <div class="tli-sales">
                            <span class="mark">
                                {$lang_list.Available}
                            </span>
                            {$plan_list[customer].PLN_START} {$lang_list.ConnectionWord2} {$plan_list[customer].PLN_END}
                        </div>
                    </li>
     	 			<li>
                        <!-- slider -->
                        {if $plan_list[customer].THUMB_LIST}
                            <div class="slider js-plan-slider">
                            {foreach from=$plan_list[customer].THUMB_LIST key="i" item="t"}
                                    <!-- プラン画像 -->
                                    <div>
                                        <figure>
                                            <div class="slider-img">
                                                <img class="lazy" id="mainImg{$plan_list[customer].PLN_ID}"
                                                     src="{$smarty.const.PIC_URL}thumb/{$t}" alt="{$plan_list[customer].PLN_NAME}"/>
                                            </div>
                                            <figcaption>
                                                {$plan_list[customer].PLN_NAME}
                                            </figcaption>
                                        </figure>
                                    </div>
                            {/foreach}
                            </div>
                        {/if}
                        <!-- /slider -->
                        {if $plan_list[customer].CONDITIONS}
						<!-- こだわり条件 -->
                            <div class="plan-conditions">
                                {foreach from=$plan_list[customer].CONDITIONS item="condition"}
                                    <span class="{if $condition.id|in_array:$con.condition_list} match_condition {else} condition {/if}">{$condition.name}</span>
                                {/foreach}
                            </div>
                        {/if}
						<!-- /こだわり条件 -->
                        <!-- plan-intro -->
                        <div class="plan-intro">
                            {if $plan_list[customer].PLN_CAP_PC_LIGHT}
                            {$plan_list[customer].PLN_CAP_PC_LIGHT|nl2br}
                            {elseif $plan_list[customer].PLN_CAP_PC}
                            {$plan_list[customer].PLN_CAP_PC|strip_tags|truncate:400}
                            {else}
                            {$lang_list.MoreInfo}
                            {/if}
                        </div>
                        <!-- /plan-intro -->
                        <!-- plan-meals -->
                        <div class="plan-meals">
                            <p class="plan-meals-head breakfast {if $plan_list[customer].BRK_THUMB_LIST}accordion-head{/if}">{$lang_list.Breakfast}</p>
                            <p class="plan-meals-intro">{$plan_list[customer].PLN_BRK_NAME}</p>
                            {if $plan_list[customer].BRK_THUMB_LIST}
                            <div class="accordion-body">
                                <!-- slider -->
                                <div class="slider js-meal-slider">
                                    {foreach from=$plan_list[customer].BRK_THUMB_LIST item="t" name=breakfirsts}
                                    <div>
                                        <figure>
                                            <div class="slider-img">
                                                <img class="lazy" src="{$smarty.const.PIC_URL}meal/{$t}" alt="{$plan_list[customer].PLN_BRK_NAME}" />
                                            </div>
                                            <figcaption>
                                                {$plan_list[customer].PLN_BRK_NAME}
                                            </figcaption>
                                        </figure>
                                    </div>
                                    {/foreach}
                                </div>
                            </div>
                            {/if}
                            <p class="plan-meals-head dinner {if $plan_list[customer].DIN_THUMB_LIST}accordion-head{/if}">{$lang_list.Dinner}</p>
                            <p class="plan-meals-intro">{$plan_list[customer].PLN_DIN_NAME}</p>
                            {if $plan_list[customer].DIN_THUMB_LIST}
                                <div class="accordion-body">
                                    <div class="slider js-meal-slider">
                                        {foreach from=$plan_list[customer].DIN_THUMB_LIST item="t" name=dinners}
                                        <div>
                                            <figure>
                                                <div class="slider-img">
                                                    <img class="lazy"  src="{$smarty.const.PIC_URL}meal/{$t}" alt="{$plan_list[customer].PLN_DIN_NAME}" />
                                                </div>
                                                <figcaption>
                                                    {$plan_list[customer].PLN_DIN_NAME}
                                                </figcaption>
                                            </figure>
                                        </div>
                                        {/foreach}
                                    </div>
                                </div>
                            {/if}
                        </div>
                        <!-- /plan-meals -->
                        <!-- plan-charges -->
                        <div class="plan-charges">
                            <a href="#" data-role="button" data-inline="true" data-theme="e"
                               data-ajax="false"
                               class="m-btn m-btn-enter m-btn-s plan-charges-head accordion-head">
                               {$lang_list.RoomsAvailable}
                            </a>
                            <div class="accordion-body">
                                {foreach from=$plan_list[customer].ROOM_INFO item="r"}
                                <table class="table-plan">
                                    <thead>
                                    <tr>
                                        <th colspan="2">
                                            <div class="header-room">
                                                <div class="header-room-name">{$r.TYPE_NAME}</div>
                                                <!-- 2018/1/18 kurato 画面スキップ start-->
                                                {if $con.mode == 'refine' && $disp_flg.use_cal_mini == 0}
                                                <a href="./date_room.php?htl_id={$hotel.HTL_ID}&plan_id={$plan_list[customer].PLN_ID}&y={$con.year}&m={$con.month}&d={$con.days}&type_id={$r.TYPE_ID}&lang={$lang}"
                                                    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.SelectAccommodationDate}</a>
                                                {else}
                                                <a href="./cal_mini.php?htl_id={$hotel.HTL_ID}&pln_id={$plan_list[customer].PLN_ID}&co_id={if $con.co_id !=""}{$con.co_id}{else}0{/if}&year={$con.year}&month={$con.month}&days={$con.days}&category_id={$con.category_id}&cap_disp=1&mode={$con.mode}&type_id={$r.TYPE_ID}&select_type={$con.select_type}&choice=plan&lang={$lang}&select_room={$con.select_room}&min_price={$con.min_price}&max_price={$con.max_price}&select_stay={$con.select_stay}&select_person={$con.select_person}"
                                                    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.SelectAccommodationDate}</a>
                                                {/if}
                                                <!-- 2018/1/18 kurato 画面スキップ end-->
                                            </div>
                                        </th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <!-- 2017/02/04 17213 Tam edit start -->
                                    {if 0 < $r.PLN_CHG_PERSON1 && $r.PLN_MIN <= 1 && 1 <= $r.PLN_MAX}
                                    <tr>
                                        <th>1{$lang_list.PersonRoom}</th>
                                        <td class="charge">
                                            <!-- {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} -->
                                            &yen;{$r.PLN_CHG_PERSON1|number_format}{$lang_list.Price}
                                        </td>
                                    </tr>
                                    {/if}
                                    {if 0 < $r.PLN_CHG_PERSON2 && $r.PLN_MIN <= 2 && 2 <= $r.PLN_MAX}
                                    <tr>
                                        <th>2{$lang_list.PersonRoom}</th>
                                        <td class="charge">
                                            <!-- {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} -->
                                            &yen;{$r.PLN_CHG_PERSON2|number_format}{$lang_list.Price}
                                        </td>
                                    </tr>
                                    {/if}
                                    {if 0 < $r.PLN_CHG_PERSON3 && $r.PLN_MIN <= 3 && 3 <= $r.PLN_MAX}
                                    <tr>
                                        <th>3{$lang_list.PersonRoom}</th>
                                        <td class="charge">
                                            <!-- {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} -->
                                            &yen;{$r.PLN_CHG_PERSON3|number_format}{$lang_list.Price}
                                        </td>
                                    </tr>
                                    {/if}
                                    {if 0 < $r.PLN_CHG_PERSON4 && $r.PLN_MIN <= 4 && 4 <= $r.PLN_MAX}
                                    <tr>
                                        <th>4{$lang_list.PersonRoom}</th>
                                        <td class="charge">
                                            <!-- {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} -->
                                            &yen;{$r.PLN_CHG_PERSON4|number_format}{$lang_list.Price}
                                        </td>
                                    </tr>
                                    {/if}
                                    {if 0 < $r.PLN_CHG_PERSON5 && $r.PLN_MIN <= 5 && 5 <= $r.PLN_MAX}
                                    <tr>
                                        <th>5{$lang_list.PersonRoom}</th>
                                        <td class="charge">
                                            <!-- {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} -->
                                            &yen;{$r.PLN_CHG_PERSON5|number_format}{$lang_list.Price}
                                        </td>
                                    </tr>
                                    {/if}
                                    {if 0 < $r.PLN_CHG_PERSON6 && $r.PLN_MIN <= 6 && 6 <= $r.PLN_MAX}
                                    <tr>
                                        <th>6{$lang_list.PersonRoom}</th>
                                        <td class="charge">
                                            <!-- {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} -->
                                            &yen;{$r.PLN_CHG_PERSON6|number_format}{$lang_list.Price}
                                        </td>
                                    </tr>
                                    {/if}
                                    <!-- 2017/02/04 17213 Tam edit end -->
                                    </tbody>
                                </table>
                                {/foreach}
                                <p class="text-note">{$lang_list.BasicCharge}</p>

                            </div>
                        </div>
                        <!-- /plan-charges -->
                    </li>
     	 		</ul>
                <p class="back-to-top"><a class="top" href="#">{$lang_list.GoToTop}</a></p>
     	 	</div>
          <!--/.plan_list-->
     	 	{/if}
     	 	{/if}
     	 	{/section}
     	 	{/if}
     	 	<div id="LoadingBox" style="width:100%;text-align:center;margin-top:25px;"></div>
            <div class="paging-sp" id="paging_sp">
                <div class="show-number">
                    {$plan_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} {if $con.disp_page <= 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} {if $total_page <= $con.disp_page} ec-disabled{/if}">
                        <!-- {$lang_list.NextSP} -->
                        {$lang_list.NextSP}{$con.disp_count}{$lang_list.CountSP}
                    </a>
                </div>
            </div>
      </div><!--/content-->
    </div><!--/#home-->
	<!-- 2018/1/18 kurato 検索機能修正 start -->
    <div id="next" data-role="page" style="overflow-y: visible;">
	    <div data-role="header" style="height:43px;">
            <a data-role="button" data-transition="fade" href="#home" data-rel="back" class="m-btn m-btn-close m-btn-s">{$lang_list.Close}</a>
            <h1>{$lang_list.SearchForPlan}</h1>
        </div>
        <!-- @todo replace with template not have any functions-->
		<!-- 2018/2/6 kurato 検索部分を共通ファイルへ変更 start-->
        {include file='./search_sp.inc.html'}
		<!-- 2018/2/6 kurato 検索部分を共通ファイルへ変更 end-->
        <div data-role="content" class="modal-main">
            <div style="text-align:center;">
                <input id="PageMode" type="hidden" value="plan">
                <a href="javascript:void(0);" data-role="button" data-icon="arrow-r"
                   data-iconpos="right" data-ajax="false" data-theme="e"
                   class="ToSearchBtn m-btn m-btn-search m-btn-s">
                    {$lang_list.SearchText}
                </a>
                <!-- 2017/1/24 chinen 検索条件をクリアする start -->
                <br>
                <a id="ClearTextSp" class="rsv-link" href="#">{$lang_list.ClearSearch}</a>
                <br>
                <br>
                <!-- 2017/1/24 chinen 検索条件をクリアする end -->
                <a data-transition="fade" href="#home" class="m-btn m-btn-close m-btn-s"
                   data-rel="back">
                    {$lang_list.Close}
                </a>
            </div>
        </div>
     </div>
    </div>
	</body>
	<!-- 2018/1/18 kurato 検索機能修正 end -->
    <!-- 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>