@extends('layouts.app')
@section('title', $role ? 'Modifier rôle' : 'Nouveau rôle')
@section('breadcrumb', 'Paramètres / Rôles / Formulaire')
@section('content')
<div class="page-header">
    <h1 class="page-title"><i class="fas fa-shield-halved" style="color:var(--primary)"></i> {{ $role ? 'Modifier : '.$role->label : 'Nouveau rôle' }}</h1>
    <a href="{{ route('utilisateurs.index') }}" class="btn btn-secondary"><i class="fas fa-arrow-left"></i> Retour</a>
</div>
<div class="card"><div class="card-body">
    <form method="POST" action="{{ $role ? route('roles.update', $role) : route('roles.store') }}">
        @csrf @if($role) @method('PUT') @endif
        @if($errors->any())<div class="alert alert-danger">@foreach($errors->all() as $e)<div>{{ $e }}</div>@endforeach</div>@endif
        <div class="form-group" style="max-width:400px;"><label class="form-label">Nom du rôle *</label>
            <input type="text" name="label" class="form-control" value="{{ old('label',$role?->label) }}" required></div>

        <div style="margin-top:20px;">
            <h3 style="font-size:14px;font-weight:600;margin-bottom:12px;">Droits d'accès</h3>
            @php $droits=$role?->droits??[]; @endphp
            <div class="grid-3">
                @foreach(['dashboard','produits','stock','clients','fournisseurs','vente','achat','reglements','depenses','etats','chantiers','rh','utilisateurs','reglages'] as $module)
                <label style="display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:13px;">
                    <input type="checkbox" name="droits[{{ $module }}]" value="1" {{ ($droits[$module]??false)?'checked':'' }}>
                    {{ ucfirst($module) }}
                </label>
                @endforeach
            </div>
        </div>

        <div style="display:flex;gap:10px;margin-top:20px;">
            <button type="submit" class="btn btn-primary"><i class="fas fa-save"></i> Enregistrer</button>
            <a href="{{ route('utilisateurs.index') }}" class="btn btn-secondary">Annuler</a>
        </div>
    </form>
</div></div>
@endsection