@extends('layouts.app')


@section('content')
    <div class="card w-3/5">
        <div class="card-head">
            <div class="font-semibold text-cyan-900">
                <i class="fal fa-user mr-2"></i>
                CAISSIER
            </div>
            <div class="space-x-2">

            </div>
        </div>
        <div class="card-body">
            <x-alert/>
            <div class="card-content mb-3">
                <table class="table">
                    <tr>
                        <td>ID Caissier</td>
                        <td>Nom et prénom</td>
                        <td>Fonction</td>
                    </tr>
                    <tr class="font-bold">
                        <td>{{$employe->id_employe}}</td>
                        <td>{{$employe->nom_employe}} {{$employe->prenom_employe}}</td>
                        <td>{{$employe->libelle_fonction}}</td>
                    </tr>
                </table>
            </div>
            <div class="card-content">
                <div class="flex flex-col space-y-4">
                    <div class="pt-5">
                        <form id="frmGuichet" method="post" action="{{$url}}">
                            @csrf
                            <input type="hidden" name="folio" value="{{$employe->id_employe}}">
                            <div class="space-y-3">
                                {{-- <div>
                                    <div class="text-sm text-gray-500">
                                        Caisse
                                    </div>
                                    <div>
                                        <select name="caisse" class="form-control">
                                            @php $id_caisse = !empty($guichet->caisse_id) ? $guichet->caisse_id : old('caisse') @endphp
                                            <option value="">-- CAISSE --</option>
                                            @foreach ($caisses as $caisse)
                                                <option value="{{ $caisse->id_caisse }}" {{ $caisse->id_caisse == $id_caisse ? 'selected' : '' }} >
                                                    {{ $caisse->id_caisse }}
                                                </option>
                                            @endforeach
                                        </select>
                                        @error('caisse')
                                            <span class="text-red-500 text-sm">{{$message}}</span>
                                        @enderror
                                    </div>
                                </div> --}}
                                <div>
                                    <div class="text-sm text-gray-500">
                                        Type de coffre
                                    </div>
                                    <div>
                                        <select name="typeCoffre" class="form-control">
                                            @foreach (config('guichet')['type_coffre'] as $key=>$coffre)
                                                <option value="{{$key}}" @if(!empty($guichet->type_coffre))
                                                    @if($guichet->type_coffre == $key)
                                                        selected
                                                    @endif
                                                    @endif>{{$coffre}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    @error('typeCoffre')
                                        <span class="text-red-500 text-sm">{{$message}}</span>
                                    @enderror
                                </div>
                                <div>
                                    <div class="text-sm text-gray-500">
                                        Profil
                                    </div>
                                    <div>
                                        <select name="profil" class="form-control">
                                            @php $code = !empty($guichet->profil) ? $guichet->profil : old('profil') @endphp
                                            <option value="$guichet->profil">-- PROFIL --</option>
                                            @foreach (App\Lib\Referentiel::guichetProfil() as $code_profil=>$profil)
                                                <option value="{{ $code_profil }}" {{ $code_profil == $code ? 'selected' : '' }} >
                                                    {{ $profil }}
                                                </option>
                                            @endforeach
                                        </select>
                                        @error('profil')
                                            <span class="text-red-500 text-sm">{{$message}}</span>
                                        @enderror
                                    </div>
                                </div>
                                <div>
                                    <div class="text-sm text-gray-500">
                                        Mode de saisie
                                    </div>
                                    <div>
                                        <select name="modeSaisie" class="form-control">
                                            @php $modeSaisie = !empty($mode_saisie) ? $mode_saisie : old('modeSaisie') @endphp
                                            <option value="1" @if($modeSaisie == '1') selected @endif>Saisie à la date</option>
                                            <option value="2" @if($modeSaisie == '2') selected @endif>Saisie différé</option>
                                        </select>
                                        @error('modeSaisie')
                                            <span class="text-red-500 text-sm">{{$message}}</span>
                                        @enderror
                                    </div>
                                </div>
                                <div>
                                    <div class="text-sm text-gray-500">
                                        Weekend
                                    </div>
                                    <div>
                                        @php $weekend = !empty($weekend) ? $weekend : old('weekend') @endphp
                                        <input type="text" name="weekend" value="{{$weekend}}" class="form-control" required>
                                        @error('weekend')
                                            <span class="text-red-500 text-sm">{{$message}}</span>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>

            <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('gt.caissier')}}" class="inline-block btn btn-dark">
                    <i class="fal fa-times mr-1"></i>
                    Annuler
                </a>
            </div>

        </div>
    </div>
    <x-msg-box>
        <x-slot name="title">
            Guichetier
        </x-slot>
        Voulez vous réellement effectuer l'enregistrement ?
    </x-msg-box>
@endsection

@section('script')
<script>
    document.getElementById("frmGuichet").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("frmGuichet").submit();
    });
</script>
@endsection