{# templates/admin/projet/_form.html.twig #}

{{ form_start(form, {'attr': {'class': 'needs-validation', 'novalidate': 'novalidate'}}) }}
    <div class="row g-4">
        {# --- SECTION : IDENTITÉ DU PROJET --- #}
        <div class="col-md-6">
            {{ form_label(form.nom, 'Nom du programme immobilier *') }}
            <i class="fa-solid fa-circle-question help-icon" 
               data-bs-toggle="tooltip" 
               title="Nom commercial du programme (ex: Cité l'Oréal, Résidence Horizon)."></i>
            {{ form_widget(form.nom) }}
            {{ form_errors(form.nom) }}
        </div>

        <div class="col-md-6">
            {{ form_label(form.typeBusiness, 'Modèle économique *') }}
            <i class="fa-solid fa-circle-info help-icon open-help" 
               style="cursor:pointer;"
               data-help="<b>Promotion Immobilière :</b> Construction globale pour vente de lots finis.<br><b>Construction-Vente :</b> Projet spécifique sur commande ou terrain nu."></i>
            {{ form_widget(form.typeBusiness) }}
            {{ form_errors(form.typeBusiness) }}
        </div>

        <div class="col-12">
            {{ form_row(form.description, {
                'label': 'Description commerciale',
                'attr': {'rows': 4}
            }) }}
        </div>

        {# --- SECTION : LOCALISATION & JURIDIQUE --- #}
        <div class="col-md-6">
            {{ form_row(form.localisationVille, { 'label': 'Ville *' }) }}
        </div>
        <div class="col-md-6">
            {{ form_row(form.localisationCommune, { 'label': 'Commune / Zone *' }) }}
        </div>

        <div class="col-md-6">
            {{ form_label(form.statutFoncier, 'Statut du terrain *') }}
            <i class="fa-solid fa-circle-question help-icon" 
               data-bs-toggle="tooltip" 
               title="Indiquez l'état actuel des titres (ACD, Titre Foncier, ou Approbation Ministérielle en cours)."></i>
            {{ form_widget(form.statutFoncier) }}
            {{ form_errors(form.statutFoncier) }}
        </div>

        <div class="col-md-6">
            {{ form_label(form.numAgrementPromoteur, 'N° Agrément Promoteur') }}
            <i class="fa-solid fa-circle-question help-icon" 
               data-bs-toggle="tooltip" 
               title="Numéro d'agrément officiel délivré par le Ministère de la Construction."></i>
            {{ form_widget(form.numAgrementPromoteur) }}
            {{ form_errors(form.numAgrementPromoteur) }}
        </div>

        {# --- SECTION : VISUELS & PLANNING --- #}
        <div class="col-md-6">
            <label class="form-label fw-bold small text-primary">
                Image principale
                <i class="fa-solid fa-image help-icon" 
                   data-bs-toggle="tooltip" 
                   title="Cette image sera utilisée en couverture sur le catalogue client."></i>
            </label>
            {{ form_widget(form.imagePrincipale, {
                'attr': {'class': 'form-control shadow-sm'}
            }) }}
            <div class="form-text small text-muted">Format recommandé : 1200x800px (JPG, PNG).</div>
            
            {% if projet.imagePrincipale %}
                <div class="mt-3 p-2 border rounded bg-light d-inline-block">
                    <p class="small fw-bold mb-1 text-secondary">Aperçu actuel :</p>
                    <img src="{{ asset('uploads/projets/' ~ projet.imagePrincipale) }}" 
                         alt="Aperçu" class="rounded shadow-sm" style="max-height: 100px;">
                </div>
            {% endif %}
        </div>

        <div class="col-md-6">
            {{ form_label(form.dateLivraisonPrevue, 'Date de livraison estimée') }}
            <i class="fa-solid fa-calendar-check help-icon" 
               data-bs-toggle="tooltip" 
               title="Date indicative communiquée au client pour la fin des travaux."></i>
            {{ form_widget(form.dateLivraisonPrevue, {'widget': 'single_text'}) }}
            {{ form_errors(form.dateLivraisonPrevue) }}
        </div>

        <div class="col-12">
            {{ form_label(form.commoditesProximite, "Commodités & Points d'intérêt") }}
            <i class="fa-solid fa-map-location-dot help-icon open-help" 
               style="cursor:pointer;"
               data-help="Sélectionnez les infrastructures à proximité (Écoles, Supermarchés, Hôpitaux) pour valoriser le projet auprès des prospects."></i>
            {{ form_widget(form.commoditesProximite, {
                'attr': {'class': 'form-select select2'}
            }) }}
        </div>

        {# --- ACTIONS --- #}
        <div class="col-12 mt-5">
            <div class="d-flex justify-content-between align-items-center p-3 bg-light rounded-3 border">
                <p class="mb-0 small text-muted">
                    <i class="fas fa-question-circle me-1"></i> 
                    Les modifications seront visibles immédiatement sur le portail client.
                </p>
                <button type="submit" class="btn btn-primary px-5 shadow">
                    <i class="fas fa-check-circle me-2"></i>
                    {{ projet.id ? 'Mettre à jour le projet' : 'Enregistrer le projet' }}
                </button>
            </div>
        </div>
    </div>
{{ form_end(form) }}

<script>
    document.addEventListener('DOMContentLoaded', function() {
        // Initialisation Select2
        if (typeof $ !== 'undefined' && $.fn.select2) {
            $('.select2').select2({
                allowClear: true,
                theme: 'bootstrap-5'
            });
        }
        // Rappel : initTooltips() est déjà géré par votre base.html.twig
    });
</script>