{% extends "@ContaoCore/Backend/be_page.html.twig" %}
{% block headline %}
    <span>Weinanlieferung</span> <span>Slot-Assistent</span>
{% endblock %}

{% block error %}
{% endblock %}

{% block main %}
    <div id="tl_buttons">
        <a href="#" class="header_back" title="" accesskey="b" onclick="Backend.getScrollOffset()">Zurück</a>
    </div>
    <form id="tl_slot_assistant" class="tl_form tl_edit_form" method="post" enctype="application/x-www-form-urlencoded">
        <div class="tl_formbody_edit">
            <input type="hidden" name="REQUEST_TOKEN" value="{{ request_token }}">

            <fieldset id="pal_base_legend" class="tl_tbox">
                <legend onclick="AjaxRequest.toggleFieldset(this,'base_legend','tl_layout')">Grundeinstellung</legend>
                <div class="w50 widget">
                    <h3><label><span class="invisible">Pflichtfeld </span>Zeitslot-Typ<span class="mandatory">*</span></label></h3>
                    <select name="slotType" id="ctrl_slotType" class="tl_select" onfocus="Backend.getScrollOffset()">
                        <option value="" selected="">-</option>
                        <option value="annahmestelle_1">Annahmestelle 1 (30 Behälter/h)</option>
                        <option value="annahmestelle_4">Annahmestelle 4 (30 Behälter/h)</option>
                    </select>
                    <p class="tl_help tl_tip" title="">Legen Sie hier den Zeitslot-Typ/Annahmestelle fest.</p>
                </div>
                <div class="w50 widget">
                    <h3><label for="ctrl_buffer"><span class="invisible">Pflichtfeld </span>Pufferzeit in min.<span class="mandatory">*</span></label></h3>
                    <input type="text" name="buffer" id="ctrl_buffer" class="tl_text" value="0" required="" maxlength="3" onfocus="Backend.getScrollOffset()">
                    <p class="tl_help tl_tip" title="">Die Pufferzeit zwischen den Slots.</p>
                </div>
            </fieldset>

            <fieldset id="pal_time_legend" class="tl_tbox">
                <legend onclick="AjaxRequest.toggleFieldset(this,'time_legend','tl_layout')">Zeitraum</legend>
                {% for field in fields %}
                    {{ field|raw }}
                {% endfor %}



        </div>
        <div class="tl_formbody_submit">
            <div class="tl_submit_container">
                <button type="submit" name="save" id="save" class="tl_submit" accesskey="s">Ausführen</button>
            </div>
        </div>
    </form>
{% endblock %}