{#
    Expiration Alerts Component
    Displays alerts for expired and expiring documents

    Required variables:
    - company: Company entity
    - expiredCount: Number of expired documents
    - expiringSoonCount: Number of documents expiring in 7 days
    - expiringMonthCount: Number of documents expiring in 30 days
#}

{# Alert if company is deleted #}
{% if company.deletedAt %}
    <div class="rounded-md bg-yellow-50 p-4 mb-6 border border-yellow-200">
        <div class="flex">
            <div class="flex-shrink-0">
                <i class="fas fa-exclamation-triangle text-yellow-400"></i>
            </div>
            <div class="ml-3">
                <p class="text-sm text-yellow-700">
                    Cette entreprise est supprimée. Vous ne pouvez pas téléverser de nouveaux documents.
                </p>
            </div>
        </div>
    </div>
{% endif %}

{# Expired Documents Alert (Red - Critical) #}
{% if expiredCount > 0 %}
    <div class="rounded-md bg-red-50 p-4 mb-6 border border-red-200">
        <div class="flex items-center">
            <div class="flex-shrink-0">
                <i class="fas fa-exclamation-circle text-red-400 text-xl"></i>
            </div>
            <div class="ml-3 flex-1">
                <h3 class="text-sm font-medium text-red-800">
                    <strong>{{ expiredCount }}</strong> document(s) expiré(s)
                </h3>
                <p class="mt-1 text-sm text-red-700">
                    Des documents ont dépassé leur date d'expiration et nécessitent une attention immédiate.
                </p>
            </div>
            <div class="ml-3">
                <a href="{{ path('admin_companies_documents', app.request.query.all|merge({'id': company.id, 'expiration': 'expired'})) }}"
                   class="inline-flex items-center px-3 py-2 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-red-600 hover:bg-red-700">
                    <i class="fas fa-filter mr-2"></i>
                    Voir les documents expirés
                </a>
            </div>
        </div>
    </div>
{% endif %}

{# Expiring Soon Alert (Orange - 7 days) #}
{% if expiringSoonCount > 0 %}
    <div class="rounded-md bg-orange-50 p-4 mb-6 border border-orange-200">
        <div class="flex items-center">
            <div class="flex-shrink-0">
                <i class="fas fa-clock text-orange-400 text-xl"></i>
            </div>
            <div class="ml-3 flex-1">
                <h3 class="text-sm font-medium text-orange-800">
                    <strong>{{ expiringSoonCount }}</strong> document(s) expire(nt) dans moins de 7 jours
                </h3>
                <p class="mt-1 text-sm text-orange-700">
                    Action requise rapidement pour renouveler ces documents.
                </p>
            </div>
            <div class="ml-3">
                <a href="{{ path('admin_companies_documents', app.request.query.all|merge({'id': company.id, 'expiration': 'expiring_soon'})) }}"
                   class="inline-flex items-center px-3 py-2 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-orange-600 hover:bg-orange-700">
                    <i class="fas fa-filter mr-2"></i>
                    Voir les documents
                </a>
            </div>
        </div>
    </div>
{% endif %}

{# Expiring Within Month Alert (Blue - 30 days, only if no 7-day warnings) #}
{% if expiringMonthCount > 0 and expiringSoonCount == 0 %}
    <div class="rounded-md bg-blue-50 p-4 mb-6 border border-blue-200">
        <div class="flex items-center">
            <div class="flex-shrink-0">
                <i class="fas fa-info-circle text-blue-400 text-xl"></i>
            </div>
            <div class="ml-3 flex-1">
                <h3 class="text-sm font-medium text-blue-800">
                    <strong>{{ expiringMonthCount }}</strong> document(s) expire(nt) dans moins de 30 jours
                </h3>
                <p class="mt-1 text-sm text-blue-700">
                    Pensez à planifier le renouvellement de ces documents.
                </p>
            </div>
            <div class="ml-3">
                <a href="{{ path('admin_companies_documents', app.request.query.all|merge({'id': company.id, 'expiration': 'expiring_month'})) }}"
                   class="inline-flex items-center px-3 py-2 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700">
                    <i class="fas fa-filter mr-2"></i>
                    Voir les documents
                </a>
            </div>
        </div>
    </div>
{% endif %}