@extends('admin.main')

@section('element')
    <div class="card w-full">
        <div class="card-head">
            <div class="font-semibold text-cyan-900 uppercase">
                <i class="fal fa-user-cog mr-1"></i>
                Droit d'utilisateur
            </div>
            <div class="space-x-2 text-gray-500">
                <a href="{{route('admin.employe.index', $employe->id_employe)}}" class="hover:text-orange-500">
                    <i class="fal fa-list fa-lg"></i>
                </a>
                <a href="{{route('user.droit.show', $employe->id_employe)}}" class="hover:text-orange-500">
                    <i class="fal fa-project-diagram fa-lg"></i>
                </a>
            </div>
        </div>
        <div class="card-body">
            <x-alert/>
            <div class="card-content mb-5">
                <table class="table">
                    <tr>
                        <td>ID Utilisateur</td>
                        <td>Agence</td>
                        <td>Nom et prénoms</td>
                        <td>Fonction</td>
                        <td>Email</td>
                    </tr>
                    <tr class="font-bold">
                        <td>
                            {{$employe->id_employe}}
                        </td>
                        <td>
                            {{$employe->agence_id}}
                        </td>
                        <td>
                            {{$employe->nom_employe }} {{$employe->prenom_employe}}
                        </td>
                        <td>
                            {{$employe->fonction_id}}
                        </td>
                        <td>
                            {{$employe->mail}}
                        </td>
                    </tr>
                </table>
            </div>
            <div class="flex text-gray-300 uppercase font-bold pl-5 py-1 text-md mb-5 bg-gray-500">
                {{$module->label}}
            </div>
            <form id="frmDroit" method="post"  action="{{route('user.droit.store')}}" class="flex flex-col">
                @csrf
                <input type="hidden" name="employeId" value="{{$employe->id_employe}}">
                <input type="hidden" name="slug" value="{{$module->slug}}">
                <input type="hidden" name="{{$module->id_module}}[]" value="select">
                @php
                    $i = 0;
                @endphp

                @foreach ($modules as $module)
                    @php
                        $module_active = key_exists($module->id_module,$droit_user) ? $droit_user[$module->id_module] : (object)[];
                    @endphp
                    <div class="mb-5">
                        <div class="flex justify-between bg-gray-500 bg-opacity-20 pl-5 py-1 mb-3 text-gray-500 font-semibold uppercase">
                            {{$module->label}}
                        </div>
                        <div class="card-content mb-5">
                            <table class="table">
                                <tr class="font-semibold">
                                    @foreach($droits as $droit=>$label)
                                        <td class="text-center">{{ucfirst(mb_strtolower($label,'UTF-8'))}}</td>
                                    @endforeach
                                </tr>
                                <tr>
                                @foreach($droits as $droit=>$label)
                                    <td class="text-center">
                                        <input type="checkbox" name="{{$module->id_module}}[]" value="{{$droit}}"
                                         @if(!empty($module_active->$droit)) checked @endif class="checkbox">
                                         <input hidden type="hidden" name="{{$module->id_module}}[]" value="module"/>
                                    </td>
                                @endforeach
                                </tr>
                            </table>
                        </div>
                    </div>
                    @php
                        $i++
                    @endphp
                @endforeach
                @if($i == 0)
                    <div class="text-red-500 bg-red-100 border border-red-300 rounded-md px-5 py-2 font-semibold">
                        <i class="fal fa-exclamation-triangle mr-1"></i>
                        Aucun module n'est disponible
                    </div>
                @else
                    <div class="py-2">
                        <button class="msg-box-show btn btn-warning">
                            <i class="fal fa-save mr-1"></i>
                            Enregistrer
                        </button>

                        <a href="{{route('user.droit.show', $employe->id_employe)}}" class="inline-block btn btn-dark">
                            <i class="fal fa-backward mr-1"></i>
                            Retourner
                        </a>
                    </div>
                @endif
            </form>
        </div>
    </div>
    <x-msg-box>
        <x-slot name="title">
            Utilisateur
        </x-slot>
        Voulez vous réellement enregistrer cette configuration ?
    </x-msg-box>
@endsection

@section('script')

    <script>
        document.getElementById("frmDroit").addEventListener("submit", function(e){
            e.preventDefault();
        });
        document.querySelector(".msg-box-show").addEventListener("click", function(e){
            e.preventDefault();
            Modal("#MsgBox", "show");
        })
        document.getElementById("btnYes").addEventListener("click", function(e){
            e.preventDefault();
            document.getElementById("frmDroit").submit();
        });
    </script>

@endsection