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

{% block body %}
    <div class="account-layout container-fluid">
        {% include 'front/account/_sidebar.html.twig' %}

        <div class="account-content">
            <div class="account-profil__header">
                <div class="account-profil__title-group">
                    <h2 class="account-profil__title">Mes documents</h2>
                    <p class="account-profil__subtitle">
                        Retrouvez et modifiez les documents officiels liés à vos profils.
                    </p>
                </div>
            </div>

            <div class="space-y-6">
                {% for profil in profils %}
                    <div class="account-box">
                        <div class="flex justify-between items-center mb-4">
                            <h3 class="text-lg font-semibold text-gray-800">
                                {{ profil.getFullName() }}
                            </h3>
                        </div>

                        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
                            {% set documents = {
                                'pictureFile': ['Photo de profil', profil.picture, '/upload/pictureProfil/'],
                                'identityCardFile': ['Carte d\'identité', profil.identityCard, '/upload/identity_cards/'],
                                'medicalCertificateFile': ['Certificat médical', profil.medicalCertificate, '/upload/medical_certificates/'],
                                'vaccinationRecordFile': ['Carnet de vaccination', profil.vaccinationRecord, '/upload/vaccine_records/'],
                                'healthRecordFile': ['Fiche sanitaire', profil.healthRecord, '/upload/health_records/'],
                                'schoolInsuranceFile': ['Assurance extra-scolaire', profil.schoolInsurance, '/upload/school_insurances/']
                            } %}

                            {% for field, data in documents %}
                                {% set label = data[0] %}
                                {% set file = data[1] %}
                                {% set path = data[2] %}
                                <div class="border rounded p-3 bg-white">
                                    <p class="text-sm text-gray-600 font-medium mb-1">{{ label }}</p>

                                    {% if file %}
                                        <a href="{{ path ~ file }}" target="_blank" class="text-blue-600 underline text-sm">
                                            Voir le document
                                        </a>
                                    {% else %}
                                        <span class="text-gray-400 italic text-sm">Aucun fichier</span>
                                    {% endif %}

                                    <form action="{{ path('account_documents_update', { id: profil.id, field: field }) }}"
                                          method="post" enctype="multipart/form-data" class="mt-2">
                                        <input type="file" name="document" class="text-sm block w-full" />
                                        <button class="btn btn-primary btn-small mt-2">Mettre à jour</button>
                                    </form>
                                </div>
                            {% endfor %}
                        </div>
                    </div>
                {% else %}
                    <div class="account-box text-center text-gray-500 italic">
                        Aucun profil rattaché à votre compte.
                    </div>
                {% endfor %}
            </div>
        </div>
    </div>
{% endblock %}