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

{% block body %}
    <div class="section container-fluid">
        <div class="stage-docs__header">
            <div class="stage-docs__title-group">
                <h2 class="stage-docs__title">Documents obligatoires pour {{ profil.fullname }}</h2>
                <p class="stage-docs__subtitle">
                    Veuillez téléverser les documents obligatoires avant le début du stage. Sans ces documents, l’enfant ne pourra pas participer.
                </p>
            </div>
        </div>

        <alert-message type="danger">
            <p>Vous pouvez téléverser les documents maintenant ou plus tard dans <a href="#">Mon Profil > Documents</a>.</p>
        </alert-message>

        <div class="stage-docs__form">
            {{ form_start(form) }}
            <div class="stage-docs__grid">
                {% for field, label in {
                    'vaccinationRecordFile': 'Carnet de Vaccination',
                    'healthRecordFile': 'Fiche Sanitaire',
                    'schoolInsuranceFile': 'Assurance Scolaire'
                } %}
                    {% set mimeFields = {
                        'vaccinationRecordFile': 'mimeVaccinationRecord',
                        'healthRecordFile': 'mimeHealthRecord',
                        'schoolInsuranceFile': 'mimeSchoolInsurance'
                    } %}
                    {% set mimeField = mimeFields[field] %}

                    <div class="stage-docs__box">
                        <div class="stage-docs__preview">
                            {% if attribute(profil, mimeField) in ["image/jpeg", "image/png", "application/pdf"] %}
                                <a href="{{ vich_uploader_asset(profil, field) }}" target="_blank" rel="noopener">
                                    <img src="{{ vich_uploader_asset(profil, field) | imagine_filter('miniature_docs_profil') }}" alt="{{ label }}" class="stage-docs__img">
                                </a>
                            {% else %}
                                <img src="{{ asset('img/back/member/noavailable.jpg') }}" alt="{{ label }}" class="stage-docs__img">
                            {% endif %}
                        </div>
                        <div class="stage-docs__input">
                            {{ form_row(attribute(form, field)) }}
                        </div>
                    </div>
                {% endfor %}
            </div>

            <div class="stage-docs__submit">
                <button type="submit" class="btn-success">Valider</button>
            </div>
            {{ form_end(form) }}
        </div>
    </div>
{% endblock %}