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

{% block title %}Paramétrage du {{ date|date('d/m/Y') }}{% endblock %}

{% block body %}
<div class="container mt-4">

    <h1>Paramétrage du {{ date|format_datetime('relative_full', 'none', locale: 'fr') }}</h1>

    <div class="mb-3">
        <a href="{{ path('parametrage_jour', {'date': previousDate}) }}" class="btn btn-outline-secondary">&larr; Jour précédent</a>
        <a href="{{ path('parametrage_jour', {'date': nextDate}) }}" class="btn btn-outline-secondary float-end">Jour suivant &rarr;</a>
    </div>

    {{ form_start(form) }}
    {% form_theme form 'bootstrap_5_layout.html.twig' %}
    <div class="mt-4 mb-4">
        <button class="btn btn-success">Enregistrer les paramètres</button>
    </div>
    <div class="accordion" id="bancAccordion">
        {% for banc in bancs %}
            {% set isIndisponibleTrue = false %}
            {% set isValideTrue = false %}

            {% set contentAccordion = '' %}

            {% for field in form %}
                {% if field.vars.name starts with ('banc_' ~ banc.id ~ '_') %}
                    {% set isIndisponible = field.vars.name ends with '_indisponible' %}
                    {% set isValide = field.vars.name ends with '_parametrageValide' %}

                    {# Enregistrer les valeurs une fois pour toutes #}
                    {% if isIndisponible and field.vars.data %}
                        {% set isIndisponibleTrue = true %}
                    {% endif %}
                    {% if isValide and field.vars.data %}
                        {% set isValideTrue = true %}
                    {% endif %}

                    {# Construction normale du champ #}
                    {% set contentAccordion = contentAccordion ~ '<div class="mb-3 col-md-6">' %}

                    {% if 'checkbox' in field.vars.block_prefixes %}
                        {% set contentAccordion = contentAccordion ~ '<div class="form-check form-switch mb-2">' %}
                        {% set contentAccordion = contentAccordion ~  form_widget(field, { attr: { class: 'form-check-input' } }) %}
                        {% set contentAccordion = contentAccordion ~ form_label(field, null, { label_attr: { class: 'form-check-label' }}) %}
                        {% set contentAccordion = contentAccordion ~ form_errors(field) ~ '</div>' %}                                    
                    {% else %}
                        {% set contentAccordion = contentAccordion ~ form_row(field) %}                                
                    {% endif %}
                    {% set contentAccordion = contentAccordion ~ '</div>' %}
                {% endif %}
            {% endfor %}

            {# Après la boucle, définir la couleur #}
            {% if isIndisponibleTrue %}
                {% set cardClass = 'bg-danger text-white' %}
            {% elseif isValideTrue %}
                {% set cardClass = 'bg-success text-white' %}
            {% else %}
                {% set cardClass = 'bg-info text-white' %}
            {% endif %}

            <div class="accordion-item mb-2">
                <h2 class="accordion-header" id="heading{{ loop.index }}">
                    <button class="accordion-button {% if not loop.first %}collapsed{% endif %} {{cardClass}}" type="button" data-bs-toggle="collapse" data-bs-target="#collapse{{ loop.index }}">
                        Banc {{ banc.designation }}
                    </button>
                </h2>                                
                <div id="collapse{{ loop.index }}" class="accordion-collapse collapse {% if loop.first %}show{% endif %}" data-bs-parent="#bancAccordion">
                    <div class="accordion-body row">
                        {{ contentAccordion|raw }}
                    </div>
                </div>
            </div>
        {% endfor %}
    </div>

    <div class="mt-4">
        <button class="btn btn-success">Enregistrer les paramètres</button>
    </div>

    {{ form_end(form) }}
    
</div>
{% endblock %}