{{ form_start(form, {attr: {class: 'admin-form'}}) }}
    <div class="admin-form-grid">
        <section class="admin-card admin-form-section">
            <h2>Identité</h2>
            <div class="admin-form-two-cols">
                {{ form_row(form.nom) }}
                {{ form_row(form.themePublic) }}
                {{ form_row(form.slug) }}
                {{ form_row(form.sousDomaine) }}
                {{ form_row(form.domainAliasesText) }}
                {{ form_row(form.prefixeMatricule) }}
                {{ form_row(form.dernierNumeroMatricule) }}
                {{ form_row(form.slogan) }}
            </div>
            {{ form_row(form.description) }}
        </section>

        <section class="admin-card admin-form-section">
            <h2>Identité visuelle</h2>
            <div class="admin-upload-preview-grid">
                <div class="admin-upload-preview">
                    <span>Logo actuel</span>
                    {% if ecole.logo %}
                        <img class="admin-upload-thumb admin-upload-thumb-logo" src="{{ asset(ecole.logo) }}" alt="Logo de {{ ecole.nom ?: 'la madrassa' }}">
                    {% else %}
                        <strong>{{ (ecole.nom ?: 'Madrassa')|slice(0, 2)|upper }}</strong>
                    {% endif %}
                </div>
                <div class="admin-upload-preview">
                    <span>Favicon actuel</span>
                    {% if ecole.favicon %}
                        <img class="admin-upload-thumb admin-upload-thumb-favicon" src="{{ asset(ecole.favicon) }}" alt="Favicon de {{ ecole.nom ?: 'la madrassa' }}">
                    {% else %}
                        <strong>{{ (ecole.nom ?: 'M')|slice(0, 1)|upper }}</strong>
                    {% endif %}
                </div>
                <div class="admin-upload-preview admin-upload-preview-wide">
                    <span>Image hero actuelle</span>
                    {% if ecole.heroImage %}
                        <img class="admin-upload-thumb admin-upload-thumb-hero" src="{{ asset(ecole.heroImage) }}" alt="Image hero de {{ ecole.nom ?: 'la madrassa' }}">
                    {% else %}
                        <strong>{{ (ecole.nom ?: 'Madrassa')|slice(0, 2)|upper }}</strong>
                    {% endif %}
                </div>
                <div class="admin-upload-preview">
                    <span>Présentation 1</span>
                    {% if ecole.presentationImage1 %}
                        <img class="admin-upload-thumb admin-upload-thumb-hero" src="{{ asset(ecole.presentationImage1) }}" alt="Image présentation 1 de {{ ecole.nom ?: 'la madrassa' }}">
                    {% else %}
                        <strong>01</strong>
                    {% endif %}
                </div>
                <div class="admin-upload-preview">
                    <span>Présentation 2</span>
                    {% if ecole.presentationImage2 %}
                        <img class="admin-upload-thumb admin-upload-thumb-hero" src="{{ asset(ecole.presentationImage2) }}" alt="Image présentation 2 de {{ ecole.nom ?: 'la madrassa' }}">
                    {% else %}
                        <strong>02</strong>
                    {% endif %}
                </div>
                <div class="admin-upload-preview">
                    <span>Présentation 3</span>
                    {% if ecole.presentationImage3 %}
                        <img class="admin-upload-thumb admin-upload-thumb-hero" src="{{ asset(ecole.presentationImage3) }}" alt="Image présentation 3 de {{ ecole.nom ?: 'la madrassa' }}">
                    {% else %}
                        <strong>03</strong>
                    {% endif %}
                </div>
            </div>
            <div class="admin-form-two-cols">
                {{ form_row(form.logoFile) }}
                {{ form_row(form.faviconFile) }}
            </div>
            {{ form_row(form.heroImageFile) }}
            <div class="admin-form-three-cols">
                {{ form_row(form.presentationImage1File) }}
                {{ form_row(form.presentationImage2File) }}
                {{ form_row(form.presentationImage3File) }}
            </div>
        </section>

        <section class="admin-card admin-form-section">
            <h2>Contacts et localisation</h2>
            <div class="admin-form-two-cols">
                {{ form_row(form.email) }}
                {{ form_row(form.telephone1) }}
                {{ form_row(form.telephone2) }}
                {{ form_row(form.whatsapp) }}
                {{ form_row(form.adresse) }}
                {{ form_row(form.ville) }}
                {{ form_row(form.pays) }}
            </div>
        </section>

        <section class="admin-card admin-form-section">
            <h2>Couleurs et contenus publics</h2>
            <div class="admin-form-three-cols">
                {{ form_row(form.couleurPrincipale) }}
                {{ form_row(form.couleurSecondaire) }}
                {{ form_row(form.couleurAccent) }}
            </div>
            <div class="admin-form-two-cols">
                {{ form_row(form.heroTitle) }}
                {{ form_row(form.aboutTitle) }}
            </div>
            {{ form_row(form.heroSubtitle) }}
            {{ form_row(form.aboutText) }}
            <div class="admin-form-two-cols">
                {{ form_row(form.ctaTitle) }}
            </div>
            {{ form_row(form.ctaText) }}
            <div class="admin-form-check">
                {{ form_row(form.active) }}
            </div>
        </section>
    </div>

    <div class="admin-form-actions">
        <a class="btn admin-btn admin-btn-secondary" href="{{ path('platform_ecole_index') }}">Annuler</a>
        <button class="btn admin-btn admin-btn-primary" type="submit">{{ button_label|default('Enregistrer') }}</button>
    </div>
{{ form_end(form) }}
