@extends('layouts.master')

@section('title', 'Créer un rôle')

@section('content')
    <section class="section">
        <h1 class="section-header">
            <div>@yield('title')</div>
            <div class="float-right">
                <a href="{{ route('home') }}" style="font-size: 0.8rem">Tableau de bord / </a>
                <a href="{{ route('role.index') }}" style="font-size: 0.8rem">Rôles et permissions / </a>
                <a href="#" style="font-size: 0.8rem" class="active">Ajouter</a>
            </div>
        </h1>
    </section>

    <div class="row">
        <div class="col-md-12 col-sm-12">
            <div class="card">
                <div class="card-body">
                    <form action="{{ route('role.store') }}" method="POST">
                        @csrf
                        <div class="form-group">
                            <label for="name">Nom de rôle <span class="text-danger">*</span></label>
                            <input class="form-control @error('name') is-invalid @enderror" type="text" name="name" value="{{ old('name') }}">
                            @error('name')
                                <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
        
                        <hr>
        
                        <div class="form-group">
                            <label for="permissions">Permissions <span class="text-danger">*</span></label>
                        </div>

                        <div class="form-group">
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" id="select-all">
                                <label class="custom-control-label" for="select-all">Accorder toutes les permissions</label>
                            </div>
                        </div>

                        <div class="row">
                            <!-- Autorisation de gestion des utilisateurs début -->
                            <div class="col-lg-4 col-md-6 mb-3">
                                <div class="card h-100 border-0 shadow">
                                    <div class="card-header">
                                        Gestion d'utilisateur
                                    </div>
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-5">
                                                <div class="custom-control custom-checkbox">
                                                    <input type="checkbox" class="custom-control-input"
                                                            id="acces_au_user" name="permissions[]"
                                                            value="acces_au_user" {{ old('acces_au_user') ? 'checked' : '' }}>
                                                    <label class="custom-control-label" for="acces_au_user">Accès total</label>
                                                </div>
                                            </div>
                                            <div class="col-7">
                                                <div class="custom-control custom-checkbox">
                                                    <input type="checkbox" class="custom-control-input"
                                                            id="modifier_son_profil" name="permissions[]"
                                                            value="modifier_son_profil" {{ old('modifier_son_profil') ? 'checked' : '' }}>
                                                    <label class="custom-control-label" for="modifier_son_profil">Editer son profil</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- Autorisation de gestion des utilisateurs fin -->

                            <!-- Autorisation de gestion des dossiers début -->
                            <div class="col-lg-4 col-md-6 mb-3">
                                <div class="card h-100 border-0 shadow">
                                    <div class="card-header">
                                        Gestion des dossiers
                                    </div>
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-6">
                                                <div class="custom-control custom-checkbox">
                                                    <input type="checkbox" class="custom-control-input"
                                                            id="acces_au_dossier" name="permissions[]"
                                                            value="acces_au_dossier" {{ old('acces_au_dossier') ? 'checked' : '' }}>
                                                    <label class="custom-control-label" for="acces_au_dossier">Accès total</label>
                                                </div>
                                            </div>

                                            <div class="col-6">
                                                <div class="custom-control custom-checkbox">
                                                    <input type="checkbox" class="custom-control-input"
                                                            id="creer_un_dossier" name="permissions[]"
                                                            value="creer_un_dossier" {{ old('creer_un_dossier') ? 'checked' : '' }}>
                                                    <label class="custom-control-label" for="creer_un_dossier">Créer</label>
                                                </div>
                                            </div>

                                            <div class="col-6">
                                                <div class="custom-control custom-checkbox">
                                                    <input type="checkbox" class="custom-control-input"
                                                            id="modifier_un_dossier" name="permissions[]"
                                                            value="modifier_un_dossier" {{ old('modifier_un_dossier') ? 'checked' : '' }}>
                                                    <label class="custom-control-label" for="modifier_un_dossier">Modifier</label>
                                                </div>
                                            </div>

                                            <div class="col-6">
                                                <div class="custom-control custom-checkbox">
                                                    <input type="checkbox" class="custom-control-input"
                                                            id="voir_un_dossier" name="permissions[]"
                                                            value="voir_un_dossier" {{ old('voir_un_dossier') ? 'checked' : '' }}>
                                                    <label class="custom-control-label" for="voir_un_dossier">Voir</label>
                                                </div>
                                            </div>

                                            <div class="col-6">
                                                <div class="custom-control custom-checkbox">
                                                    <input type="checkbox" class="custom-control-input"
                                                            id="supprimer_un_dossier" name="permissions[]"
                                                            value="supprimer_un_dossier" {{ old('supprimer_un_dossier') ? 'checked' : '' }}>
                                                    <label class="custom-control-label" for="supprimer_un_dossier">Supprimer</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- Autorisation de gestion des dossiers fin -->

                            <!-- Autorisation de gestion des paiements début -->
                            <div class="col-lg-4 col-md-6 mb-3">
                                <div class="card h-100 border-0 shadow">
                                    <div class="card-header">
                                        Gestion des paiements
                                    </div>
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-6">
                                                <div class="custom-control custom-checkbox">
                                                    <input type="checkbox" class="custom-control-input"
                                                            id="acces_au_paiement" name="permissions[]"
                                                            value="acces_au_paiement" {{ old('acces_au_paiement') ? 'checked' : '' }}>
                                                    <label class="custom-control-label" for="acces_au_paiement">Accès total</label>
                                                </div>
                                            </div>

                                            <div class="col-6">
                                                <div class="custom-control custom-checkbox">
                                                    <input type="checkbox" class="custom-control-input"
                                                            id="creer_un_paiement" name="permissions[]"
                                                            value="creer_un_paiement" {{ old('creer_un_paiement') ? 'checked' : '' }}>
                                                    <label class="custom-control-label" for="creer_un_paiement">Créer</label>
                                                </div>
                                            </div>

                                            <div class="col-6">
                                                <div class="custom-control custom-checkbox">
                                                    <input type="checkbox" class="custom-control-input"
                                                            id="modifier_un_paiement" name="permissions[]"
                                                            value="modifier_un_paiement" {{ old('modifier_un_paiement') ? 'checked' : '' }}>
                                                    <label class="custom-control-label" for="modifier_un_paiement">Modifier</label>
                                                </div>
                                            </div>

                                            <div class="col-6">
                                                <div class="custom-control custom-checkbox">
                                                    <input type="checkbox" class="custom-control-input"
                                                            id="supprimer_un_paiement" name="permissions[]"
                                                            value="supprimer_un_paiement" {{ old('supprimer_un_paiement') ? 'checked' : '' }}>
                                                    <label class="custom-control-label" for="supprimer_un_paiement">Supprimer</label>
                                                </div>
                                            </div>

                                            <div class="col-6">
                                                <div class="custom-control custom-checkbox">
                                                    <input type="checkbox" class="custom-control-input"
                                                            id="voir_un_paiement" name="permissions[]"
                                                            value="voir_un_paiement" {{ old('voir_un_paiement') ? 'checked' : '' }}>
                                                    <label class="custom-control-label" for="voir_un_paiement">Voir</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- Autorisation de gestion des paiements fin -->
                        </div>
                        
                        <div class="form-group">
                            <button type="submit" class="btn btn-primary">Créer un rôle <i class="bi bi-check"></i></button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection