{# Section Licence e-commerce sur la fiche boutique (admin). Variables : company, license (nullable) #}
{% 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'
} %}

<div class="bg-white shadow rounded-lg overflow-hidden mb-6">
    <div class="px-4 py-5 sm:px-6 border-b border-gray-200 bg-gray-50 flex items-center justify-between">
        <h3 class="text-lg leading-6 font-medium text-gray-900">
            <i class="fas fa-key text-indigo-600 mr-2"></i>
            Licence e-commerce
        </h3>
        {% if license %}
            <span class="inline-flex px-2 text-xs font-semibold leading-5 rounded-full {{ status_colors[license.status.value] }}">
                {{ status_labels[license.status.value] }}
            </span>
        {% endif %}
    </div>
    <div class="px-4 py-5 sm:p-6">
        {% if license %}
            <dl class="grid grid-cols-1 sm:grid-cols-2 gap-4 text-sm">
                <div><dt class="text-gray-500">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">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 ?? '—' }}</dd></div>
            </dl>
            <div class="mt-4">
                <a href="{{ path('admin_licenses_show', {uuid: license.uuid}) }}" 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">
                    Gérer la licence
                </a>
            </div>
        {% else %}
            <p class="text-sm text-gray-600 mb-4">Aucune licence de connecteur pour cette boutique.</p>
            <a href="{{ path('admin_licenses_new') }}" 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">
                <i class="fas fa-plus mr-2"></i> Émettre une licence
            </a>
        {% endif %}
    </div>
</div>