{{ form_start(form) }}
<div class="grid grid-cols-1 gap-2 mb-2">
    {{ form_row(form.gender) }}
    {{ form_row(form.isOld) }}

</div>
<div class="grid grid-cols-2 gap-2">
    {{ form_row(form.firstname) }}
    {{ form_row(form.lastname) }}
    {{ form_row(form.birthday) }}
    {{ form_row(form.placeBirth) }}
</div>

<h4 class="h4 mt-2 mb-2">Documents généraux</h4>
<div class="grid grid-cols-3 gap-2">
    <div class="flex flex-col items-center gap-2">
        {% if profil.mimePicture in ["image/jpeg", "image/png", "application/pdf"] %}
            <div class="picture">
                <a href="{{ vich_uploader_asset(profil, 'pictureFile') }}" target="_blank" rel="noopener">
                    <img src="{{ vich_uploader_asset(profil, 'pictureFile') |imagine_filter('miniature_docs_profil') }}" alt="{{ profil.fullname }}" class="max-h-[100px]">
                </a>
            </div>
        {% else %}
            <div class="picture">
                <img src="{{ asset('img/back/member/noavailable.jpg') }}" alt="{{ profil.fullname }}" class="max-h-[100px]">
            </div>
        {% endif %}
        <div class="input">
            {{ form_row(form.pictureFile) }}
        </div>
    </div>

    <div class="flex flex-col items-center gap-2">
        {% if profil.mimeIdentityCard in ["image/jpeg", "image/png", "application/pdf"] %}
            <div class="picture">
                <a href="{{ vich_uploader_asset(profil, 'identityCardFile') }}" target="_blank" rel="noopener">
                    <img src="{{ vich_uploader_asset(profil, 'identityCardFile') |imagine_filter('miniature_docs_profil') }}" alt="{{ profil.fullname }}" class="max-h-[100px]">
                </a>
            </div>
        {% else %}
            <div class="picture">
                <img src="{{ asset('img/back/member/noavailable.jpg') }}" alt="{{ profil.fullname }}" class="max-h-[100px]">
            </div>
        {% endif %}
        <div class="input">
            {{ form_row(form.identityCardFile) }}
        </div>
    </div>

    <div class="flex flex-col items-center gap-2">
            {% if profil.mimeMedicalCertificate in ["image/jpeg", "image/png", "application/pdf"] %}
                <div class="picture">
                    <a href="{{ vich_uploader_asset(profil, 'medicalCertificateFile') }}" target="_blank" rel="noopener">
                        <img src="{{ vich_uploader_asset(profil, 'medicalCertificateFile') |imagine_filter('miniature_docs_profil') }}" alt="{{ profil.fullname }}" class="max-h-[100px]">
                    </a>
                </div>
            {% else %}
                <div class="picture">
                    <img src="{{ asset('img/back/member/noavailable.jpg') }}" alt="{{ profil.fullname }}" class="max-h-[100px]">
                </div>
            {% endif %}
            <div class="input">
                {{ form_row(form.medicalCertificateFile) }}
            </div>
    </div>
</div>
<h4 class="h4 mt-2 mb-2">Documents stage</h4>
<div class="grid grid-cols-3 gap-2">
    <div class="flex flex-col items-center gap-2">
        {% if profil.healthRecord in ["image/jpeg", "image/png", "application/pdf"] %}
            <div class="picture">
                <a href="{{ vich_uploader_asset(profil, 'healthRecordFile') }}" target="_blank" rel="noopener">
                    <img src="{{ vich_uploader_asset(profil, 'healthRecordFile') |imagine_filter('miniature_docs_profil') }}" alt="{{ profil.fullname }}" class="max-h-[100px]">
                </a>
            </div>
        {% else %}
            <div class="picture">
                <img src="{{ asset('img/back/member/noavailable.jpg') }}" alt="{{ profil.fullname }}" class="max-h-[100px]">
            </div>
        {% endif %}
        <div class="input">
            {{ form_row(form.healthRecordFile) }}
        </div>
    </div>

    <div class="flex flex-col items-center gap-2">
        {% if profil.vaccinationRecord in ["image/jpeg", "image/png", "application/pdf"] %}
            <div class="picture">
                <a href="{{ vich_uploader_asset(profil, 'vaccinationRecordFile') }}" target="_blank" rel="noopener">
                    <img src="{{ vich_uploader_asset(profil, 'vaccinationRecordFile') |imagine_filter('miniature_docs_profil') }}" alt="{{ profil.fullname }}" class="max-h-[100px]">
                </a>
            </div>
        {% else %}
            <div class="picture">
                <img src="{{ asset('img/back/member/noavailable.jpg') }}" alt="{{ profil.fullname }}" class="max-h-[100px]">
            </div>
        {% endif %}
        <div class="input">
            {{ form_row(form.vaccinationRecordFile) }}
        </div>
    </div>

    <div class="flex flex-col items-center gap-2">
        {% if profil.schoolInsurance in ["image/jpeg", "image/png", "application/pdf"] %}
            <div class="picture">
                <a href="{{ vich_uploader_asset(profil, 'schoolInsuranceFile') }}" target="_blank" rel="noopener">
                    <img src="{{ vich_uploader_asset(profil, 'schoolInsuranceFile') |imagine_filter('miniature_docs_profil') }}" alt="{{ profil.fullname }}" class="max-h-[100px]">
                </a>
            </div>
        {% else %}
            <div class="picture">
                <img src="{{ asset('img/back/member/noavailable.jpg') }}" alt="{{ profil.fullname }}" class="max-h-[100px]">
            </div>
        {% endif %}
        <div class="input">
            {{ form_row(form.schoolInsuranceFile) }}
        </div>
    </div>
</div>

<button class="btn-primary mt-3" >
    Valider
</button>
{{ form_end(form) }}