@if (Auth()->user()->type_user != 1)
    @include('erros.404')
    @dd()
@else
    @extends('layouts.admin.master')

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

    @section('content')
        <nav aria-label="breadcrumb" class="mb-3">
            <ol class="breadcrumb breadcrumb-style2 mb-0">
                <li class="breadcrumb-item">
                    <a href="{{ route('admin.home') }}">Tableau de bord</a>
                </li>
                <li class="breadcrumb-item">
                    <a href="{{ route('roles.index') }}">Rôles et permissions</a>
                </li>
                <li class="breadcrumb-item active">Ajouter</li>
            </ol>
        </nav>
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <form action="{{ route('roles.store') }}" method="POST">
                            @csrf
                            <div class="mb-3">
                                <label for="name" class="form-label">Rôle <span class="text-danger">*</span></label>
                                <input type="text" name="name" id="name" class="form-control @error('name') is-invalid @enderror" value="{{ old('name') }}">
                                @error('name')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>

                            <div class="mb-3">
                                <small class="text-light fw-semibold">Autorisations <span class="text-danger">*</span></small>
                            </div>

                            <div class="mb-3">
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" value="" id="select-all">
                                    <label class="form-check-label text-light fw-semibold" for="select-all"> Accorder toutes les autorisations </label>
                                </div>
                            </div>

                            <div class="row g-2 mt-3">
                                <!-- Gestion d'utilisateur start -->
                                <div class="col-md-4 col-sm-12">
                                    <div class="card">
                                        <div class="card-header">
                                            <span class="text-danger">Gestion d'utilisateur</sppan>
                                        </div>
                                        <div class="card-body">
                                            <div class="form-check form-check-row">
                                                <input class="form-check-input" type="checkbox" id="user_management" name="permissions[]" value="user_management" {{ old('user_management') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="user_management">Accès total</label>
                                            </div>

                                            <div class="form-check form-check-row mt-2">
                                                <input class="form-check-input" type="checkbox" id="edit_profil" name="permissions[]" value="edit_profil" {{ old('edit_profil') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="edit_profil">Modifier son profil</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Gestion d'utilisateur end -->

                                <!-- Gestion des articles start -->
                                <div class="col-md-4 col-sm-12">
                                    <div class="card">
                                        <div class="card-header">
                                            <span class="text-danger">Gestion des articles</sppan>
                                        </div>
                                        <div class="card-body">
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="checkbox" id="access_article" name="permissions[]" value="access_article" {{ old('access_article') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="access_article">Accès</label>
                                            </div>

                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="checkbox" id="create_article" name="permissions[]" value="create_article" {{ old('create_article') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="create_article">Créer</label>
                                            </div>

                                            <div class="form-check form-check-inline mt-2">
                                                <input class="form-check-input" type="checkbox" id="edit_article" name="permissions[]" value="edit_article" {{ old('edit_article') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="edit_article">Modifier</label>
                                            </div>

                                            <div class="form-check form-check-inline mt-2">
                                                <input class="form-check-input" type="checkbox" id="delete_article" name="permissions[]" value="delete_article" {{ old('delete_article') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="delete_article">Supprimer</label>
                                            </div>

                                            <div class="form-check form-check-inline mt-2">
                                                <input class="form-check-input" type="checkbox" id="show_article" name="permissions[]" value="show_article" {{ old('show_article') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="show_article">Voir</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Gestion des articles end -->

                                <!-- Gestion des catégories start -->
                                <div class="col-md-4 col-sm-12">
                                    <div class="card">
                                        <div class="card-header">
                                            <span class="text-danger">Gestion des catégories</sppan>
                                        </div>
                                        <div class="card-body">
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="checkbox" id="access_category" name="permissions[]" value="access_category" {{ old('access_category') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="access_category">Accès</label>
                                            </div>

                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="checkbox" id="create_category" name="permissions[]" value="create_category" {{ old('create_category') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="create_category">Créer</label>
                                            </div>

                                            <div class="form-check form-check-inline mt-2">
                                                <input class="form-check-input" type="checkbox" id="edit_category" name="permissions[]" value="edit_category" {{ old('edit_category') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="edit_category">Modifier</label>
                                            </div>

                                            <div class="form-check form-check-inline mt-2">
                                                <input class="form-check-input" type="checkbox" id="delete_category" name="permissions[]" value="delete_category" {{ old('delete_category') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="delete_category">Supprimer</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Gestion des catégories end -->

                                <!-- Gestion des Approvisionnements start -->
                                <div class="col-md-4 col-sm-12">
                                    <div class="card">
                                        <div class="card-header">
                                            <span class="text-danger">Gestion des approvisionnements</sppan>
                                        </div>
                                        <div class="card-body">
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="checkbox" id="access_approvisionnement" name="permissions[]" value="access_approvisionnement" {{ old('access_approvisionnement') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="access_approvisionnement">Accès</label>
                                            </div>

                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="checkbox" id="create_approvisionnement" name="permissions[]" value="create_approvisionnement" {{ old('create_approvisionnement') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="create_approvisionnement">Créer</label>
                                            </div>

                                            <div class="form-check form-check-inline mt-2">
                                                <input class="form-check-input" type="checkbox" id="edit_approvisionnement" name="permissions[]" value="edit_approvisionnement" {{ old('edit_approvisionnement') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="edit_approvisionnement">Modifier</label>
                                            </div>

                                            <div class="form-check form-check-inline mt-2">
                                                <input class="form-check-input" type="checkbox" id="delete_approvisionnement" name="permissions[]" value="delete_approvisionnement" {{ old('delete_approvisionnement') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="delete_approvisionnement">Supprimer</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Gestion des Approvisionnements end -->

                                <!-- Gestion des dépenses start -->
                                <div class="col-md-4 col-sm-12">
                                    <div class="card">
                                        <div class="card-header">
                                            <span class="text-danger">Gestion des dépenses</sppan>
                                        </div>
                                        <div class="card-body">
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="checkbox" id="access_depense" name="permissions[]" value="access_depense" {{ old('access_depense') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="access_depense">Accès</label>
                                            </div>

                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="checkbox" id="create_depense" name="permissions[]" value="create_depense" {{ old('create_depense') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="create_depense">Créer</label>
                                            </div>

                                            <div class="form-check form-check-inline mt-2">
                                                <input class="form-check-input" type="checkbox" id="edit_depense" name="permissions[]" value="edit_depense" {{ old('edit_depense') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="edit_depense">Modifier</label>
                                            </div>

                                            <div class="form-check form-check-inline mt-2">
                                                <input class="form-check-input" type="checkbox" id="delete_depense" name="permissions[]" value="delete_depense" {{ old('delete_depense') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="delete_depense">Supprimer</label>
                                            </div>

                                            <div class="form-check form-check-inline mt-2">
                                                <input class="form-check-input" type="checkbox" id="show_depense" name="permissions[]" value="show_depense" {{ old('show_depense') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="show_depense">Voir</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Gestion des dépenses end -->

                                <!-- Gestion des types de dépense start -->
                                <div class="col-md-4 col-sm-12">
                                    <div class="card">
                                        <div class="card-header">
                                            <span class="text-danger">Gestion des types de dépense</sppan>
                                        </div>
                                        <div class="card-body">
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="checkbox" id="access_type_depense" name="permissions[]" value="access_type_depense" {{ old('access_type_depense') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="access_type_depense">Accès</label>
                                            </div>

                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="checkbox" id="create_type_depense" name="permissions[]" value="create_type_depense" {{ old('create_type_depense') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="create_type_depense">Créer</label>
                                            </div>

                                            <div class="form-check form-check-inline mt-2">
                                                <input class="form-check-input" type="checkbox" id="edit_type_depense" name="permissions[]" value="edit_type_depense" {{ old('edit_type_depense') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="edit_type_depense">Modifier</label>
                                            </div>

                                            <div class="form-check form-check-inline mt-2">
                                                <input class="form-check-input" type="checkbox" id="delete_type_depense" name="permissions[]" value="delete_type_depense" {{ old('delete_type_depense') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="delete_type_depense">Supprimer</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Gestion des types de dépense end -->

                                <!-- Gestion des boutiques start -->
                                <div class="col-md-4 col-sm-12">
                                    <div class="card">
                                        <div class="card-header">
                                            <span class="text-danger">Gestion des boutiques</sppan>
                                        </div>
                                        <div class="card-body">
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="checkbox" id="access_boutique" name="permissions[]" value="access_boutique" {{ old('access_boutique') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="access_boutique">Accès</label>
                                            </div>

                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="checkbox" id="create_boutique" name="permissions[]" value="create_boutique" {{ old('create_boutique') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="create_boutique">Créer</label>
                                            </div>

                                            <div class="form-check form-check-inline mt-2">
                                                <input class="form-check-input" type="checkbox" id="edit_boutique" name="permissions[]" value="edit_boutique" {{ old('edit_boutique') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="edit_boutique">Modifier</label>
                                            </div>

                                            <div class="form-check form-check-inline mt-2">
                                                <input class="form-check-input" type="checkbox" id="delete_boutique" name="permissions[]" value="delete_boutique" {{ old('delete_boutique') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="delete_boutique">Supprimer</label>
                                            </div>

                                            <div class="form-check form-check-inline mt-2">
                                                <input class="form-check-input" type="checkbox" id="show_boutique" name="permissions[]" value="show_boutique" {{ old('show_boutique') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="show_boutique">Voir</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Gestion des boutiques end -->

                                <!-- Gestion des achats start -->
                                <div class="col-md-4 col-sm-12">
                                    <div class="card">
                                        <div class="card-header">
                                            <span class="text-danger">Gestion des achats</sppan>
                                        </div>
                                        <div class="card-body">
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="checkbox" id="access_achat" name="permissions[]" value="access_achat" {{ old('access_achat') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="access_achat">Accès</label>
                                            </div>

                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="checkbox" id="create_achat" name="permissions[]" value="create_achat" {{ old('create_achat') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="create_achat">Créer</label>
                                            </div>

                                            <div class="form-check form-check-inline mt-2">
                                                <input class="form-check-input" type="checkbox" id="edit_achat" name="permissions[]" value="edit_achat" {{ old('edit_achat') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="edit_achat">Modifier</label>
                                            </div>

                                            <div class="form-check form-check-inline mt-2">
                                                <input class="form-check-input" type="checkbox" id="delete_achat" name="permissions[]" value="delete_achat" {{ old('delete_achat') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="delete_achat">Supprimer</label>
                                            </div>

                                            <div class="form-check form-check-inline mt-2">
                                                <input class="form-check-input" type="checkbox" id="show_achat" name="permissions[]" value="show_achat" {{ old('show_achat') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="show_achat">Voir</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Gestion des achats end -->

                                <!-- Gestion des ventes start -->
                                <div class="col-md-4 col-sm-12">
                                    <div class="card">
                                        <div class="card-header">
                                            <span class="text-danger">Gestion des ventes</sppan>
                                        </div>
                                        <div class="card-body">
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="checkbox" id="access_vente" name="permissions[]" value="access_vente" {{ old('access_vente') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="access_vente">Accès</label>
                                            </div>

                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="checkbox" id="create_vente" name="permissions[]" value="create_vente" {{ old('create_vente') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="create_vente">Créer</label>
                                            </div>

                                            <div class="form-check form-check-inline mt-2">
                                                <input class="form-check-input" type="checkbox" id="edit_vente" name="permissions[]" value="edit_vente" {{ old('edit_vente') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="edit_vente">Modifier</label>
                                            </div>

                                            <div class="form-check form-check-inline mt-2">
                                                <input class="form-check-input" type="checkbox" id="delete_vente" name="permissions[]" value="delete_vente" {{ old('delete_vente') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="delete_vente">Supprimer</label>
                                            </div>

                                            <div class="form-check form-check-inline mt-2">
                                                <input class="form-check-input" type="checkbox" id="show_vente" name="permissions[]" value="show_vente" {{ old('show_vente') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="show_vente">Voir</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Gestion des ventes end -->

                                <!-- Gestion des clients start -->
                                <div class="col-md-4 col-sm-12">
                                    <div class="card">
                                        <div class="card-header">
                                            <span class="text-danger">Gestion des clients</sppan>
                                        </div>
                                        <div class="card-body">
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="checkbox" id="access_client" name="permissions[]" value="access_client" {{ old('access_client') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="access_client">Accès</label>
                                            </div>

                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="checkbox" id="create_client" name="permissions[]" value="create_client" {{ old('create_client') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="create_client">Créer</label>
                                            </div>

                                            <div class="form-check form-check-inline mt-2">
                                                <input class="form-check-input" type="checkbox" id="edit_client" name="permissions[]" value="edit_client" {{ old('edit_client') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="edit_client">Modifier</label>
                                            </div>

                                            <div class="form-check form-check-inline mt-2">
                                                <input class="form-check-input" type="checkbox" id="delete_client" name="permissions[]" value="delete_client" {{ old('delete_client') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="delete_client">Supprimer</label>
                                            </div>

                                            <div class="form-check form-check-inline mt-2">
                                                <input class="form-check-input" type="checkbox" id="show_client" name="permissions[]" value="show_client" {{ old('show_client') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="show_client">Voir</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Gestion des clients end -->

                                <!-- Gestion des fournisseurs start -->
                                <div class="col-md-4 col-sm-12">
                                    <div class="card">
                                        <div class="card-header">
                                            <span class="text-danger">Gestion des fournisseurs</sppan>
                                        </div>
                                        <div class="card-body">
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="checkbox" id="access_fournisseur" name="permissions[]" value="access_fournisseur" {{ old('access_fournisseur') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="access_fournisseur">Accès</label>
                                            </div>

                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="checkbox" id="create_fournisseur" name="permissions[]" value="create_fournisseur" {{ old('create_fournisseur') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="create_fournisseur">Créer</label>
                                            </div>

                                            <div class="form-check form-check-inline mt-2">
                                                <input class="form-check-input" type="checkbox" id="edit_fournisseur" name="permissions[]" value="edit_fournisseur" {{ old('edit_fournisseur') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="edit_fournisseur">Modifier</label>
                                            </div>

                                            <div class="form-check form-check-inline mt-2">
                                                <input class="form-check-input" type="checkbox" id="delete_fournisseur" name="permissions[]" value="delete_fournisseur" {{ old('delete_fournisseur') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="delete_fournisseur">Supprimer</label>
                                            </div>

                                            <div class="form-check form-check-inline mt-2">
                                                <input class="form-check-input" type="checkbox" id="show_fournisseur" name="permissions[]" value="show_fournisseur" {{ old('show_fournisseur') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="show_fournisseur">Voir</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Gestion des fournisseurs end -->

                                <!-- Gestion des Caisses et Archives start -->
                                <div class="col-md-4 col-sm-12">
                                    <div class="card">
                                        <div class="card-header">
                                            <span class="text-danger">Gestion des caisses et Archives</sppan>
                                        </div>
                                        <div class="card-body">
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="checkbox" id="caisse_trasaction" name="permissions[]" value="caisse_trasaction" {{ old('caisse_trasaction') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="caisse_trasaction">Accès caisse</label>
                                            </div>
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="checkbox" id="access_archive" name="permissions[]" value="access_archive" {{ old('access_archive') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="access_archive">Accès archive</label>
                                            </div>
                                            <div class="form-check form-check-inline mt-3">
                                                <input class="form-check-input" type="checkbox" id="create_archive" name="permissions[]" value="create_archive" {{ old('create_archive') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="create_archive">Créer archive</label>
                                            </div>
                                            <div class="form-check form-check-inline mt-3">
                                                <input class="form-check-input" type="checkbox" id="restore_archive" name="permissions[]" value="restore_archive" {{ old('restore_archive') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="restore_archive">Restaurer archive</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Gestion des Caisses et Archives end -->

                                <!-- Gestion des dépôts start -->
                                <div class="col-md-4 col-sm-12">
                                    <div class="card">
                                        <div class="card-header">
                                            <span class="text-danger">Gestion des dépôts</sppan>
                                        </div>
                                        <div class="card-body">
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="checkbox" id="access_depot" name="permissions[]" value="access_depot" {{ old('access_depot') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="access_depot">Accès</label>
                                            </div>

                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="checkbox" id="create_depot" name="permissions[]" value="create_depot" {{ old('create_depot') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="create_depot">Créer</label>
                                            </div>

                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="checkbox" id="edit_depot" name="permissions[]" value="edit_depot" {{ old('edit_depot') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="edit_depot">Modifier</label>
                                            </div>

                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="checkbox" id="delete_depot" name="permissions[]" value="delete_depot" {{ old('delete_depot') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="delete_depot">Supprimer</label>
                                            </div>

                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="checkbox" id="show_depot" name="permissions[]" value="show_depot" {{ old('show_depot') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="show_depot">Voir</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Gestion des dépôts end -->

                                <!-- Gestion des tranferts start -->
                                <div class="col-md-4 col-sm-12">
                                    <div class="card">
                                        <div class="card-header">
                                            <span class="text-danger">Gestion des tranferts</sppan>
                                        </div>
                                        <div class="card-body">
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="checkbox" id="access_transfert" name="permissions[]" value="access_transfert" {{ old('access_transfert') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="access_transfert">Accès</label>
                                            </div>

                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="checkbox" id="create_transfert" name="permissions[]" value="create_transfert" {{ old('create_transfert') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="create_transfert">Créer</label>
                                            </div>

                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="checkbox" id="edit_transfert" name="permissions[]" value="edit_transfert" {{ old('edit_transfert') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="edit_transfert">Modifier</label>
                                            </div>

                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="checkbox" id="delete_transfert" name="permissions[]" value="delete_transfert" {{ old('delete_transfert') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="delete_transfert">Supprimer</label>
                                            </div>

                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="checkbox" id="show_transfert" name="permissions[]" value="show_transfert" {{ old('show_transfert') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="show_transfert">Voir</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Gestion des tranferts end -->

                                <!-- Gestion des Dettes start -->
                                <div class="col-md-4 col-sm-12">
                                    <div class="card">
                                        <div class="card-header">
                                            <span class="text-danger">Gestion des dettes</sppan>
                                        </div>
                                        <div class="card-body">
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="checkbox" id="creance_client" name="permissions[]" value="creance_client" {{ old('creance_client') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="creance_client">Crédits clients</label>
                                            </div>

                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="checkbox" id="dette_fournisseur" name="permissions[]" value="dette_fournisseur" {{ old('dette_fournisseur') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="dette_fournisseur">Dettes fournisseurs</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Gestion des dettes end -->
                            </div>

                            <div class="float-end mt-3">
                                <button type="submit" class="btn btn-primary">Enregistrer</button>
                                <a href="{{ route('roles.index') }}" class="btn btn-danger">Retour</a>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    @endsection
@endif