@if (Auth()->user()->type_user == 0)
    @include('error.error')
    @dd()
@else
    @extends('layouts.proprietaire.master')

    @section('title', 'Rôles / Ajout')

    @section('content')
        <div class="main-content">
            <section class="section">
                <h1 class="section-header">
                    <div>@yield('title')</div>
                    <div class="float-right">
                        <a href="{{ route('home') }}" style="font-size: 1rem; text-decoration: none">Récaputilatifs</a> /
                        <a href="{{ route('property.role.index') }}" style="font-size: 1rem; text-decoration: none">Rôles</a> /
                        <a href="#" style="font-size: 1rem; text-decoration: none">Ajouter</a>
                    </div>
                </h1>
            </section>

            <div class="row">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-body">
                            <form action="{{ route('property.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_compte_admin" name="permissions[]"
                                                                    value="acces_compte_admin" {{ old('acces_compte_admin') ? 'checked' : '' }}>
                                                            <label class="custom-control-label" for="acces_compte_admin">Accès</label>
                                                        </div>
                                                    </div>
                                                    <div class="col-7">
                                                        <div class="custom-control custom-checkbox">
                                                            <input type="checkbox" class="custom-control-input"
                                                                    id="editer_profil_admin" name="permissions[]"
                                                                    value="editer_profil_admin" {{ old('editer_profil_admin') ? 'checked' : '' }}>
                                                            <label class="custom-control-label" for="editer_profil_admin">Editer son profil</label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Autorisation de gestion des utilisateurs fin -->

                                    <!-- Autorisation de gestion des camions 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 camions
                                            </div>
                                            <div class="card-body">
                                                <div class="row">
                                                    <div class="col-4">
                                                        <div class="custom-control custom-checkbox">
                                                            <input type="checkbox" class="custom-control-input"
                                                                    id="acces_camion" name="permissions[]"
                                                                    value="acces_camion" {{ old('acces_camion') ? 'checked' : '' }}>
                                                            <label class="custom-control-label" for="acces_camion">Accès</label>
                                                        </div>
                                                    </div>

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

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

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

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

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

                                    <!-- Autorisation de gestion des chauffeurs 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 chauffeurs
                                            </div>
                                            <div class="card-body">
                                                <div class="row">
                                                    <div class="col-4">
                                                        <div class="custom-control custom-checkbox">
                                                            <input type="checkbox" class="custom-control-input"
                                                                    id="acces_chauffeur" name="permissions[]"
                                                                    value="acces_chauffeur" {{ old('acces_chauffeur') ? 'checked' : '' }}>
                                                            <label class="custom-control-label" for="acces_chauffeur">Accès</label>
                                                        </div>
                                                    </div>

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

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

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

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

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

                                    <!-- Autorisation de gestion des bons 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 bons de commande
                                            </div>
                                            <div class="card-body">
                                                <div class="row">
                                                    <div class="col-4">
                                                        <div class="custom-control custom-checkbox">
                                                            <input type="checkbox" class="custom-control-input"
                                                                    id="acces_bon" name="permissions[]"
                                                                    value="acces_bon" {{ old('acces_bon') ? 'checked' : '' }}>
                                                            <label class="custom-control-label" for="acces_bon">Accès</label>
                                                        </div>
                                                    </div>

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

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

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

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

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

                                    <!-- Autorisation de gestion des rotations 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 rotations
                                            </div>
                                            <div class="card-body">
                                                <div class="row">
                                                    <div class="col-4">
                                                        <div class="custom-control custom-checkbox">
                                                            <input type="checkbox" class="custom-control-input"
                                                                    id="acces_rotation" name="permissions[]"
                                                                    value="acces_rotation" {{ old('acces_rotation') ? 'checked' : '' }}>
                                                            <label class="custom-control-label" for="acces_rotation">Accès</label>
                                                        </div>
                                                    </div>

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

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

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

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

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

                                    <!-- Autorisation de gestion des axes 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 axes
                                            </div>
                                            <div class="card-body">
                                                <div class="row">
                                                    <div class="col-4">
                                                        <div class="custom-control custom-checkbox">
                                                            <input type="checkbox" class="custom-control-input"
                                                                    id="acces_axe" name="permissions[]"
                                                                    value="acces_axe" {{ old('acces_axe') ? 'checked' : '' }}>
                                                            <label class="custom-control-label" for="acces_axe">Accès</label>
                                                        </div>
                                                    </div>

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

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

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

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

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

                                    <!-- Autorisation de gestion des historiques de voyage 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 historiques de voyage
                                            </div>
                                            <div class="card-body">
                                                <div class="row">
                                                    <div class="col-4">
                                                        <div class="custom-control custom-checkbox">
                                                            <input type="checkbox" class="custom-control-input"
                                                                    id="list_historique_voyage" name="permissions[]"
                                                                    value="list_historique_voyage" {{ old('list_historique_voyage') ? 'checked' : '' }}>
                                                            <label class="custom-control-label" for="list_historique_voyage">Lister</label>
                                                        </div>
                                                    </div>

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

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

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

                                <div class="form-group text-right">
                                    <button type="submit" class="btn btn-sm btn-primary">Créer un rôle</button>
                                    <a href="{{ route('property.role.index') }}" class="btn btn-sm btn-danger">Quitter</a>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endsection
@endif