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

{% block page_title %}Licence {{ license.keyPrefix }}{% endblock %}

{% set status_colors = {
    'active': 'bg-green-100 text-green-800',
    'suspended': 'bg-yellow-100 text-yellow-800',
    'expired': 'bg-gray-100 text-gray-800',
    'revoked': 'bg-red-100 text-red-800'
} %}
{% set status_labels = {
    'active': 'Active', 'suspended': 'Suspendue', 'expired': 'Expirée', 'revoked': 'Révoquée'
} %}
{% set event_labels = {
    'issued': 'Émise', 'renewed': 'Renouvelée', 'suspended': 'Suspendue',
    'reactivated': 'Réactivée', 'revoked': 'Révoquée', 'activated': 'Activée (site)', 'heartbeat': 'Contact'
} %}

{% block content %}
<div class="max-w-3xl mx-auto">
    <div class="mb-6">
        <a href="{{ path('admin_licenses_index') }}" class="text-sm text-indigo-600 hover:text-indigo-900">&larr; Licences</a>
        <div class="mt-2 flex items-center justify-between">
            <h1 class="text-3xl font-bold text-gray-900">{{ license.company.name }}</h1>
            <span class="inline-flex px-3 py-1 text-sm font-semibold rounded-full {{ status_colors[license.status.value] }}">
                {{ status_labels[license.status.value] }}
            </span>
        </div>
    </div>

    {# Clé affichée une seule fois après émission #}
    {% for key in app.flashes('license_key') %}
        <div class="bg-indigo-50 border border-indigo-200 rounded-lg p-4 mb-6">
            <p class="text-sm font-medium text-indigo-900 mb-1">Clé de licence (copiez-la maintenant — non ré-affichée)</p>
            <p class="text-lg font-mono text-indigo-800 select-all break-all">{{ key }}</p>
        </div>
    {% endfor %}

    <div class="bg-white shadow rounded-lg mb-6">
        <div class="px-4 py-5 sm:p-6 grid grid-cols-1 sm:grid-cols-2 gap-4 text-sm">
            <div><dt class="text-gray-500">Préfixe de clé</dt><dd class="font-mono text-gray-900">{{ license.keyPrefix }}…</dd></div>
            <div><dt class="text-gray-500">Plan</dt><dd class="text-gray-900">{{ license.plan }}</dd></div>
            <div><dt class="text-gray-500">Offre</dt><dd class="text-gray-900">{{ license.offerLabel }}</dd></div>
            <div><dt class="text-gray-500">Émise le</dt><dd class="text-gray-900">{{ license.issuedAt|date('d/m/Y H:i') }}</dd></div>
            <div><dt class="text-gray-500">Expiration</dt><dd class="text-gray-900">{{ license.expiresAt ? license.expiresAt|date('d/m/Y') : 'Perpétuelle' }}</dd></div>
            <div><dt class="text-gray-500">Site lié</dt><dd class="text-gray-900">{{ license.siteUrl ?? '— (pas encore activé)' }}</dd></div>
            <div><dt class="text-gray-500">Dernier contact</dt><dd class="text-gray-900">{{ license.lastSeenAt ? license.lastSeenAt|date('d/m/Y H:i') : '—' }}</dd></div>
        </div>
        <div class="px-4 py-4 border-t border-gray-200">
            {% if revealedKey %}
                <p class="text-sm font-medium text-gray-700 mb-1">Clé révélée</p>
                <p class="text-lg font-mono text-gray-900 select-all break-all">{{ revealedKey }}</p>
            {% else %}
                <a href="{{ path('admin_licenses_show', {uuid: license.uuid, reveal: 1}) }}" class="inline-flex items-center px-3 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50">
                    <i class="fas fa-key mr-2"></i> Révéler la clé
                </a>
            {% endif %}
        </div>
    </div>

    {# Actions #}
    {% if license.status.value != 'revoked' %}
    <div class="bg-white shadow rounded-lg mb-6">
        <div class="px-4 py-5 sm:p-6 space-y-4">
            <h2 class="text-lg font-medium text-gray-900">Actions</h2>

            <form method="post" action="{{ path('admin_licenses_renew', {uuid: license.uuid}) }}" class="flex flex-wrap items-end gap-3">
                <input type="hidden" name="_token" value="{{ csrf_token('license_renew_' ~ license.id) }}">
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Nouvelle expiration</label>
                    <input type="date" name="expiresAt" value="{{ license.expiresAt ? license.expiresAt|date('Y-m-d') : '' }}"
                           class="px-3 py-2 border border-gray-300 rounded-md shadow-sm text-gray-900 focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
                </div>
                <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-indigo-600 hover:bg-indigo-700">Renouveler</button>
            </form>

            <div class="flex flex-wrap gap-3 pt-2 border-t border-gray-100">
                {% if license.status.value == 'active' %}
                    <form method="post" action="{{ path('admin_licenses_suspend', {uuid: license.uuid}) }}">
                        <input type="hidden" name="_token" value="{{ csrf_token('license_suspend_' ~ license.id) }}">
                        <button type="submit" class="inline-flex items-center px-4 py-2 border border-yellow-300 text-sm font-medium rounded-md text-yellow-800 bg-yellow-50 hover:bg-yellow-100">Suspendre</button>
                    </form>
                {% else %}
                    <form method="post" action="{{ path('admin_licenses_reactivate', {uuid: license.uuid}) }}">
                        <input type="hidden" name="_token" value="{{ csrf_token('license_reactivate_' ~ license.id) }}">
                        <button type="submit" class="inline-flex items-center px-4 py-2 border border-green-300 text-sm font-medium rounded-md text-green-800 bg-green-50 hover:bg-green-100">Réactiver</button>
                    </form>
                {% endif %}
                <form method="post" action="{{ path('admin_licenses_revoke', {uuid: license.uuid}) }}" onsubmit="return confirm('Révoquer définitivement cette licence ?');">
                    <input type="hidden" name="_token" value="{{ csrf_token('license_revoke_' ~ license.id) }}">
                    <button type="submit" class="inline-flex items-center px-4 py-2 border border-red-300 text-sm font-medium rounded-md text-red-800 bg-red-50 hover:bg-red-100">Révoquer</button>
                </form>
            </div>
        </div>
    </div>
    {% endif %}

    {# Journal d'événements #}
    <div class="bg-white shadow rounded-lg">
        <div class="px-4 py-5 sm:p-6">
            <h2 class="text-lg font-medium text-gray-900 mb-4">Journal</h2>
            <ul class="divide-y divide-gray-200">
                {% for event in license.events %}
                    <li class="py-3 flex items-center justify-between text-sm">
                        <div>
                            <span class="font-medium text-gray-900">{{ event_labels[event.type] ?? event.type }}</span>
                            {% if event.note %}<span class="text-gray-500"> — {{ event.note }}</span>{% endif %}
                            {% if event.actor %}<span class="text-gray-400"> · {{ event.actor.email }}</span>{% endif %}
                        </div>
                        <span class="text-gray-500">{{ event.createdAt|date('d/m/Y H:i') }}</span>
                    </li>
                {% else %}
                    <li class="py-3 text-sm text-gray-500">Aucun événement.</li>
                {% endfor %}
            </ul>
        </div>
    </div>
</div>
{% endblock %}