{#
    Explorer Toolbar Component
    Folder management action buttons (copy, cut, paste, delete, etc.)

    Required variables:
    - company: Company entity
#}

<div class="explorer-toolbar">
    <button type="button"
            id="btn-show-sidebar"
            class="lg:hidden inline-flex items-center px-3 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50"
            onclick="toggleSidebar(true)">
        <i class="fas fa-bars mr-2"></i>
        Dossiers
    </button>
    {% if not company.deletedAt and (is_granted('ROLE_ADMIN') or is_granted('ROLE_MANAGER')) %}
        <button type="button"
                id="btn-new-folder"
                class="inline-flex items-center px-3 py-2 border border-transparent text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700">
            <i class="fas fa-folder-plus mr-1"></i>
            <span class="hidden sm:inline">Nouveau dossier</span>
            <span class="sm:hidden">Nouveau</span>
        </button>

        <div class="h-8 w-px bg-gray-300"></div>

        {# Document Bulk Actions #}
        <button type="button"
                id="btn-download-selected"
                data-folder-explorer-target="downloadButton"
                data-action="click->folder-explorer#downloadSelected"
                class="inline-flex items-center px-2 py-2 border border-gray-300 text-sm font-medium rounded-md text-blue-600 bg-white hover:bg-blue-50 disabled:opacity-50 disabled:cursor-not-allowed"
                disabled
                title="Télécharger les documents sélectionnés">
            <i class="fas fa-download"></i>
            <span class="hidden md:inline ml-1">Télécharger</span>
        </button>
        <button type="button"
                id="btn-move-selected"
                data-folder-explorer-target="moveButton"
                data-action="click->folder-explorer#moveSelected"
                class="inline-flex items-center px-2 py-2 border border-gray-300 text-sm font-medium rounded-md text-indigo-600 bg-white hover:bg-indigo-50 disabled:opacity-50 disabled:cursor-not-allowed"
                disabled
                title="Déplacer vers un dossier">
            <i class="fas fa-folder-open"></i>
            <span class="hidden md:inline ml-1">Déplacer</span>
        </button>
        <button type="button"
                id="btn-delete-selected"
                data-folder-explorer-target="deleteButton"
                data-action="click->folder-explorer#deleteSelected"
                class="inline-flex items-center px-2 py-2 border border-gray-300 text-sm font-medium rounded-md text-red-600 bg-white hover:bg-red-50 disabled:opacity-50 disabled:cursor-not-allowed"
                disabled
                title="Supprimer les documents sélectionnés">
            <i class="fas fa-trash"></i>
            <span class="hidden md:inline ml-1">Supprimer</span>
        </button>
        <button type="button"
                id="btn-clear-selection"
                data-folder-explorer-target="clearButton"
                data-action="click->folder-explorer#clearSelection"
                class="inline-flex items-center px-2 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-600 bg-white hover:bg-gray-50 disabled:opacity-50 disabled:cursor-not-allowed"
                disabled
                title="Désélectionner tout">
            <i class="fas fa-times-circle"></i>
            <span class="hidden md:inline ml-1">Désélectionner</span>
        </button>
    {% endif %}
    <div class="ml-auto flex items-center gap-2">
        <span class="text-xs sm:text-sm text-gray-600"
              id="selection-count"
              data-folder-explorer-target="selectionCounter">Aucune sélection</span>
    </div>
</div>

{# Breadcrumb Navigation #}
<div class="explorer-breadcrumb">
    <button type="button"
            id="btn-go-up"
            data-folder-explorer-target="goUpButton"
            data-action="click->folder-explorer#goToParent"
            class="text-gray-500 hover:text-indigo-600 disabled:opacity-50 disabled:cursor-not-allowed"
            title="Dossier parent"
            disabled>
        <i class="fas fa-arrow-up"></i>
    </button>
    <div id="breadcrumb-path"
         data-folder-explorer-target="breadcrumb"
         class="flex items-center gap-1 flex-1 overflow-x-auto">
        <a href="javascript:void(0)"
           class="breadcrumb-item text-sm text-gray-700 hover:text-indigo-600 font-medium"
           data-folder-id="root"
           onclick="navigateToFolder('root')">
            <i class="fas fa-home mr-1"></i>Tous les documents
        </a>
    </div>
</div>