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

@section('content')
<div class="ged-page-header">
    <h1><i class="fas fa-folder-plus"></i> Nouveau dossier</h1>
    <a href="{{ route('ged.folders.index') }}" 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.store') }}">
        @csrf
        <div class="ged-form-group">
            <label>Nom du dossier *</label>
            <input type="text" name="name" class="ged-form-control" required placeholder="Mon dossier" value="{{ old('name', request('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 }}" {{ request('parent') == $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" placeholder="Description optionnelle">{{ old('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', '#1a7a4a') }}" style="height:40px;padding:4px">
            </div>
            <div class="ged-form-group">
                <label>Dossier partagé</label>
                <label style="display:flex;align-items:center;gap:8px;margin-top:10px;cursor:pointer">
                    <input type="checkbox" name="is_shared" value="1" {{ old('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">
            <button type="submit" class="ged-btn ged-btn-primary"><i class="fas fa-save"></i> Créer le dossier</button>
            <a href="{{ route('ged.folders.index') }}" class="ged-btn ged-btn-outline">Annuler</a>
        </div>
    </form>
</div>
@endsection