{% import 'shared/componnents/_macros/_forms.html.twig' as forms %}
{% import 'shared/componnents/_macros/_alerts.html.twig' as alerts %}
{% set path = path ?? null %}
{% set path_list =  path_list ?? null %}
{% set label_btn = label_btn ?? '' %}
{% set title = title ?? '' %}

<section class="content">
    <div class="box box-default">
        <div class="box-header with-border">
            <h3 class="box-title">{{ title }}</h3>
        </div>

        {% for message in app.flashes('success') %}
            {{ alerts.alert(message, 'success', 'check') }}
        {% endfor %}

        <form action="{{ path }}" method="post">
            {{ form_widget(form._token) }}
            <div class="box-body">
                {{ alerts.agency_config() }}
                {# --- 1. IDENTITÉ DE L'AGENCE --- #}
                <div class="well" style="background-color: #fcfcfc; border: 1px solid #e3e3e3; border-top: 3px solid #00a65a; margin-top: 10px; margin-bottom: 20px;">
                    <h4 style="margin-top: 0; color: #00a65a; font-weight: bold;">
                        <i class="fa fa-id-card"></i> Identité de l'Agence
                    </h4>
                    <div class="row">
                        <div class="col-lg-8">
                            <div class="form-group">
                                {{ form_label(form.standard.name) }}
                                {{ form_widget(form.standard.name) }}
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                {{ form_label(form.standard.status) }}
                                {{ form_widget(form.standard.status) }}
                            </div>
                        </div>
                    </div>
                </div>

                {# --- 2. COORDONNÉES BANCAIRES --- #}
                <div class="well" style="background-color: #fcfcfc; border: 1px solid #e3e3e3; border-top: 3px solid #3c8dbc; margin-bottom: 20px;">
                    <h4 style="margin-top: 0; color: #3c8dbc; font-weight: bold;">
                        <i class="fa fa-university"></i> Paramètres de Paiement
                    </h4>
                    <div class="row">
                        <div class="col-lg-4">
                            <div class="form-group">
                                {{ form_label(form.beneficiary) }}
                                {{ form_widget(form.beneficiary) }}
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                {{ form_label(form.bankName) }}
                                {{ form_widget(form.bankName) }}
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                {{ form_label(form.rib) }}
                                {{ form_widget(form.rib) }}
                            </div>
                        </div>
                    </div>
                </div>

                {# --- 3. CONTENUS DU FOOTER (FRONT-END) --- #}
                <div class="well" style="background-color: #fcfcfc; border: 1px solid #e3e3e3; border-top: 3px solid #605ca8; margin-bottom: 25px;">
                    <h4 style="margin-top: 0; color: #605ca8; font-weight: bold;">
                        <i class="fa fa-file-text"></i> Contenus du Pied de Page (Footer)
                    </h4>
                    <p class="text-muted" style="font-size: 0.9em; margin-bottom: 15px;">
                        Ces textes s'afficheront sur la partie publique de votre site pour informer vos clients.
                    </p>

                    <div class="row">
                        <div class="col-lg-12">
                            <div class="form-group">
                                {{ form_label(form.aboutUs) }}
                                {{ form_widget(form.aboutUs, {id: 'editor1'}) }}
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="form-group">
                                {{ form_label(form.termsAndConditions) }}
                                {{ form_widget(form.termsAndConditions, {id: 'editor2'}) }}
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="form-group">
                                {{ form_label(form.legalNotice) }}
                                {{ form_widget(form.legalNotice, {id: 'editor3'}) }}
                            </div>
                        </div>
                    </div>
                </div>

                <div class="box-footer pull-right">
                    {{ forms.button(path_list, 'danger', 'Retour à liste') }}
                    {{ form_widget(form.submit,{'label': label_btn,
                        attr:{'class':'btn btn-primary'}}) }}
                </div>
            </div>
        </form>
    </div>
</section>