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

{% set menus = ['plg_apg_simple_calendar', 'plg_apg_simple_calendar_admin_config_import_holidays'] %}

{% block title %}定休日カレンダー{% endblock %}
{% block sub_title %}定休日(一括指定){% endblock %}

{% form_theme form '@admin/Form/bootstrap_4_horizontal_layout.html.twig' %}

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

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

{% block main %}

    <form id="form_individual" role="form" method="post" enctype="multipart/form-data">
        {{ form_widget(form._token) }}
        <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">
                            <p>
                                <span style="color: blue;">現在登録されているデータを指定されたCSVの情報ですべて置き換わります。</span>
                                <br/>もし、登録済みの登録データを削除したくない場合は、下記の手順でCSVファイルを編集してください。
                            </p>
                            <ol class="mb-4">
                                <li>1)&nbsp;下記の「<a href="{{ url('apg_simple_calendar_admin_config_export_holidays') }}">登録済みのデータをダウンロードする</a>」ボタンをクリック。
                                </li>
                                <li>2)&nbsp; ダウンロードしたファイルに定休日を追記</li>
                                <li>3)&nbsp; 編集したCSVファイルをアップロード</li>
                            </ol>
                            <p>
                                <a class="btn btn-outline-primary"
                                   href="{{ url('apg_simple_calendar_admin_config_export_holidays') }}">登録済みのデータをダウンロードする</a>
                            </p>
                            <hr/>
                            <div class="row">
                                <div class="col">
                                    <strong>CSVのフォーマットについて</strong>
                                    <p>
                                        「<a href="{{ url('apg_simple_calendar_admin_config_export_holidays') }}">登録済みのデータをダウンロードする</a>」でダウンロードしたCSVファイルと同じ形式にしてください。
                                        <br/>&nbsp;※指定する日付の順番を気にする必要はありません。</p>
                                    <ol>
                                        <li>1行目　　 : タイトル</li>
                                        <li>2行目以降 : 日付(YYYYMMDD), 名称(100文字以内)</li>
                                    </ol>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card rounded border-0 mb-4">
                        <div class="card-header"><span>一括アップロード</span></div>
                        <div class="card-body">
                            <div class="row mb-2">
                                <div class="col-2">
                                    <div class="d-inline-block">
                                        <span>CSVファイル</span>
                                        <span class="badge badge-primary ml-1">必須</span>
                                    </div>
                                </div>
                                <div class="col">
                                    {{ form_widget(form.file,{'attr': {'class': ''}}) }}
                                    {{ form_errors(form.file) }}
                                </div>
                            </div>
                            <div class="row mb-4">
                                <div class="col-2">&nbsp;</div>
                                <div class="col">
                                    <button class="btn btn-ec-conversion px-5"
                                            type="submit">アップロードする
                                    </button>
                                </div>
                            </div>
                            {% if errors is not empty %}
                                <div class="row mb-2">
                                    <div class="col-2">エラー詳細</div>
                                    <div class="col">
                                        <table class="table table-sm">
                                            <tr>
                                                <th class="">行数</th>
                                                <th>エラー内容</th>
                                            </tr>
                                            {% for error in errors %}
                                                <tr>
                                                    <td>{{ error.line }}行目</td>
                                                    <td><span style="color: red;">{{ error.message }}</span></td>
                                                </tr>
                                            {% endfor %}
                                        </table>
                                    </div>
                                </div>
                            {% endif %}
                        </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('apg_simple_calendar_admin_config') }}">
                                <i class="fa fa-backward" aria-hidden="true"></i>
                                <span>設定</span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
{% endblock %}
