{{-- Un fournisseur ou un dossier de l'arborescence des notices, et ses
     sous-dossiers replies (css/accordeon.css). Les fournisseurs s'ouvrent
     d'office.

     Ses gestes, au survol (toujours sur le noeud choisi) : « + » un
     sous-dossier, crayon pour renommer, corbeille s'il est vide. Un dossier
     se glisse sur un autre noeud (js/notices.js). --}}
@php
    $ouvert = $niveau < 1;
    $estDossier = $noeud['type'] === 'dossier';
    $glissable = $estDossier && auth()->user()->can('notices.edit');
@endphp
<li>
    <div class="notices-noeud" data-cle="{{ $noeud['cle'] }}" style="--niveau: {{ $niveau + 1 }}"
         @if($glissable) draggable="true" data-dossier-glisser="{{ $noeud['id'] }}" @endif>
        @if($noeud['enfants'])
            <button type="button" class="notices-pli" aria-label="{{ __('Déplier') }}"
                    aria-expanded="{{ $ouvert ? 'true' : 'false' }}">
                <i class="bi bi-chevron-right"></i>
            </button>
        @else
            <span class="notices-pli"></span>
        @endif
        <i class="bi {{ $estDossier ? 'bi-folder2' : 'bi-building' }}"></i>
        <span class="notices-nom">{{ $noeud['nom'] }}</span>

        <span class="notices-noeud-gestes">
            @can('notices.create')
                <button type="button" class="btn btn-sm btn-link" title="{{ __('Nouveau dossier dans « :nom »', ['nom' => $noeud['nom']]) }}"
                        data-bs-toggle="modal" data-bs-target="#modale-dossier"
                        data-fournisseur="{{ $estDossier ? '' : $noeud['id'] }}" data-parent="{{ $estDossier ? $noeud['id'] : '' }}"
                        data-ou="{{ $noeud['chemin'] }}">
                    <i class="bi bi-folder-plus"></i>
                </button>
            @endcan
            @if($estDossier)
                @can('notices.edit')
                    <button type="button" class="btn btn-sm btn-link" title="{{ __('Renommer « :nom »', ['nom' => $noeud['nom']]) }}"
                            data-bs-toggle="modal" data-bs-target="#modale-dossier"
                            data-id="{{ $noeud['id'] }}" data-libelle="{{ $noeud['nom'] }}" data-nom="{{ $noeud['nom'] }}">
                        <i class="bi bi-pencil"></i>
                    </button>
                @endcan
                @can('notices.delete')
                    @if($noeud['vide'])
                        <form method="post" action="{{ route('notices.dossiers.destroy', $noeud['id']) }}" class="d-inline"
                              onsubmit="return confirm(@js(__('Supprimer le dossier vide « :nom » ?', ['nom' => $noeud['nom']]) . "\n\n" . $noeud['chemin']));">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="btn btn-sm btn-link text-danger" title="{{ __('Supprimer « :nom »', ['nom' => $noeud['nom']]) }}">
                                <i class="bi bi-trash"></i>
                            </button>
                        </form>
                    @endif
                @endcan
            @endif
        </span>

        <span class="notices-compte">{{ $noeud['total'] }}</span>
    </div>

    @if($noeud['enfants'])
        <div class="ac-accordeon {{ $ouvert ? 'ac-ouvert' : '' }}">
            <ul class="list-unstyled mb-0 ac-accordeon-corps">
                @foreach($noeud['enfants'] as $enfant)
                    @include('admin.notices._noeud', ['noeud' => $enfant, 'niveau' => $niveau + 1])
                @endforeach
            </ul>
        </div>
    @endif
</li>