@extends('ged.layout')
@section('title', 'Modifier le dossier')
@section('page_title', 'Modifier le dossier')

@section('content')
<div class="ged-page-header">
    <h1><i class="fas fa-edit"></i> Modifier : {{ $folder->name }}</h1>
    <a href="{{ route('ged.folders.show', $folder->id) }}" class="ged-btn ged-btn-outline">
        <i class="fas fa-arrow-left"></i> Retour
    </a>
</div>

<div class="ged-card" style="max-width:600px">
    <form method="POST" action="{{ route('ged.folders.update', $folder->id) }}">
        @csrf @method('PUT')
        <div class="ged-form-group">
            <label>Nom *</label>
            <input type="text" name="name" class="ged-form-control" required value="{{ old('name', $folder->name) }}">
        </div>
        <div class="ged-form-group">
            <label>Dossier parent</label>
            <select name="parent_id" class="ged-form-control">
                <option value="">— Racine —</option>
                @foreach($folders as $f)
                <option value="{{ $f->id }}" {{ $folder->parent_id == $f->id ? 'selected' : '' }}>{{ $f->name }}</option>
                @endforeach
            </select>
        </div>
        <div class="ged-form-group">
            <label>Description</label>
            <textarea name="description" class="ged-form-control" rows="3">{{ old('description', $folder->description) }}</textarea>
        </div>
        <div style="display:grid;grid-template-columns:1fr 1fr;gap:16px">
            <div class="ged-form-group">
                <label>Couleur</label>
                <input type="color" name="color" class="ged-form-control" value="{{ old('color', $folder->color) }}" style="height:40px;padding:4px">
            </div>
            <div class="ged-form-group">
                <label>Partagé</label>
                <label style="display:flex;align-items:center;gap:8px;margin-top:10px;cursor:pointer">
                    <input type="checkbox" name="is_shared" value="1" {{ $folder->is_shared ? 'checked' : '' }}>
                    <span style="font-size:13px;color:var(--gray-600)">Visible par tous</span>
                </label>
            </div>
        </div>
        <div style="display:flex;gap:8px;margin-top:8px;justify-content:space-between">
            <div style="display:flex;gap:8px">
                <button type="submit" class="ged-btn ged-btn-primary"><i class="fas fa-save"></i> Enregistrer</button>
                <a href="{{ route('ged.folders.show', $folder->id) }}" class="ged-btn ged-btn-outline">Annuler</a>
            </div>
            <form method="POST" action="{{ route('ged.folders.destroy', $folder->id) }}"
                  onsubmit="return confirm('Supprimer ce dossier ?')">
                @csrf @method('DELETE')
                <button type="submit" class="ged-btn ged-btn-danger"><i class="fas fa-trash"></i> Supprimer</button>
            </form>
        </div>
    </form>
</div>
@endsection