{% extends 'layouts/authenticated.html.twig' %}

{% block page_title %}{{ smtp_configuration.name }}{% endblock %}

{% block content %}
<div class="mb-8">
    <div class="sm:flex sm:items-center sm:justify-between">
        <div>
            <h1 class="text-3xl font-bold text-gray-900">{{ smtp_configuration.name }}</h1>
            <p class="mt-2 text-sm text-gray-700">Configuration SMTP</p>
        </div>
        <div class="mt-4 sm:mt-0 flex space-x-3">
            <a href="{{ path('admin_smtp_edit', {id: smtp_configuration.id}) }}" class="inline-flex items-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">
                <i class="fas fa-edit mr-2"></i>
                Modifier
            </a>
            <a href="{{ path('admin_smtp_index') }}" class="inline-flex items-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">
                <i class="fas fa-arrow-left mr-2"></i>
                Retour
            </a>
        </div>
    </div>
</div>

{# Configuration Details #}
<div class="bg-white shadow rounded-lg mb-6">
    <div class="px-4 py-5 sm:px-6 border-b border-gray-200">
        <h3 class="text-lg leading-6 font-medium text-gray-900">Informations du Serveur</h3>
    </div>
    <div class="px-4 py-5 sm:p-6">
        <dl class="grid grid-cols-1 gap-x-4 gap-y-6 sm:grid-cols-2">
            <div class="sm:col-span-2">
                <dt class="text-sm font-medium text-gray-500">Nom</dt>
                <dd class="mt-1 text-sm text-gray-900">{{ smtp_configuration.name }}</dd>
            </div>

            {% if smtp_configuration.description %}
                <div class="sm:col-span-2">
                    <dt class="text-sm font-medium text-gray-500">Description</dt>
                    <dd class="mt-1 text-sm text-gray-900">{{ smtp_configuration.description }}</dd>
                </div>
            {% endif %}

            <div>
                <dt class="text-sm font-medium text-gray-500">Serveur SMTP</dt>
                <dd class="mt-1 text-sm text-gray-900 font-mono">{{ smtp_configuration.host }}</dd>
            </div>

            <div>
                <dt class="text-sm font-medium text-gray-500">Port</dt>
                <dd class="mt-1 text-sm text-gray-900">{{ smtp_configuration.port }}</dd>
            </div>

            <div>
                <dt class="text-sm font-medium text-gray-500">Chiffrement</dt>
                <dd class="mt-1">
                    <span class="px-3 py-1 inline-flex text-xs leading-5 font-semibold rounded-full {{ smtp_configuration.encryption == 'tls' ? 'bg-blue-100 text-blue-800' : (smtp_configuration.encryption == 'ssl' ? 'bg-purple-100 text-purple-800' : 'bg-gray-100 text-gray-800') }}">
                        {{ smtp_configuration.encryption|upper }}
                    </span>
                </dd>
            </div>

            <div>
                <dt class="text-sm font-medium text-gray-500">Authentification requise</dt>
                <dd class="mt-1">
                    <span class="px-3 py-1 inline-flex text-xs leading-5 font-semibold rounded-full {{ smtp_configuration.authRequired ? 'bg-green-100 text-green-800' : 'bg-gray-100 text-gray-800' }}">
                        {{ smtp_configuration.authRequired ? 'Oui' : 'Non' }}
                    </span>
                </dd>
            </div>

            {% if smtp_configuration.authRequired %}
                <div>
                    <dt class="text-sm font-medium text-gray-500">Nom d'utilisateur</dt>
                    <dd class="mt-1 text-sm text-gray-900">{{ smtp_configuration.username|default('N/A') }}</dd>
                </div>

                <div>
                    <dt class="text-sm font-medium text-gray-500">Mot de passe</dt>
                    <dd class="mt-1 text-sm text-gray-900">
                        <span class="font-mono">********</span>
                    </dd>
                </div>
            {% endif %}

            <div>
                <dt class="text-sm font-medium text-gray-500">Email expéditeur</dt>
                <dd class="mt-1 text-sm text-gray-900">{{ smtp_configuration.fromEmail }}</dd>
            </div>

            <div>
                <dt class="text-sm font-medium text-gray-500">Nom expéditeur</dt>
                <dd class="mt-1 text-sm text-gray-900">{{ smtp_configuration.fromName|default('N/A') }}</dd>
            </div>

            <div>
                <dt class="text-sm font-medium text-gray-500">Statut</dt>
                <dd class="mt-1">
                    <span class="px-3 py-1 inline-flex text-xs leading-5 font-semibold rounded-full {{ smtp_configuration.isActive ? 'bg-green-100 text-green-800' : 'bg-gray-100 text-gray-800' }}">
                        <i class="fas fa-{{ smtp_configuration.isActive ? 'check-circle' : 'times-circle' }} mr-1"></i>
                        {{ smtp_configuration.isActive ? 'Active' : 'Inactive' }}
                    </span>
                </dd>
            </div>

            <div>
                <dt class="text-sm font-medium text-gray-500">Date de création</dt>
                <dd class="mt-1 text-sm text-gray-900">{{ smtp_configuration.createdAt|date('d/m/Y à H:i') }}</dd>
            </div>

            <div>
                <dt class="text-sm font-medium text-gray-500">Dernière modification</dt>
                <dd class="mt-1 text-sm text-gray-900">{{ smtp_configuration.updatedAt|date('d/m/Y à H:i') }}</dd>
            </div>
        </dl>

        {% if not smtp_configuration.isActive %}
            <div class="mt-6 border-t border-gray-200 pt-6">
                <form method="post" action="{{ path('admin_smtp_activate', {id: smtp_configuration.id}) }}" onsubmit="return confirm('Activer cette configuration ? Toutes les autres seront désactivées.');">
                    <input type="hidden" name="_token" value="{{ csrf_token('activate' ~ smtp_configuration.id) }}">
                    <button type="submit" class="inline-flex items-center px-4 py-2 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-green-600 hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500">
                        <i class="fas fa-check-circle mr-2"></i>
                        Activer cette configuration
                    </button>
                </form>
            </div>
        {% endif %}
    </div>
</div>

{% if smtp_configuration.isActive %}
    <div class="bg-green-50 border-l-4 border-green-400 p-4">
        <div class="flex">
            <div class="flex-shrink-0">
                <i class="fas fa-check-circle text-green-400 text-lg"></i>
            </div>
            <div class="ml-3">
                <p class="text-sm text-green-700">
                    <strong>Configuration active :</strong> Cette configuration est actuellement utilisée pour l'envoi des emails du système.
                </p>
            </div>
        </div>
    </div>
{% else %}
    <div class="bg-yellow-50 border-l-4 border-yellow-400 p-4">
        <div class="flex">
            <div class="flex-shrink-0">
                <i class="fas fa-exclamation-triangle text-yellow-400 text-lg"></i>
            </div>
            <div class="ml-3">
                <p class="text-sm text-yellow-700">
                    <strong>Configuration inactive :</strong> Cette configuration n'est pas utilisée pour l'envoi des emails. Activez-la pour l'utiliser.
                </p>
            </div>
        </div>
    </div>
{% endif %}
{% endblock %}