{% extends '@kohinos/block/block_collapse.html.twig' %}

{% set titlecolor = '' %}

{% block blocktitle %}
    <i class="fa fa-plus me-2"></i> {{ 'Cotisation SSA (Espèces)'|trans }}
{% endblock blocktitle %}

{% block blockcontent %}
    <p class="alert alert-info">
        <i class="fa fa-info-circle"></i>
        <strong>Paiement en espèces uniquement.</strong><br>
        Vous pouvez enregistrer une cotisation pour un adhérent existant ou créer un nouvel adhérent.
    </p>

    {{ form_start(form, {'attr': {'class': 'form-horizontal', 'id': 'ssa-cotisation-form'}}) }}

    {# Type d'adhérent #}
    <div class="form-group mb-3">
        <label class="form-label fw-bold">{{ form_label(form.adherentType) }}</label>
        <div>
            {{ form_widget(form.adherentType) }}
        </div>
        {{ form_errors(form.adherentType) }}
    </div>

    <hr>

    {# Adhérent existant #}
    <div id="existing-adherent" style="display: none;">
        <div class="form-group mb-3">
            {{ form_label(form.adherent, null, {'label_attr': {'class': 'fw-bold'}}) }}
            {{ form_widget(form.adherent) }}
            {{ form_errors(form.adherent) }}
        </div>
    </div>

    {# Nouvel adhérent #}
    <div id="new-adherent" style="display: none;">
        <div class="alert alert-warning">
            <i class="fa fa-user-plus"></i>
            <strong>Création d'un nouvel adhérent</strong>
        </div>

        <div class="row">
            <div class="col-md-6">
                <div class="form-group mb-3">
                    {{ form_label(form.prenom, null, {'label_attr': {'class': 'fw-bold'}}) }}
                    {{ form_widget(form.prenom, {'attr': {'class': 'form-control'}}) }}
                    {{ form_errors(form.prenom) }}
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group mb-3">
                    {{ form_label(form.nom, null, {'label_attr': {'class': 'fw-bold'}}) }}
                    {{ form_widget(form.nom, {'attr': {'class': 'form-control'}}) }}
                    {{ form_errors(form.nom) }}
                </div>
            </div>
        </div>

        <div class="form-group mb-3">
            {{ form_label(form.email, null, {'label_attr': {'class': 'fw-bold required'}}) }}
            {{ form_widget(form.email, {'attr': {'class': 'form-control'}}) }}
            {{ form_errors(form.email) }}
            <small class="form-text text-muted">
                <i class="fa fa-asterisk text-danger"></i>
                L'adhérent pourra se connecter avec cet email
            </small>
        </div>

        {% if form.groupe is defined %}
        <div class="form-group mb-3">
            {{ form_label(form.groupe, null, {'label_attr': {'class': 'fw-bold'}}) }}
            {{ form_widget(form.groupe, {'attr': {'class': 'form-control'}}) }}
            {{ form_errors(form.groupe) }}
            <small class="form-text text-muted">
                Groupe local de rattachement (optionnel)
            </small>
        </div>
        {% endif %}

        {# Option d'envoi d'email #}
        <div id="send-email-option" class="form-group mb-3">
            <div class="form-check">
                {{ form_widget(form.sendEmail) }}
                {{ form_label(form.sendEmail, null, {'label_attr': {'class': 'form-check-label'}}) }}
            </div>
            {{ form_errors(form.sendEmail) }}
            {% if form.sendEmail.vars.help is defined and form.sendEmail.vars.help %}
            <small class="form-text text-muted">
                <i class="fa fa-info-circle"></i> {{ form.sendEmail.vars.help }}
            </small>
            {% endif %}
        </div>
    </div>

    <hr>

    {# Caisse SSA - les min/max sont affichés dans les labels des options #}
    <div class="form-group mb-3">
        {{ form_label(form.solidoumeParameter, null, {'label_attr': {'class': 'fw-bold'}}) }}
        {{ form_widget(form.solidoumeParameter, {'attr': {'class': 'form-control select2'}}) }}
        {{ form_errors(form.solidoumeParameter) }}
        <small class="form-text text-muted">
            <i class="fa fa-info-circle"></i> Le montant autorisé est indiqué entre parenthèses
        </small>
    </div>

    {# Montant #}
    <div class="form-group mb-3">
        {{ form_label(form.amount, null, {'label_attr': {'class': 'fw-bold'}}) }}
        {{ form_widget(form.amount, {'attr': {'class': 'form-control'}}) }}
        {{ form_errors(form.amount) }}
    </div>

    <div class="form-group text-center mt-4">
        <button type="submit" class="btn btn-success">
            <i class="fa fa-check"></i>
            Enregistrer la cotisation
        </button>
    </div>

    {# Render tous les champs restants (protection) #}
    {{ form_rest(form) }}

    {{ form_end(form) }}
{% endblock blockcontent %}