@extends('admin.layout')

@section('title', 'Ajouter une permission')

@section('content')
    <div class="pagetitle">
        <h1>@yield('title')</h1>
    </div>

    <section class="section">
        <div class="card p-4">

            @if ($errors->any())
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

            <form action="{{ route('permissions.store') }}" method="POST">
                @csrf
           @if($availablePermissions->count())
                    <div class="mb-4">
                        <label class="form-label">Permissions disponibles (non encore créées)</label>
                        {{-- Meme grille que les vues roles : largeur naturelle du badge,
                             une par ligne sous 576px, wrap propre au-dessus. --}}
                        <div class="row g-2 align-items-center perm-row">
                            @foreach ($availablePermissions as $permission)
                                <div class="col-12 col-sm-auto">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" name="permissions[]"
                                            value="{{ $permission }}" id="perm_{{ $loop->index }}">
                                        <label class="form-check-label" for="perm_{{ $loop->index }}">
                                            @permissionBadge($permission)
                                        </label>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
@endif




                    <div class="mb-4">
                        <label class="form-label">Rôles concernés</label>
                        <div class="row g-2 align-items-center perm-row">
                            @foreach ($roles as $role)
                                <div class="col-12 col-sm-auto">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" name="roles[]"
                                            value="{{ $role->id }}" id="role_{{ $role->id }}">
                                        <label class="form-check-label" for="role_{{ $role->id }}">
                                            <span class="badge bg-secondary">{{ strtoupper($role->name) }}</span>
                                        </label>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>

                <button type="submit" class="btn btn-primary">Créer</button>
            </form>
        </div>
    </section>
@endsection