{# ============================================================================
   Champs du formulaire entreprise - réutilisable entre add et edit
   Utilise Tailwind CSS - Compatible avec les formulaires Symfony
   ============================================================================ #}

{% set inputClass = 'w-full px-4 py-2.5 border border-gray-200 rounded-xl bg-white text-gray-900 placeholder-gray-400 focus:ring-2 focus:ring-primary/20 focus:border-primary transition-colors' %}
{% set labelClass = 'block text-sm font-medium text-gray-700' %}

<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">

    {# ================================================================
       COLONNE GAUCHE : Informations principales + Adresse
       ================================================================ #}
    {% embed '_molecules/card/card.html.twig' with {
        title: 'Informations',
        icon: 'home',
        iconColor: 'primary'
    } %}
        {% block body %}
            <div class="space-y-5">
                {# Nom #}
                <div class="space-y-1.5">
                    {{ form_label(form.name, null, {
                        'label_attr': {'class': labelClass}
                    }) }}
                    {{ form_widget(form.name, {
                        'attr': {'class': inputClass}
                    }) }}
                    {{ form_errors(form.name) }}
                </div>

                {# Description #}
                <div class="space-y-1.5">
                    {{ form_label(form.description, null, {
                        'label_attr': {'class': labelClass}
                    }) }}
                    {{ form_widget(form.description, {
                        'attr': {
                            'class': inputClass ~ ' resize-none',
                            'rows': '2'
                        }
                    }) }}
                    {{ form_errors(form.description) }}
                </div>

                {# SIRET #}
                <div class="space-y-1.5">
                    {{ form_label(form.siret, null, {
                        'label_attr': {'class': labelClass}
                    }) }}
                    {{ form_widget(form.siret, {
                        'attr': {'class': inputClass}
                    }) }}
                    {% if form.siret.vars.help %}
                        <p class="text-xs text-gray-500">{{ form.siret.vars.help }}</p>
                    {% endif %}
                    {{ form_errors(form.siret) }}
                </div>

                {# Adresse (avec autocomplete) #}
                <div class="space-y-1.5">
                    {{ form_label(form.address, null, {
                        'label_attr': {'class': labelClass}
                    }) }}
                    <div class="relative">
                        {{ form_widget(form.address, {
                            'attr': {
                                'class': inputClass,
                                'data-admin--address-autocomplete-target': 'address',
                                'data-action': 'input->admin--address-autocomplete#onAddressInput',
                                'autocomplete': 'off'
                            }
                        }) }}
                        <div class="hidden absolute z-50 w-full mt-1 bg-white border border-gray-200 rounded-xl shadow-lg overflow-hidden max-h-64 overflow-y-auto"
                             data-admin--address-autocomplete-target="dropdown"></div>
                    </div>
                    {{ form_errors(form.address) }}
                </div>

                {# Code postal + Ville #}
                <div class="grid grid-cols-[140px_1fr] gap-4">
                    <div class="space-y-1.5">
                        {{ form_label(form.postalCode, null, {
                            'label_attr': {'class': labelClass}
                        }) }}
                        {{ form_widget(form.postalCode, {
                            'attr': {
                                'class': inputClass,
                                'data-admin--address-autocomplete-target': 'postalCode'
                            }
                        }) }}
                        {{ form_errors(form.postalCode) }}
                    </div>

                    <div class="space-y-1.5">
                        {{ form_label(form.city, null, {
                            'label_attr': {'class': labelClass}
                        }) }}
                        {{ form_widget(form.city, {
                            'attr': {
                                'class': inputClass,
                                'data-admin--address-autocomplete-target': 'city'
                            }
                        }) }}
                        {{ form_errors(form.city) }}
                    </div>
                </div>
            </div>
        {% endblock %}
    {% endembed %}

    {# ================================================================
       COLONNE DROITE : Contact + Configuration Moodle
       ================================================================ #}
    <div class="flex flex-col gap-6">

        {# ----- Contact ----- #}
        {% embed '_molecules/card/card.html.twig' with {
            title: 'Contact',
            icon: 'mail',
            iconColor: 'primary'
        } %}
            {% block body %}
                <div class="space-y-5">
                    {# Email #}
                    <div class="space-y-1.5">
                        {{ form_label(form.email, null, {
                            'label_attr': {'class': labelClass}
                        }) }}
                        {{ form_widget(form.email, {
                            'attr': {'class': inputClass}
                        }) }}
                        {{ form_errors(form.email) }}
                    </div>

                    {# Téléphone #}
                    <div class="space-y-1.5">
                        {{ form_label(form.phone, null, {
                            'label_attr': {'class': labelClass}
                        }) }}
                        {{ form_widget(form.phone, {
                            'attr': {'class': inputClass}
                        }) }}
                        {{ form_errors(form.phone) }}
                    </div>

                    {# Site web #}
                    <div class="space-y-1.5">
                        {{ form_label(form.website, null, {
                            'label_attr': {'class': labelClass}
                        }) }}
                        {{ form_widget(form.website, {
                            'attr': {'class': inputClass}
                        }) }}
                        {{ form_errors(form.website) }}
                    </div>
                </div>
            {% endblock %}
        {% endembed %}

        {# ----- Configuration Moodle ----- #}
        {% embed '_molecules/card/card.html.twig' with {
            title: 'Configuration Moodle',
            icon: 'settings',
            iconColor: 'primary'
        } %}
            {% block body %}
                <div class="space-y-5">
                    {# URL Moodle #}
                    <div class="space-y-1.5">
                        {{ form_label(form.moodleUrl, null, {
                            'label_attr': {'class': labelClass}
                        }) }}
                        {{ form_widget(form.moodleUrl, {
                            'attr': {'class': inputClass}
                        }) }}
                        {% if form.moodleUrl.vars.help %}
                            <p class="text-xs text-gray-500">{{ form.moodleUrl.vars.help }}</p>
                        {% endif %}
                        {{ form_errors(form.moodleUrl) }}
                    </div>

                    {# Token API Moodle #}
                    <div class="space-y-1.5">
                        {{ form_label(form.moodleToken, null, {
                            'label_attr': {'class': labelClass}
                        }) }}
                        {{ form_widget(form.moodleToken, {
                            'attr': {'class': inputClass}
                        }) }}
                        {% if form.moodleToken.vars.help %}
                            <p class="text-xs text-gray-500">{{ form.moodleToken.vars.help }}</p>
                        {% endif %}
                        {{ form_errors(form.moodleToken) }}
                    </div>
                </div>
            {% endblock %}
        {% endembed %}

    </div>
</div>