@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('user.index') }}" style="font-size: 0.8rem">Users / </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 clients 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 clients
                                    </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_client" name="permissions[]"
                                                            value="acces_au_client" {{ old('acces_au_client') ? 'checked' : '' }}>
                                                    <label class="custom-control-label" for="acces_au_client">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_client" name="permissions[]"
                                                            value="creer_un_client" {{ old('creer_un_client') ? 'checked' : '' }}>
                                                    <label class="custom-control-label" for="creer_un_client">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_client" name="permissions[]"
                                                            value="modifier_un_client" {{ old('modifier_un_client') ? 'checked' : '' }}>
                                                    <label class="custom-control-label" for="modifier_un_client">Modifier</label>
                                                </div>
                                            </div>

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

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

                            <!-- Autorisation de gestion des mesures 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 mesures
                                    </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_mesure" name="permissions[]"
                                                            value="acces_au_mesure" {{ old('acces_au_mesure') ? 'checked' : '' }}>
                                                    <label class="custom-control-label" for="acces_au_mesure">Voir</label>
                                                </div>
                                            </div>

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

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

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

                            <!-- Autorisation de gestion des rdvs 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 rdvs
                                    </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_rdv" name="permissions[]"
                                                            value="acces_au_rdv" {{ old('acces_au_rdv') ? 'checked' : '' }}>
                                                    <label class="custom-control-label" for="acces_au_rdv">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_rdv" name="permissions[]"
                                                            value="creer_un_rdv" {{ old('creer_un_rdv') ? 'checked' : '' }}>
                                                    <label class="custom-control-label" for="creer_un_rdv">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_rdv" name="permissions[]"
                                                            value="modifier_un_rdv" {{ old('modifier_un_rdv') ? 'checked' : '' }}>
                                                    <label class="custom-control-label" for="modifier_un_rdv">Modifier</label>
                                                </div>
                                            </div>

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

                                            <div class="col-6">
                                                <div class="custom-control custom-checkbox">
                                                    <input type="checkbox" class="custom-control-input"
                                                            id="voir_un_rdv" name="permissions[]"
                                                            value="voir_un_rdv" {{ old('voir_un_rdv') ? 'checked' : '' }}>
                                                    <label class="custom-control-label" for="voir_un_rdv">Voir</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- Autorisation de gestion des rdvs 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 -->

                            <!-- Autorisation de gestion des dépenses 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 dépenses
                                    </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_depense" name="permissions[]"
                                                            value="acces_au_depense" {{ old('acces_au_depense') ? 'checked' : '' }}>
                                                    <label class="custom-control-label" for="acces_au_depense">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_une_depense" name="permissions[]"
                                                            value="creer_une_depense" {{ old('creer_une_depense') ? 'checked' : '' }}>
                                                    <label class="custom-control-label" for="creer_une_depense">Créer</label>
                                                </div>
                                            </div>

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

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

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

                            <!-- Autorisation de gestion des catégories 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 catégories
                                    </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="creer_une_categorie" name="permissions[]"
                                                            value="creer_une_categorie" {{ old('creer_une_categorie') ? 'checked' : '' }}>
                                                    <label class="custom-control-label" for="creer_une_categorie">Créer</label>
                                                </div>
                                            </div>

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

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

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

                            <!-- Autorisation de gestion des tâches 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 tâches
                                    </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_tache" name="permissions[]"
                                                            value="acces_au_tache" {{ old('acces_au_tache') ? 'checked' : '' }}>
                                                    <label class="custom-control-label" for="acces_au_tache">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_une_tache" name="permissions[]"
                                                            value="creer_une_tache" {{ old('creer_une_tache') ? 'checked' : '' }}>
                                                    <label class="custom-control-label" for="creer_une_tache">Créer</label>
                                                </div>
                                            </div>

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

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

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

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

                            <!-- Autorisation de gestion des entrés et sorties 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 entrés et sorties
                                    </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_entrance_outing" name="permissions[]"
                                                            value="acces_entrance_outing" {{ old('acces_entrance_outing') ? 'checked' : '' }}>
                                                    <label class="custom-control-label" for="acces_entrance_outing">Accès total</label>
                                                </div>
                                            </div>

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

                                            <div class="col-6">
                                                <div class="custom-control custom-checkbox">
                                                    <input type="checkbox" class="custom-control-input"
                                                            id="outing" name="permissions[]"
                                                            value="outing" {{ old('outing') ? 'checked' : '' }}>
                                                    <label class="custom-control-label" for="outing">Sorties</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- Autorisation de gestion des entrés et sorties fin -->

                            <!-- Autorisation de gestion des paramètres 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 paramètres
                                    </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_setting" name="permissions[]"
                                                            value="acces_setting" {{ old('acces_setting') ? 'checked' : '' }}>
                                                    <label class="custom-control-label" for="acces_setting">Accès total</label>
                                                </div>
                                            </div>

                                            <div class="col-6">
                                                <div class="custom-control custom-checkbox">
                                                    <input type="checkbox" class="custom-control-input"
                                                            id="type_tenue" name="permissions[]"
                                                            value="type_tenue" {{ old('type_tenue') ? 'checked' : '' }}>
                                                    <label class="custom-control-label" for="type_tenue">Type de tenue</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- Autorisation de gestion des paramètres 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