@extends('layouts.app')
@section('title', 'Modifier — ' . $gedFichier->nom_original)
@section('page-title', 'Modifier le fichier')
@section('breadcrumb')
  <a href="{{ route('ged.index') }}">Médiathèque</a>
  <span class="breadcrumb-sep">/</span>
  <a href="{{ route('ged.show', $gedFichier) }}" style="max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle">{{ $gedFichier->nom_original }}</a>
  <span class="breadcrumb-sep">/</span>
  <span class="breadcrumb-current">Modifier</span>
@endsection

@section('topbar-actions')
  <a href="{{ route('ged.show', $gedFichier) }}" class="btn btn-outline btn-sm">
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="13" height="13"><polyline points="15 18 9 12 15 6"/></svg>
    Retour
  </a>
@endsection

@section('content')
<div style="max-width:640px">
  <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"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/></svg>
        Modifier les métadonnées
      </div>
      <span class="badge badge-{{ $gedFichier->badge_color }}">{{ strtoupper($gedFichier->extension) }}</span>
    </div>
    <div class="card-body">
      <form method="POST" action="{{ route('ged.update', $gedFichier) }}">
        @csrf @method('PUT')

        <div class="form-group">
          <label class="form-label">Nom du fichier <span class="req">*</span></label>
          <div style="display:flex;align-items:center;gap:8px">
            <input type="text" name="nom_original"
                   value="{{ old('nom_original', pathinfo($gedFichier->nom_original, PATHINFO_FILENAME)) }}"
                   class="form-control @error('nom_original') is-invalid @enderror"
                   required maxlength="255">
            <span class="code-tag" style="white-space:nowrap">.{{ $gedFichier->extension }}</span>
          </div>
          @error('nom_original')<p class="form-error">{{ $message }}</p>@enderror
        </div>

        <div class="form-row">
          <div class="form-group">
            <label class="form-label">Catégorie</label>
            <select name="categorie_id" class="form-control">
              <option value="">— Sans catégorie —</option>
              @foreach($categories as $cat)
                <option value="{{ $cat->id }}" @selected(old('categorie_id', $gedFichier->categorie_id) == $cat->id)>{{ $cat->nom }}</option>
              @endforeach
            </select>
          </div>
          <div class="form-group">
            <label class="form-label">Dossier</label>
            <select name="dossier_id" class="form-control">
              <option value="">— Aucun dossier —</option>
              @foreach($dossiers as $d)
                <option value="{{ $d->id }}" @selected(old('dossier_id', $gedFichier->dossier_id) == $d->id)>{{ $d->nom }}</option>
                @foreach($d->enfants as $e)
                  <option value="{{ $e->id }}" @selected(old('dossier_id', $gedFichier->dossier_id) == $e->id)>└ {{ $e->nom }}</option>
                @endforeach
              @endforeach
            </select>
          </div>
        </div>

        <div class="form-group">
          <label class="form-label">Description</label>
          <textarea name="description" class="form-control" rows="3" maxlength="500">{{ old('description', $gedFichier->description) }}</textarea>
        </div>

        <div class="form-group">
          <label class="form-label">Tags <span style="color:var(--gray-400);font-weight:400">(séparés par des virgules)</span></label>
          <input type="text" name="tags" class="form-control"
                 value="{{ old('tags', $gedFichier->tags) }}"
                 placeholder="ex : 2026, urgent, contrat-cadre" maxlength="300">
        </div>

        <div class="form-actions" style="justify-content:flex-end">
          <a href="{{ route('ged.show', $gedFichier) }}" class="btn btn-outline">Annuler</a>
          <button type="submit" class="btn btn-primary">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="14" height="14"><polyline points="20 6 9 17 4 12"/></svg>
            Enregistrer
          </button>
        </div>
      </form>
    </div>
  </div>
</div>
@endsection