{include file='./header_sp.inc.html' title=$title css=$css_files js=$js_files tpl=$tpl_files}
        <input type="hidden" id="HtlId" value="{$hotel.HTL_ID}" />
        <input type="hidden" id="Lang" value="{$lang}" />
        <input type="hidden" id="PlnId" value="{$con.pln_id}" />
        <input type="hidden" id="InitY" value="{$con.year}" />
        <input type="hidden" id="InitM" value="{$con.month}" />
        <input type="hidden" id="InitD" value="{$con.days}" />
        <input type="hidden" id="EditRsvNo" value="{$con.edit_rsvno}" />
        <input type="hidden" id="choice" value="{$choice}" />
        <div class="step-nav">
            <ol class="step-list">
                <li class="current"></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ol>
            <p class="step-current">{$lang_list.SelectDateAndRoom}</p>
			<!-- 2018/1/18 kurato 表示項目削減 start-->
            {if $disp_flg.page_navi}
            <p class="l-text-lead">{$lang_list.PleaseConfirmTheDetailsSP}</p>
            {/if}
			<!-- 2018/1/18 kurato 表示項目削減 end-->
        </div>
      <div data-role="content">
          <div class="plan_list_1">
              <ul data-role="listview" data-theme="c" data-divider-theme="a">
                  <li data-role="list-divider">
                      {$plan_data.PLN_NAME}
                      <div class="tli-sales"><span class="mark">{$lang_list.Available}</span>{$plan_data.PLN_START} {$lang_list.To} {$plan_data.PLN_END}</div>
                  </li>
                  <li>
                      {if $plan_data.THUMB_LIST}
                      <div class="slider js-plan-slider">
                          {foreach from=$plan_data.THUMB_LIST key="i" item="t"}
                          <div>
                              <figure>
                                  <div class="slider-img">
                                      <img class="lazy"  src="{$smarty.const.PIC_URL}thumb/{$t}" alt="" />
                                  </div>
                                  <figcaption>
                                      {$plan_data.PLN_NAME}
                                  </figcaption>
                              </figure>
                          </div>
                          {/foreach}
                      </div>
                      {/if}
                      <div class="plan-intro">
                          {if $plan_data.PLN_CAP_PC}{$plan_data.PLN_CAP_PC}{else}{$plan_data.PLN_CAP_PC_LIGHT|nl2br}{/if}
                      </div>
                      <!-- plan-meals -->
                      <div class="plan-meals">
                          <p class="plan-meals-head breakfast {if $plan_data.BRK_THUMB_LIST}accordion-head{/if}">
                              {$lang_list.Breakfast5}
                          </p>
                          <p class="plan-meals-intro">{$plan_data.PLN_BRK_NAME}</p>
                          {if $plan_data.BRK_THUMB_LIST}
                          <div class="accordion-body">
                              <div class="slider">
                                  {foreach from=$plan_data.BRK_THUMB_LIST item="t" name=breakfirts}
                                  <div>
                                      <figure>
                                          <div class="slider-img">
                                              <img class="lazy" id="mainImg146" src="{$smarty.const.PIC_URL}meal/{$t}" alt="" />
                                          </div>
                                          <figcaption>
                                              {$plan_data.PLN_BRK_NAME}
                                          </figcaption>
                                      </figure>
                                  </div>
                                  {/foreach}
                              </div>
                          </div>
                          {/if}

                          <p class="plan-meals-head dinner {if $plan_data.DIN_THUMB_LIST}accordion-head{/if}">{$lang_list.Dinner5}</p>
                          <p class="plan-meals-intro">{$plan_data.PLN_DIN_NAME}</p>
                          {if $plan_data.DIN_THUMB_LIST}
                          <div class="accordion-body">
                              <div class="slider">
                                  {foreach from=$plan_data.DIN_THUMB_LIST item="t" name=dinnerImages}
                                  <div>
                                      <figure>
                                          <div class="slider-img">
                                              <img class="lazy" src="{$smarty.const.PIC_URL}meal/{$t}" alt="" />
                                          </div>
                                          <figcaption>
                                              {$plan_data.PLN_DIN_NAME}
                                          </figcaption>
                                      </figure>
                                  </div>
                                  {/foreach}
                              </div>
                          </div>
                          {/if}

                      </div>
                      <!-- /plan-meals -->
                  </li>
              </ul>
          </div>
          <div>
              <ul data-role="listview" data-theme="c" data-divider-theme="a">
                  <li>
                      <div>
                          <p class="text-note-normal no-mt">{$lang_list.SelectRoom}</p>
                          <table id="CalTbl">
                              <tbody>
                              <tr>
                                  <th>{$lang_list.RoomType}</th>
                              </tr>
                              <tr>
                                  <td>
                                      <select id="CalRoom" class="cal_change" name="calroom">
                                          {foreach name="lp" from=$plan_data.ROOM_INFO item="r"}
                                          <option value="{$r.TYPE_ID}" {if ($select_type && $select_type == $r.TYPE_ID) || (!$select_type && $smarty.foreach.lp.index == 0)}selected{/if}>
                                              {$r.TYPE_NAME}
                                          </option>
                                          {/foreach}
                                      </select>
                                  </td>
                              </tr>
                              </tbody>
                          </table>
                      </div>
                  </li>
              </ul>
              <ul data-role="listview" data-theme="c" data-divider-theme="a">
                  <li data-role="list-divider" class="m-calendar-head">
                      <h4>{$lang_list.PleaseClickOnYourDesired}</h4>
                  </li>
                  <li>
                      <div class="cal_loading_box">
                          <img src="{$design_url}img/tag_start{if $lang != ''}_{$lang}{/if}.gif">　<span>{$lang_list.CalendarLoading}</span>
                      </div>
                      <div class="l-calendar" id="Calendar">
                          <!-- #CalControl -->
                          <div class="m-calendar-control" id="CalControl">
                              <a href="#" id="BtnCalPrev" class="rsv-btn rsv-cal-prev">
                                  {$lang_list.PreviousMonth}
                              </a>
                              <span id="CalCtrlYM">{$input.y}{$lang_list.Year} {$input.m}{$lang_list.Month}</span>
                              <a href="#" id="BtnCalNext" class="rsv-btn rsv-cal-next">
                                  {$lang_list.NextMonth}
                              </a>
                          </div>
                          <!-- #CalControl -->
			                <!-- 2018/06/25 23902-3 Tam edit start -->
                            <!-- <p class="text-note">{$lang_list.BasicChargePerAdultPerson}</p> -->
                            <p class="text-note">{$lang_list.BasicChargePerAdultPerson}
                            {if $hotel.AVAILABLE_STS_FLG == 1}
                                <br><span>{$lang_list.RemainingRoomStatus}</span>
                            {/if}
                            </p>
			                <!-- 2018/06/25 23902-3 Tam edit end -->
                          <!-- #CalWrap -->
                          <div class="l-calendar-list" id="CalWrap">
                          </div>
                          <!-- /#CalWrap -->
                      </div>
                  </li>
              </ul>
          </div>
        {if ($con.from_list != 'edit' && $con.choice) || ($con.from_list != 'edit')}
          <a class="backbtn m-btn m-btn-prev m-btn-s"
             href="{$back_url}"
             data-role="button" data-inline="true" data-icon="arrow-l" data-ajax="false" onclick="$.showLoading()">
              {$lang_list.BackToPlan}
          </a>
          {/if}
      </div>
      <!--/content-->
    </div>
    <!--/#home-->
  </body>
<style>
    {literal}
    .m-calendar-head h4::before{
        background: url({/literal}{$design_url}{literal}img/tag_start{/literal}{if $lang != ''}_{$lang}{/if}{literal}.gif) no-repeat;
    }
    {/literal}
</style>
</html>