{# Section: Base de données de la boutique (cap multi-tenant) #}
{# Requiert la variable `companyForm` dans le contexte d'inclusion. #}
{% set dbForm = companyForm.database %}
<div>
    <div class="mb-4 pb-2 border-b border-gray-200">
        <h3 class="text-lg font-medium text-gray-900 flex items-center">
            <i class="fas fa-database text-emerald-600 mr-2"></i>
            Base de données
        </h3>
        <p class="mt-1 text-sm text-gray-500">
            Connexion à la base de données propre à cette boutique. Le mot de passe est stocké chiffré.
        </p>
    </div>

    <div class="grid grid-cols-1 gap-y-6 gap-x-4 sm:grid-cols-2">
        {# Moteur #}
        <div>
            {{ form_label(dbForm.driver, null, {'label_attr': {'class': 'block text-sm font-medium text-gray-700'}}) }}
            {{ form_widget(dbForm.driver, {'attr': {'class': 'mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm transition-all duration-200'}}) }}
            {{ form_errors(dbForm.driver) }}
        </div>

        {# Jeu de caractères #}
        <div>
            {{ form_label(dbForm.charset, null, {'label_attr': {'class': 'block text-sm font-medium text-gray-700'}}) }}
            {{ form_widget(dbForm.charset, {'attr': {'class': 'mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm font-mono transition-all duration-200'}}) }}
            {{ form_errors(dbForm.charset) }}
        </div>

        {# Hôte #}
        <div>
            {{ form_label(dbForm.host, null, {'label_attr': {'class': 'block text-sm font-medium text-gray-700'}}) }}
            {{ form_widget(dbForm.host, {'attr': {'class': 'mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm font-mono transition-all duration-200'}}) }}
            {{ form_errors(dbForm.host) }}
        </div>

        {# Port #}
        <div>
            {{ form_label(dbForm.port, null, {'label_attr': {'class': 'block text-sm font-medium text-gray-700'}}) }}
            {{ form_widget(dbForm.port, {'attr': {'class': 'mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm font-mono transition-all duration-200'}}) }}
            {{ form_errors(dbForm.port) }}
        </div>

        {# Nom de la base #}
        <div>
            {{ form_label(dbForm.databaseName, null, {'label_attr': {'class': 'block text-sm font-medium text-gray-700'}}) }}
            {{ form_widget(dbForm.databaseName, {'attr': {'class': 'mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm font-mono transition-all duration-200'}}) }}
            {{ form_errors(dbForm.databaseName) }}
        </div>

        {# Utilisateur #}
        <div>
            {{ form_label(dbForm.username, null, {'label_attr': {'class': 'block text-sm font-medium text-gray-700'}}) }}
            {{ form_widget(dbForm.username, {'attr': {'class': 'mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm font-mono transition-all duration-200'}}) }}
            {{ form_errors(dbForm.username) }}
        </div>

        {# Mot de passe (chiffré au repos) #}
        <div class="sm:col-span-2">
            {{ form_label(dbForm.password, null, {'label_attr': {'class': 'block text-sm font-medium text-gray-700'}}) }}
            {{ form_widget(dbForm.password, {'attr': {'class': 'mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm transition-all duration-200'}}) }}
            {{ form_help(dbForm.password) }}
            {{ form_errors(dbForm.password) }}
        </div>

        {# Connexion active #}
        <div class="sm:col-span-2">
            <div class="flex items-start">
                <div class="flex items-center h-5">
                    {{ form_widget(dbForm.isActive, {'attr': {'class': 'focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded transition-transform duration-200'}}) }}
                </div>
                <div class="ml-3 text-sm">
                    {{ form_label(dbForm.isActive, null, {'label_attr': {'class': 'font-medium text-gray-700'}}) }}
                    <p class="text-gray-500">Décochez pour désactiver l'utilisation de cette connexion.</p>
                </div>
            </div>
            {{ form_errors(dbForm.isActive) }}
        </div>
    </div>
</div>