@extends('layouts.app')

@section('content')
    <div class="card w-3/5">
        <div class="card-head">
            <div class="font-semibold text-cyan-900 uppercase">
                <i class="fal fa-file-signature mr-1"></i>
                Demande de demissions
            </div>
            <div class="space-x-2 text-gray-500">
                <a href="{{route('tiers.index')}}" class="hover:text-orange-500">
                    <i class="fal fa-search"></i>
                </a>
                <a href="#" class="hover:text-orange-500">
                    <i class="fal fa-print"></i>
                </a>
            </div>
        </div>
        <div class="card-body">
            <x-alert/>
            <div class="flex flex-col">
                <x-tiers-bannier :tiers="$tiers"></x-tiers-head>

                <div class="card-content">
                    <form id="frmDemande" method="post" action="{{$url}}">
                        @csrf
                        <input type="hidden" name="caisseId" value="{{$tiers->caisse_id}}">
                        <input type="hidden" name="tiersId" value="{{$tiers->id_tiers}}">

                        <!-- DEMANDE PRET -->
                        <div class="flex bg-gray-500 bg-opacity-20 pl-5 py-1 mb-3 text-gray-500 font-semibold">
                            Description de la démission
                        </div>
                        <div class="flex flex-col md:w-full lg:flex-row  lg:flex-wrap space-y-3">
                            <div class="w-full">
                                <x-label for="">Date</x-label>
                                <input type="date" name="dateDde" value="{{date('Y-m-d')}}" class="form-control">
                                @error('dateDde')
                                    <span class="text-red-500 text-sm">{{$message}}</span>
                                @enderror
                            </div>
                            <div class="w-full">
                                <x-label for="">Motif</x-label>
                                <select name="motif" class="form-control">
                                    @foreach (\App\Lib\Referentiel::demission() as $key=>$dems)
                                        <option value="{{$key}}">{{$dems}}</option>
                                    @endforeach
                                </select>
                                @error('motif')
                                    <span class="text-red-500 text-sm">{{$message}}</span>
                                @enderror
                            </div>
                            <div class="w-full">
                                <x-label for="">Description</x-label>
                                <input type="text" name="description" class="form-control">
                                @error('description')
                                    <span class="text-red-500 text-sm">{{$message}}</span>
                                @enderror
                            </div>
                        </div>
                    </form>
                </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="{{empty($id_tiers) ? route('tiers.index') : route('tiers.show', [
                        'id_tiers'  =>$id_tiers,
                        'type_tiers'=>strtolower($type_tiers)])}}" class="inline-block btn btn-dark">
                        <i class="fal fa-times mr-1"></i>
                        Annuler
                    </a>
                </div>
            </div>
        </div>
    </div>
    <x-msg-box>
        <x-slot name="title">
            Demande de prêt
        </x-slot>
        Voulez vous réellement enregistrer cette demande de prêt ?
    </x-msg-box>

    <x-tiers-modal :tiers="$tiers"></x-tiers-modal>

@endsection

@section('script')

    <script>
        let imgTiers =  document.getElementById('imgIdentite');

        if(imgTiers){
            imgTiers.addEventListener("click", function(e){
            Modal("#photoTiers", "show");
            })
        };
        document.getElementById("frmDemande").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("frmDemande").submit();
        });
    </script>

@endsection