{% extends '@admin/default_frame.twig' %}

{% set menus = ['store', 'plugin', 'plugin_list'] %}

{% block title %}定休日カレンダー{% endblock %}
{% block sub_title %}プラグイン一覧{% endblock %}

{% block stylesheet %}{% endblock stylesheet %}

{% block javascript %}
{% endblock javascript %}

{% block main %}
    <div class="c-contentsArea__cols">
        <div class="c-contentsArea__primaryCol">
            <div class="c-primaryCol">
                <div class="card rounded border-0 mb-4">
                    <div class="card-header"><span>定休日設定</span></div>
                    <div class="card-body">
                        <div class="row mb-4">
                            <div class="col-3">
                                <div class="d-inline-block" data-tooltip="true" data-placement="top"
                                     title="定休日表示としたい曜日を指定できます。">
                                    <span>曜日指定</span>
                                </div>
                            </div>
                            <div class="col">
                                <p>定休日表示としたい曜日を指定できます。</p>
                                <a class="btn btn-ec-conversion"
                                   href="{{ url('apg_simple_calendar_admin_config_regular_holidays') }}">曜日指定を編集する</a>
                            </div>
                        </div>
                        <hr/>
                        <div class="row mb-4">
                            <div class="col-3">
                                <div class="d-inline-block" data-tooltip="true" data-placement="top"
                                     title="曜日指定以外で定休日表示としたい日付を個別に指定できます。">
                                    <span>個別指定</span>
                                </div>
                            </div>
                            <div class="col">
                                <p>曜日指定以外で定休日表示としたい日付を個別に指定できます。</p>
                                <a class="btn btn-ec-conversion"
                                   href="{{ url('apg_simple_calendar_admin_config_individual_holidays') }}">個別指定を編集する</a>
                            </div>
                        </div>
                        <hr/>
                        <div class="row mb-4">
                            <div class="col-3">
                                <div class="d-inline-block" data-tooltip="true" data-placement="top"
                                     title="個別設定したい定休日をCSVで一括指定することができます。">
                                    <span>一括指定(CSV)</span>
                                </div>
                            </div>
                            <div class="col">
                                <p>個別設定したい定休日をCSVで一括指定することができます。</p>
                                <a class="btn btn-ec-conversion"
                                   href="{{ url('apg_simple_calendar_admin_config_import_holidays') }}">一括指定をする</a>
                            </div>
                        </div>
                        <hr/>
                        <div class="row">
                            <div class="col">
                                <strong>※参考情報</strong>
                                <p>
                                    国民の休日は、内閣府のホームページを参照することで確認することができます。
                                    <br/>国民の休日がわからない場合など、参考にしてみてください。
                                </p>
                                <p>
                                    <a target="_blank" href="https://www8.cao.go.jp/chosei/shukujitsu/gaiyou.html">国民の祝日について - 内閣府</a>
                                </p>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="c-conversionArea">
        <div class="c-conversionArea__container">
            <div class="row justify-content-between align-items-center">
                <div class="col-6">
                    <div class="c-conversionArea__leftBlockItem">
                        <a class="c-baseLink"
                           href="{{ url('admin_store_plugin') }}">
                            <i class="fa fa-backward" aria-hidden="true"></i>
                            <span>プラグイン一覧</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
