{#
This file is part of EC-CUBE
Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
http://www.ec-cube.co.jp/
For the full copyright and license information, please view the LICENSE
file that was distributed with this source code.
#}
{#{% form_theme form 'Form/form_div_layout.twig' %}#}
<br><br>
<section id="calendar_wrap" class="">
<div>
<div class="section_title">
<span>営業カレンダー</span>
<div class="fs-6 text-dark fw-normal">{{ '* 赤字は休業日です。'|trans }}</div>
</div>
<div class="ec-calendar d-flex justify-content-center">
<table id="this-month-table" class="col-4 mx-3">
<tr>
<th id="this-month-title" colspan="7" class="ec-calendar__title">{{ ThisMonthTitle }}</th>
</tr>
<tr>
<th class="text-center ec-calendar__sun">{{ '日'|trans }}</th>
<th class="text-center ec-calendar__mon">{{ '月'|trans }}</th>
<th class="text-center ec-calendar__tue">{{ '火'|trans }}</th>
<th class="text-center ec-calendar__wed">{{ '水'|trans }}</th>
<th class="text-center ec-calendar__thu">{{ '木'|trans }}</th>
<th class="text-center ec-calendar__fri">{{ '金'|trans }}</th>
<th class="text-center ec-calendar__sat">{{ '土'|trans }}</th>
</tr>
<tr>
{% for day in ThisMonthCalendar %}
{% if day.today == 1 and day.holiday == 1 %}
<td id="today-and-holiday" class="text-end p-3 ec-calendar__today ec-calendar__holiday">{{ day.day }}</td>
{% elseif day.today == 1 and day.holiday == 0 %}
<td id="today" class="text-center p-3 ec-calendar__today">{{ day.day }}</td>
{% elseif day.today == 0 and day.holiday == 1 %}
<td id="this-month-holiday-{{ day.day }}" class="text-center p-3 ec-calendar__holiday">{{ day.day }}</td>
{# 土日は定休日表示にしています。不要な場合は削除して下さい。ここから #}
{# {% elseif day.dayOfWeek == 'Sun' or day.dayOfWeek == 'Sat' %} #}
{% elseif day.dayOfWeek == 'Thu' %}
<td id="this-month-holiday-{{ day.day }}" class="text-end p-3 ec-calendar__holiday">{{ day.day }}</td>
{# 土日は定休日表示にしています。不要な場合は削除して下さい。ここまで #}
{% else %}
<td class="text-end p-3 ec-calendar__day">{{ day.day }}</td>
{% endif %}
{% if loop.index % 7 == 0 and loop.index != ThisMonthCalendar|length %}
</tr><tr>
{% endif %}
{% endfor %}
</tr>
</table>
<table id="next-month-table" class="col-4 mx-3">
<tr>
<th id="next-month-title" colspan="7" class="ec-calendar__title">{{ NextMonthTitle }}</th>
</tr>
<tr>
<th class="text-center ec-calendar__sun">{{ '日'|trans }}</th>
<th class="text-center ec-calendar__mon">{{ '月'|trans }}</th>
<th class="text-center ec-calendar__tue">{{ '火'|trans }}</th>
<th class="text-center ec-calendar__wed">{{ '水'|trans }}</th>
<th class="text-center ec-calendar__thu">{{ '木'|trans }}</th>
<th class="text-center ec-calendar__fri">{{ '金'|trans }}</th>
<th class="text-center ec-calendar__sat">{{ '土'|trans }}</th>
</tr>
<tr>
{% for day in NextMonthCalendar %}
{% if day.holiday == 1 %}
<td id="next-month-holiday-{{ day.day }}" class="text-end p-3 ec-calendar__holiday">{{ day.day }}</td>
{# 土日は定休日表示にしています。不要な場合は削除して下さい。ここから #}
{# {% elseif day.dayOfWeek == 'Sun' or day.dayOfWeek == 'Sat' %} #}
{% elseif day.dayOfWeek == 'Thu' %}
<td id="next-month-holiday-{{ day.day }}" class="text-end p-3 ec-calendar__holiday">{{ day.day }}</td>
{# 土日は定休日表示にしています。不要な場合は削除して下さい。ここまで #}
{% else %}
<td class="text-end p-3 ec-calendar__day">{{ day.day }}</td>
{% endif %}
{% if loop.index % 7 == 0 and loop.index != NextMonthCalendar|length %}
</tr><tr>
{% endif %}
{% endfor %}
</tr>
</table>
</div>
</div>
</section>