{include file='./header_sp.inc.html' title=$title css=$css_files js=$js_files tpl=$tpl_files}
<div data-role="content" style="padding-bottom: 60px;">
    <input type="hidden" value="{$lang}" id="Lang">
    <!-- 多言語 -->
    {if $hotel.LANG_SELECT_FLG}
    <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>
    {/if}
    {if is_array($plan_list)}
    {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}
    {/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="{if is_array($room_list)}{$room_list|@count}{else}0{/if}">
    <input type="hidden" id="RoomDispCnt" name="room_disp_cnt" value="5">
    <input type="hidden" id="path_ref" value="{$path_ref}" >

    <input id="has_course" value="{$has_course}" type="hidden">
    <input id="disp_date" value="{$disp_date}" type="hidden">
    {if !$other_name}
    <p class="no_result_lead">{$lang_list.FixtureGroupNotExist}</p>
    {else}
        <input id="others_id" value="{$others_id}" type="hidden">
    {/if}
    <ul data-role="listview" data-theme="c" data-divider-theme="a" id="others_search">
        <li data-role="list-divider" class="headerCalendar">{$other_name}<span><input id="datetime" type="text" data-role="datebox"/></span></li>
        <li class="liCalendarHd" id='calendar-box'>
            <div>
                <ul class="jscCalendarContentsWrap" style="position: relative;">
                    <li class="">
                        <div class="jscCalendarHd calendarHd sticky">
                            <table>
                                <tr id="template" style="display: none">
                                    <th nowrap="nowrap" colspan="" elem="month">
                                        <div class="month">
                                            <span></span>{if $lang == 'en'}{elseif $lang == 'ko'}월{else}月{/if}
                                        </div>
                                    </th>
                                </tr>
                                <tr>
										<th rowspan="3" class="rank_title">{$lang_list.Option_Plan}</th>
                                </tr>
                                <tr id="month"></tr>
                                <tr id="days"></tr>
                            </table>
                        </div>
                        <dl class="calendarContents"></dl>
                    </li>
                </ul>
            </div>
        </li>
    </ul>
    <!-- 2018/12/12 518 Nhu edit start -->
	<!-- 2018/12/19 528 Nhu edit start -->
    {if $others_cap}
    <div class="OtherSearchCap">
        {$others_cap}
    </div>
    {/if}
    <!-- 2018/12/12 518 Nhu edit end -->
	<!-- 2018/12/19 528 Nhu edit end -->
</div>
<div style="display:none">
    <dt data-role="list-divider" role="heading" class="dt-head plan_header" id="course-name">
        <p class="plan_name"></p>
    </dt>
    <dd id="rank-list">
        <table></table>
    </dd>
    <div class="ec-loader" id="loader-rank"><div></div></div>
    <p id="emptyCourse" class="no_result_lead">{$lang_list.NotFindCourse}</p><!-- /.err_msg -->
</div>
<!--/content-->
</div>
</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: 10px 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;
}
.rank_title{
    white-space: normal;
}
.calendarContents{
    position: relative;
    /* min-height: 700px; */
}
.ec-loader div {
    top: 5%;
    left: 40%;
}
.ec-loader div:after {
    width: 31px;
    height: 31px;
    border-width: 10px;
}
{
    /literal
}
</style>
<!-- 2018/01/15 17213 Tam edit end -->

</html>