@extends('layouts.app')
@section('title', 'Corbeille GED')
@section('page-title', 'Corbeille')
@section('breadcrumb')
  <a href="{{ route('ged.index') }}">Médiathèque</a>
  <span class="breadcrumb-sep">/</span>
  <span class="breadcrumb-current">Corbeille</span>
@endsection

@section('content')
<div class="card">
  <div class="card-header">
    <div class="card-title">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="15" height="15"><polyline points="3 6 5 6 21 6"/><path d="M19 6l-1 14H6L5 6"/><path d="M10 11v6M14 11v6"/><path d="M9 6V4h6v2"/></svg>
      Fichiers supprimés
    </div>
    <div class="card-subtitle">Les fichiers de la corbeille peuvent être restaurés ou supprimés définitivement.</div>
  </div>

  <div class="table-container">
    <table class="data-table">
      <thead>
        <tr>
          <th>Fichier</th>
          <th>Type</th>
          <th>Taille</th>
          <th>Supprimé par</th>
          <th>Date</th>
          <th>Actions</th>
        </tr>
      </thead>
      <tbody>
        @forelse($fichiers as $fichier)
        <tr>
          <td>
            <div style="display:flex;align-items:center;gap:10px">
              <div style="color:{{ $fichier->couleur_icone }};flex-shrink:0;width:20px;height:20px">
                @include('ged._svg_icone', ['icone' => $fichier->icone])
              </div>
              <span class="td-primary" style="max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">
                {{ $fichier->nom_original }}
              </span>
            </div>
          </td>
          <td><span class="badge badge-{{ $fichier->badge_color }}">{{ strtoupper($fichier->extension) }}</span></td>
          <td class="td-muted">{{ $fichier->taille_formatee }}</td>
          <td class="td-muted">{{ $fichier->suppresseur?->name ?? '—' }}</td>
          <td class="td-muted">{{ $fichier->deleted_at?->format('d/m/Y') }}</td>
          <td>
            <div class="td-actions">
              {{-- Restaurer --}}
              <form method="POST" action="{{ route('ged.restaurer', $fichier) }}" style="display:inline">
                @csrf
                <button type="submit" class="btn btn-ghost btn-sm" title="Restaurer"
                        style="color:var(--success);font-size:12px;padding:4px 10px">
                  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="13" height="13"><polyline points="1 4 1 10 7 10"/><path d="M3.51 15a9 9 0 1 0 .49-3.01"/></svg>
                  Restaurer
                </button>
              </form>
              {{-- Supprimer définitivement --}}
              @if(auth()->user()->isAdmin())
              <form method="POST" action="{{ route('ged.detruire', $fichier) }}" style="display:inline">
                @csrf @method('DELETE')
                <button type="submit" class="btn btn-ghost btn-icon btn-sm"
                        data-confirm="Supprimer définitivement ce fichier ? Action irréversible."
                        style="color:var(--error)" title="Supprimer définitivement">
                  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="14" height="14"><polyline points="3 6 5 6 21 6"/><path d="M19 6l-1 14H6L5 6"/><path d="M10 11v6M14 11v6"/><path d="M9 6V4h6v2"/></svg>
                </button>
              </form>
              @endif
            </div>
          </td>
        </tr>
        @empty
        <tr>
          <td colspan="6">
            <div class="empty-state">
              <div class="empty-state-icon">
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" width="28" height="28"><polyline points="3 6 5 6 21 6"/><path d="M19 6l-1 14H6L5 6"/><path d="M10 11v6M14 11v6"/><path d="M9 6V4h6v2"/></svg>
              </div>
              <h3>Corbeille vide</h3>
              <p>Aucun fichier dans la corbeille.</p>
            </div>
          </td>
        </tr>
        @endforelse
      </tbody>
    </table>
  </div>

  <div class="pagination-wrap">
    @if($fichiers->total() > 0)
      <div class="pagination-info">{{ $fichiers->firstItem() }}–{{ $fichiers->lastItem() }} sur {{ $fichiers->total() }}</div>
    @endif
    {{ $fichiers->links() }}
  </div>
</div>
@endsection