{% extends "layout.html.twig" %}

{% form_theme form "form.html.twig" %}

{% block content %}
    {% embed "embed/page.html.twig" %}

        {% block page_title %}
            {% import "macro.html.twig" as macro %}
            <h3>Csoportos időpont fevétel</h3>
            {{ macro.showChangeProject(configs, configSession.currentConfig.name) }}
        {% endblock %}

        {% block page_content %}
            <div class="row">
                <div class="col-md-10 col-xl-6 offset-md-1 offset-xl-3">
                    {{ form_start(form, {attr: {'autocomplete': 'off'}}) }}
                    <div class="row">
                        <div class="col-6">
                            {{ form_row(form.startDate, {label: "Kezdő dátum", attr: {class:'datepicker-input', "data-toggle": "datetimepicker"}}) }}
                        </div>
                        <div class="col-6">
                            {{ form_row(form.endDate, {label: "Záró dátum", attr: {class:'datepicker-input', "data-toggle": "datetimepicker"}}) }}
                        </div>
                    </div>
                     {{ form_row(form.tourType, {label: "Program / túra helyszín"}) }}
                     {{ form_row(form.capacity, {label: "Maximális kapacitás"}) }}
                     <hr/>
                     {{ form_row(form.monday, {label: "Hétfő"}) }}
                    <hr/>
                    {{ form_row(form.tuesday, {label: "Kedd"}) }}
                    <hr/>
                    {{ form_row(form.wednesday, {label: "Szerda"}) }}
                    <hr/>
                    {{ form_row(form.thursday, {label: "Csütörtök"}) }}
                    <hr/>
                    {{ form_row(form.friday, {label: "Péntek"}) }}
                    <hr/>
                    {{ form_row(form.saturday, {label: "Szombat"}) }}
                    <hr/>
                    {{ form_row(form.sunday, {label: "Vasárnap"}) }}
                    <hr/>
                    {{ form_rest(form) }}
                    <div style="display: flex; justify-content: space-between">
                        <a href="{{ path('filter_bookable_dates') }}" class="btn btn-outline-secondary">
                            <i class="fa fa-fw fa-angle-double-left"></i> Vissza
                        </a>
                        <button class="btn btn-primary" type="submit">
                            <i class="fa fa-fw fa-save"></i> Mentés
                        </button>
                    </div>
                </div>
            </div>

            {{ form_end(form) }}
        {% endblock %}

    {% endembed %}
{% endblock %}