{% extends 'base.html.twig' %}

{% block title %}Calendrier de paramétrage{% endblock %}

{% block body %}
<div class="container mt-4">
    <h1>Paramétrage sur 8 semaines</h1>

    <div class="mb-3">
        <a href="{{ path('parametrage_calendrier', {'startDate': prevStart}) }}" class="btn btn-outline-secondary">&larr; Semaine précédente</a>
        <a href="{{ path('parametrage_calendrier', {'startDate': nextStart}) }}" class="btn btn-outline-secondary float-end">Semaine suivante &rarr;</a>
    </div>

    {% set totalDays = dates|length %}
    {% for i in 0..(totalDays // 7 - 1) %}
        <div class="row g-2 align-items-center mb-2">
            <div class="col-auto fw-bold text-center d-flex align-items-center justify-content-center" style="width: 80px;">
                S{{ dates[i * 7].date|date('W') }}
            </div>

            {% for j in 0..6 %}
                {% set index = i * 7 + j %}
                {% set day = dates[index] %}
                <div class="col">
                    <a href="{{ path('parametrage_jour', {'date': day.date|date('Y-m-d')}) }}"
                       class="text-decoration-none text-dark">
                        <div class="p-2 border rounded text-center
                            {% if day.isWeekend or day.isFerie %}bg-light text-muted{% endif %}">
                            <strong>{{ day.date|format_datetime(locale='fr',pattern="EEE dd/MM/YYYY") }}</strong>
                        </div>
                    </a>
                </div>
            {% endfor %}
        </div>
    {% endfor %}
</div>
{% endblock %}