{# templates/card/_form.html.twig #}
{# CSS externalisé dans card.css #}

<div class="card-form-container">
    {{ form_start(form, {'attr': {'novalidate': 'novalidate'}}) }}
    
    {# Section 1 : Informations personnelles #}
    <div class="form-section">
        <h3 class="form-section-title">👤 Informations personnelles</h3>
        
        <div class="form-row">
            <div class="form-group">
                {{ form_label(form.prenom) }}
                {{ form_widget(form.prenom) }}
                {{ form_errors(form.prenom) }}
            </div>
            <div class="form-group">
                {{ form_label(form.nom) }}
                {{ form_widget(form.nom) }}
                {{ form_errors(form.nom) }}
            </div>
        </div>
        
        {# Photo de profil (spécifique Force) - Vérifier si le champ existe #}
        {% if form.photo is defined %}
        <div class="form-row full">
            <div class="form-group">
                {{ form_label(form.photo) }}
                {{ form_widget(form.photo) }}
                {{ form_errors(form.photo) }}
                {{ form_help(form.photo) }}
            </div>
        </div>
        {% endif %}
    </div>
    
    {# Section 2 : Informations professionnelles #}
    <div class="form-section">
        <h3 class="form-section-title">💼 Informations professionnelles</h3>
        
        <div class="form-row full">
            <div class="form-group">
                {{ form_label(form.entreprise) }}
                {{ form_widget(form.entreprise) }}
                {{ form_errors(form.entreprise) }}
            </div>
        </div>
        
        <div class="form-row">
            <div class="form-group">
                {{ form_label(form.fonction) }}
                {{ form_widget(form.fonction) }}
                {{ form_errors(form.fonction) }}
            </div>
            
            {# Secteur (spécifique Force) - Vérifier si le champ existe #}
            {% if form.secteur is defined %}
            <div class="form-group">
                {{ form_label(form.secteur) }}
                {{ form_widget(form.secteur) }}
                {{ form_errors(form.secteur) }}
            </div>
            {% endif %}
        </div>
        
        {# Titre et Logo (spécifique Premium) - Vérifier si les champs existent #}
        {% if form.titre is defined %}
        <div class="form-row">
            <div class="form-group">
                {{ form_label(form.titre) }}
                {{ form_widget(form.titre) }}
                {{ form_errors(form.titre) }}
                <div class="form-help">Ex: Photographie d'Art & d'Âme</div>
            </div>
            {% if form.logo is defined %}
            <div class="form-group">
                {{ form_label(form.logo) }}
                {{ form_widget(form.logo) }}
                {{ form_errors(form.logo) }}
                <div class="form-help">Emoji ou caractère spécial</div>
            </div>
            {% endif %}
        </div>
        {% endif %}
        
        {# Slogan (commun à Force et Premium) - Vérifier si le champ existe #}
        {% if form.slogan is defined %}
        <div class="form-row full">
            <div class="form-group">
                {{ form_label(form.slogan) }}
                {{ form_widget(form.slogan) }}
                {{ form_errors(form.slogan) }}
                <div class="form-help">Votre phrase d'accroche</div>
            </div>
        </div>
        {% endif %}
    </div>
    
    {# Section 3 : Contact #}
    <div class="form-section">
        <h3 class="form-section-title">📞 Contact</h3>
        
        <div class="form-row">
            <div class="form-group">
                {{ form_label(form.fixe) }}
                {{ form_widget(form.fixe) }}
                {{ form_errors(form.fixe) }}
            </div>
            <div class="form-group">
                {{ form_label(form.email) }}
                {{ form_widget(form.email) }}
                {{ form_errors(form.email) }}
            </div>
        </div>
        
        <div class="form-row full">
            <div class="form-group">
                {{ form_label(form.siteWeb) }}
                {{ form_widget(form.siteWeb) }}
                {{ form_errors(form.siteWeb) }}
            </div>
        </div>
        
        <div class="form-row full">
            <div class="form-group">
                {{ form_label(form.adresse) }}
                {{ form_widget(form.adresse) }}
                {{ form_errors(form.adresse) }}
            </div>
        </div>
    </div>
    
    {# Section 4 : Services et zone (spécifique Force) - Vérifier si les champs existent #}
    {% if form.services is defined %}
    <div class="form-section">
        <h3 class="form-section-title">🎯 Services & Zone d'intervention</h3>
        
        <div class="form-row full">
            <div class="form-group">
                {{ form_label(form.services) }}
                {{ form_widget(form.services) }}
                {{ form_errors(form.services) }}
                {{ form_help(form.services) }}
            </div>
        </div>
        
        {% if form.zoneIntervention is defined and form.horaires is defined %}
        <div class="form-row">
            <div class="form-group">
                {{ form_label(form.zoneIntervention) }}
                {{ form_widget(form.zoneIntervention) }}
                {{ form_errors(form.zoneIntervention) }}
            </div>
            <div class="form-group">
                {{ form_label(form.horaires) }}
                {{ form_widget(form.horaires) }}
                {{ form_errors(form.horaires) }}
            </div>
        </div>
        {% endif %}
    </div>
    {% endif %}
    
    {# Section 5 : Statistiques (spécifique Premium) - Vérifier si les champs existent #}
    {% if form.expertise is defined %}
    <div class="form-section">
        <h3 class="form-section-title">📊 Vos Statistiques</h3>
        
        <div class="form-row">
            <div class="form-group">
                {{ form_label(form.expertise) }}
                {{ form_widget(form.expertise) }}
                {{ form_errors(form.expertise) }}
                <div class="form-help">Ex: 12 ans</div>
            </div>
            {% if form.seances is defined %}
            <div class="form-group">
                {{ form_label(form.seances) }}
                {{ form_widget(form.seances) }}
                {{ form_errors(form.seances) }}
                <div class="form-help">Ex: 500+</div>
            </div>
            {% endif %}
        </div>
    </div>
    {% endif %}
    
    {# Bouton de soumission #}
    <button type="submit" class="submit-button">
        ✅ Ajouter au panier
    </button>
    
    {# Afficher tous les champs qui n'ont pas encore été rendus (au cas où) #}
    {{ form_rest(form) }}
    
    {{ form_end(form) }}
</div>