{#
    Folder Sidebar Component
    Displays the folder tree navigation in Windows Explorer style

    Required variables:
    None (JavaScript handles the tree initialization)
#}

<div class="explorer-sidebar" id="folder-sidebar">
    <div class="p-3 border-b border-gray-200 bg-white">
        <div class="flex items-center justify-between mb-2">
            <h3 class="text-sm font-semibold text-gray-700">
                <i class="fas fa-sitemap mr-1"></i> Dossiers
            </h3>
            <button type="button"
                    id="btn-toggle-sidebar-close"
                    class="lg:hidden text-gray-500 hover:text-gray-700"
                    title="Masquer"
                    onclick="toggleSidebar(false)">
                <i class="fas fa-times"></i>
            </button>
        </div>
        <div class="relative mb-2">
            <input type="text"
                   id="tree-search"
                   data-folder-explorer-target="searchInput"
                   data-action="keyup->folder-explorer#searchTree"
                   placeholder="Rechercher un dossier..."
                   class="w-full px-3 py-2 pr-8 text-sm border border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500" />
            <i class="fas fa-search absolute right-3 top-2.5 text-gray-400 text-xs"></i>
        </div>
    </div>
    <div id="folder-tree" data-folder-explorer-target="folderTree"></div>
</div>