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

{% block error %}
{% endblock %}

{% block main %}
    <div class="vr-daily-schedule">
        <div class="daily-timeline-container">
            <div class="daily-timeline">
                {% for time in 0..23 %}
                    <div class="daily-timeline-label-container">
                        <div class="daily-timeline-label">{{ '%1$02d:00'|format(time) }}</div>
                    </div>
                {% endfor %}
            </div>
        </div>
        <div class="daily-grid-container">
            <div class="daily-grid">
                <div class="daily-grid-hourlines">
                    {% for line in 1..24 %}
                        <div class="line"></div>
                    {% endfor %}
                </div>
                <div class="daily-grid-cells-container">
                    <div class="daily-grid-cells">
                        {% for line in [4,14,15,38] %}
                            <div class="event-cell" style="grid-row: {{ line }} / {{ line+2 }}">
                                <div class="event-title">Standort 1</div>
                                <div class="event-time">XX:XX - XX:XX</div>
                            </div>
                        {% endfor %}
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}