{#
    Document Management Macros
    Reusable components for document listing and management

    Usage:
    {% import 'admin/companies/documents/_macros.html.twig' as docs %}
    {{ docs.expiration_badge(media) }}
#}

{#
    Expiration Badge
    Displays expiration status with color coding and remaining days

    @param media Media entity with expiresAt property
    @return string Badge HTML
#}
{% macro expiration_badge(media) %}
    {% if media.expiresAt %}
        {% set now = 'now'|date('U') %}
        {% set expirationDate = media.expiresAt|date('U') %}
        {% set daysLeft = ((expirationDate - now) / 86400)|round(0, 'floor') %}

        {% if daysLeft < 0 %}
            {# Expired #}
            <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-red-100 text-red-800">
                <i class="fas fa-exclamation-circle mr-1"></i>
                Expiré
            </span>
        {% elseif daysLeft <= 7 %}
            {# Expiring soon (7 days or less) #}
            <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">
                <i class="fas fa-clock mr-1"></i>
                {{ daysLeft }}j restant{{ daysLeft > 1 ? 's' : '' }}
            </span>
        {% elseif daysLeft <= 30 %}
            {# Expiring within a month #}
            <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800">
                <i class="fas fa-info-circle mr-1"></i>
                {{ daysLeft }}j restants
            </span>
        {% else %}
            {# OK - more than 30 days #}
            <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800">
                <i class="fas fa-check-circle mr-1"></i>
                {{ media.expiresAt|date('d/m/Y') }}
            </span>
        {% endif %}
    {% else %}
        <span class="text-sm text-gray-400 italic">Aucune</span>
    {% endif %}
{% endmacro %}

{#
    File Icon
    Displays appropriate icon based on MIME type

    @param media Media entity
    @param size string Icon size (text-xl, text-2xl, text-4xl, text-6xl)
    @param show_label boolean Show file type label below icon
    @return string Icon HTML
#}
{% macro file_icon(media, size = 'text-2xl', show_label = false) %}
    <div class="text-center">
        {% if media.category == 'image' or media.mimeType starts with 'image/' %}
            <i class="fas fa-image {{ size }} text-purple-400"></i>
            {% if show_label %}<p class="text-xs text-gray-500 mt-1">Image</p>{% endif %}
        {% elseif media.mimeType starts with 'video/' %}
            <i class="fas fa-video {{ size }} text-purple-400"></i>
            {% if show_label %}<p class="text-xs text-gray-500 mt-1">Vidéo</p>{% endif %}
        {% elseif media.mimeType == 'application/pdf' %}
            <i class="fas fa-file-pdf {{ size }} text-red-400"></i>
            {% if show_label %}<p class="text-xs text-gray-500 mt-1">PDF</p>{% endif %}
        {% elseif 'word' in media.mimeType or (media.originalFileName|split('.')|last|lower) in ['doc', 'docx'] %}
            <i class="fas fa-file-word {{ size }} text-blue-400"></i>
            {% if show_label %}<p class="text-xs text-gray-500 mt-1">Word</p>{% endif %}
        {% elseif 'excel' in media.mimeType or 'spreadsheet' in media.mimeType or (media.originalFileName|split('.')|last|lower) in ['xls', 'xlsx'] %}
            <i class="fas fa-file-excel {{ size }} text-green-400"></i>
            {% if show_label %}<p class="text-xs text-gray-500 mt-1">Excel</p>{% endif %}
        {% elseif 'powerpoint' in media.mimeType or 'presentation' in media.mimeType or (media.originalFileName|split('.')|last|lower) in ['ppt', 'pptx'] %}
            <i class="fas fa-file-powerpoint {{ size }} text-orange-400"></i>
            {% if show_label %}<p class="text-xs text-gray-500 mt-1">PowerPoint</p>{% endif %}
        {% elseif 'zip' in media.mimeType or 'rar' in media.mimeType or 'archive' in media.mimeType %}
            <i class="fas fa-file-archive {{ size }} text-yellow-400"></i>
            {% if show_label %}<p class="text-xs text-gray-500 mt-1">Archive</p>{% endif %}
        {% else %}
            <i class="fas fa-file {{ size }} text-gray-400"></i>
            {% if show_label %}<p class="text-xs text-gray-500 mt-1">Fichier</p>{% endif %}
        {% endif %}
    </div>
{% endmacro %}

{#
    Document Actions
    Action buttons for edit/download/view/delete

    @param media Media entity
    @param company Company entity
    @param layout string Layout mode: 'inline' (default), 'stacked', 'compact'
    @return string Actions HTML
#}
{% macro document_actions(media, company, layout = 'inline') %}
    {% set button_class = layout == 'compact' ? 'px-2 py-1 text-xs' : 'px-3 py-1.5 text-sm' %}
    {% set gap_class = layout == 'stacked' ? 'flex-col gap-2' : 'flex-row gap-1' %}

    <div class="flex items-center justify-end {{ gap_class }}">
        {# Edit Button (Admin/Manager only) #}
        {% if not company.deletedAt and (is_granted('ROLE_ADMIN') or is_granted('ROLE_MANAGER')) %}
            <button type="button"
                    onclick="openEditModal({{ media.id }})"
                    class="inline-flex items-center {{ button_class }} font-medium rounded text-indigo-600 hover:bg-indigo-50 transition-colors duration-150">
                <i class="fas fa-edit mr-1"></i>
                Éditer
            </button>
        {% endif %}

        {# Download Button #}
        <a href="{{ path(media_download_route(), {id: media.id}) }}"
           data-turbo="false"
           target="_blank"
           class="inline-flex items-center {{ button_class }} font-medium rounded text-blue-600 hover:bg-blue-50 transition-colors duration-150">
            <i class="fas fa-download mr-1"></i>
            Télécharger
        </a>

        {# View Button #}
        <a href="{{ path(media_show_route(), {id: media.id}) }}"
           target="_blank"
           rel="noopener noreferrer"
           class="inline-flex items-center {{ button_class }} font-medium rounded text-gray-600 hover:bg-gray-50 transition-colors duration-150">
            <i class="fas fa-eye mr-1"></i>
            Voir
        </a>

        {# Delete Button (Admin only) #}
        {% if is_granted('ROLE_ADMIN') and not company.deletedAt %}
            <form method="post" action="{{ path('admin_media_delete', {id: media.id}) }}" class="inline">
                <input type="hidden" name="_token" value="{{ csrf_token('delete_media_' ~ media.id) }}">
                <button type="submit"
                        onclick="return confirm('Êtes-vous sûr de vouloir supprimer ce document ?');"
                        class="inline-flex items-center {{ button_class }} font-medium rounded text-red-600 hover:bg-red-50 transition-colors duration-150">
                    <i class="fas fa-trash mr-1"></i>
                    Supprimer
                </button>
            </form>
        {% endif %}
    </div>
{% endmacro %}

{#
    Empty State
    Display when no documents are available

    @param icon string Font Awesome icon class
    @param title string Main message
    @param message string Descriptive text
    @param show_upload boolean Show upload button
    @param company Company entity (required if show_upload is true)
    @return string Empty state HTML
#}
{% macro empty_state(icon = 'fa-file-alt', title = 'Aucun document disponible', message = '', show_upload = true, company = null) %}
    <div class="bg-white shadow rounded-lg p-12 text-center text-gray-500">
        <div class="flex flex-col items-center justify-center">
            <i class="fas {{ icon }} text-4xl text-gray-300 mb-3"></i>
            <p class="font-medium text-lg">{{ title }}</p>
            {% if message %}
                <p class="text-gray-400 mt-1">{{ message }}</p>
            {% endif %}
            {% if show_upload and company and not company.deletedAt and (is_granted('ROLE_ADMIN') or is_granted('ROLE_MANAGER')) %}
                <div class="mt-6">
                    <button type="button"
                            onclick="document.getElementById('uploadModal').classList.remove('hidden')"
                            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-upload mr-2"></i>
                        Téléverser un document
                    </button>
                </div>
            {% endif %}
        </div>
    </div>
{% endmacro %}

{#
    Modal Base
    Base modal structure for consistency

    @param id string Modal HTML ID
    @param title string Modal title
    @param icon string Font Awesome icon for header
    @param body string Modal body content
    @param footer string Modal footer content
    @return string Modal HTML
#}
{% macro modal_base(id, title, icon, body, footer = '') %}
    <div id="{{ id }}" class="hidden fixed inset-0 z-50 overflow-y-auto" aria-labelledby="{{ id }}-title" role="dialog" aria-modal="true">
        <div class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
            {# Background overlay #}
            <div class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" aria-hidden="true"></div>

            {# Center modal #}
            <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">&#8203;</span>

            {# Modal panel #}
            <div class="inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full">
                {# Header #}
                <div class="bg-indigo-600 px-4 py-3 sm:px-6">
                    <div class="flex items-center justify-between">
                        <h3 class="text-lg leading-6 font-medium text-white flex items-center" id="{{ id }}-title">
                            <i class="fas {{ icon }} mr-2"></i>
                            {{ title }}
                        </h3>
                        <button type="button"
                                onclick="document.getElementById('{{ id }}').classList.add('hidden')"
                                class="text-white hover:text-gray-200">
                            <i class="fas fa-times"></i>
                        </button>
                    </div>
                </div>

                {# Body #}
                <div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
                    {{ body|raw }}
                </div>

                {# Footer #}
                {% if footer %}
                    <div class="bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse">
                        {{ footer|raw }}
                    </div>
                {% endif %}
            </div>
        </div>
    </div>
{% endmacro %}