@extends('layouts.app')

@section('title', $scan->site_name ?? 'Partage')
@section('header', ($scan->site_name ?? $scan->serveur ?? '') . ' — Détail des permissions')

@push('styles')
<style>
.perm-tree-toggle { cursor: pointer; user-select: none; font-size: 12px; }
.perm-tree-toggle::before { content: '\25B6'; display: inline-block; margin-right: 4px; font-size: 9px; transition: transform .15s; }
.perm-tree-toggle.expanded::before { transform: rotate(90deg); }
.perm-children { padding-left: 18px; }
.perm-acl { font-size: 11px; color: #4b5563; padding: 4px 0; }
.perm-acl-table { width: 100%; font-size: 11px; }
.perm-acl-table th { text-align: left; padding: 2px 6px; color: #6b7280; font-weight: 600; }
.perm-acl-table td { padding: 2px 6px; border-top: 1px solid #f3f4f6; }
.perm-groupe { background: #dbeafe; color: #1e40af; padding: 1px 5px; border-radius: 3px; font-size: 10px; font-weight: 600; }
.perm-utilisateur { background: #fef3c7; color: #92400e; padding: 1px 5px; border-radius: 3px; font-size: 10px; font-weight: 600; }
.perm-droit { font-family: monospace; font-size: 10px; }
.perm-herite { opacity: 0.5; }
</style>
@endpush

@section('content')
<div class="mb-4">
    <a href="{{ route('admin.permissions.index') }}" class="text-indigo-600 hover:text-indigo-800">&larr; Retour</a>
    <span class="text-gray-400 mx-2">|</span>
    <span class="text-sm text-gray-500">
        Scanné le {{ $scan->scanne_le?->format('d/m/Y H:i') }}
        — {{ $scan->total_dossiers }} dossier(s), {{ $scan->total_entrees_acl }} entrée(s)
    </span>
</div>

<div class="bg-white rounded shadow p-4" x-data>
    @if(!empty($scan->erreurs))
    <div class="mb-4 p-3 bg-red-50 border border-red-200 rounded text-sm text-red-700">
        <strong>Erreurs :</strong>
        <ul class="list-disc ml-4 mt-1">@foreach($scan->erreurs as $e) <li>{{ $e }}</li> @endforeach</ul>
    </div>
    @endif

    @if(empty($tree))
        <p class="text-gray-500 italic">Aucun dossier scanné.</p>
    @else
        <div class="perm-tree">
            @foreach($tree as $name => $node)
                @include('permissions._tree_node', ['name' => $name, 'node' => $node, 'depth' => 0])
            @endforeach
        </div>
    @endif
</div>
@endsection