@extends('../layout/' . $layout)

@section('subhead')
    <title>{{env("APP_NAME")}}-{{__('Profils')}}</title>
@endsection
@section('subcontent') <h2 class="intro-y text-lg font-medium mt-10">{{__('Liste des profils')}}</h2>
    <br>
    <br>
    <div class="flex flex-col sm:flex-row sm:items-end xl:items-start">
      
        <div class="flex mt-5 sm:mt-0">
      
        </div>
    </div>

    
    <div class="intro-y box p-5 mt-5">                                 
        <div class="overflow-x-auto">
            <table class="table table-striped col-span-12">
                <thead class="">
                    <tr>
                        <th>#</th>
                        <th class="whitespace-nowrap">Libellé</th>
                        <th width="whitespace-nowrap">Action</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($profils as $key => $profil)
                        <tr>
                            <td class="text-center">{{ ++$i }}</td>
                            <td>{{ $profil->name }}</td>
                            <td  class="text-center">
                                @can('habilitations.edit')
                                    <a class="btn btn-primary" href="{{ route('profils.edit',$profil->id) }}">Edit</a>
                                @endcan
                                @can('habilitations.delete')
                                    {!! Form::open(['method' => 'DELETE','route' => ['profils.destroy', $profil->id],'style'=>'display:inline']) !!}
                                        {!! Form::submit('Delete', ['class' => 'btn btn-danger','onclick'=>'return confirm("Etes-vous sûr de vouloir supprimer ce profil?");']) !!}
                                    {!! Form::close() !!}
                                @endcan
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
                    
            </div>
        </div>
        <div class="intro-y col-span-12 flex flex-wrap sm:flex-row sm:flex-nowrap items-center">
            {{$profils->render()}}
        </div>
        <form action="{{route('profils.store')}}" method="post">
        @csrf
        @method('POST')
        <div class="intro-y box p-5 mt-5">
            <div class="border border-slate-200/60 dark:border-darkmode-400 rounded-md p-5">
                <div class="font-medium text-base flex items-center border-b border-slate-200/60 dark:border-darkmode-400 pb-5">
                    <i data-lucide="chevron-down" class="w-4 h-4 mr-2"></i> Ajouter un nouveau profil utilisateur
                </div>
                <div class="mt-5">
                    <div class="form-inline items-start flex-col xl:flex-row mt-5 pt-5 first:mt-0 first:pt-0">
                        <div class="form-label xl:w-64 xl:!mr-10">
                            <div class="text-left">
                                <div class="flex items-center">
                                    <div class="font-medium">Libellé</div>
                                    <div class="ml-2 px-2 py-0.5 bg-slate-200 text-slate-600 dark:bg-darkmode-300 dark:text-slate-400 text-xs rounded-md">Obligatoire</div>
                                </div>
                            </div>
                        </div>
                        <div class="w-full mt-3 xl:mt-0 flex-1">
                            <input id="name" name="name" type="text" class="form-control" required>
                            <div class="form-help text-right">Maximum 0/100 charactères</div>
                        </div>
                    </div>
                    <div class="form-inline items-start flex-col xl:flex-row mt-5 pt-5 first:mt-0 first:pt-0">
                        <div class="form-label xl:w-64 xl:!mr-10">
                            <div class="text-left">
                                <div class="flex items-center">
                                    <div class="font-medium">Sélectionnez les droits d'accès</div>
                                    <div class="ml-2 px-2 py-0.5 bg-slate-200 text-slate-600 dark:bg-darkmode-300 dark:text-slate-400 text-xs rounded-md">Obligatoire</div>
                                </div>
                            </div>
                        </div>
                        <div class="w-full mt-3 xl:mt-0 flex-1">
                            @foreach($permissions as $value)
                                <label class="col-md-3 btn btn-primary p-2 m-1 label" >{{ Form::checkbox('permission[]', $value->id, false, ['class' => 'w-25 ']) }}
                                &nbsp; {{ $value->name }}</label>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        </div>
      <!-- END:  Nouveau Catégorie -->

      <div class="flex justify-end flex-col md:flex-row gap-2 mt-5">
            {{-- <button type="button" class="btn py-3 border-slate-300 dark:border-darkmode-400 text-slate-500 w-full md:w-52">Annuler</button> --}}
            <button type="submit" class="btn py-3 btn-primary w-full md:w-52">Ajouter</button>
        </div>
    </form>

@endsection