@extends('layouts.app')

@section('content')
<div class="w-4/5">
    <div class="card">
        <div class="card-head">
            <div class="font-semibold text-cyan-900 uppercase">
                <i class="fal fa-user-tag fa-lg mr-1"></i>
                Attribution de demande de prêt
            </div>
            <div class="space-x-2 text-gray-600">
                {{-- <a href="{{route('params.employe.create')}}" class="search" title="Ajouter un nouveau utilisateur">
                    <i class="fal fa-plus"></i>
                </a>
                <a href="{{route('tiers.index')}}" class="text-green-600" title="Exporter la liste des utilisateurs">
                    <i class="fal fa-file-excel"></i>
                </a> --}}
            </div>
        </div>
        <div class="card-body">
            <x-alert/>
            @php $table=[2,3,4]@endphp
            <x-tiers-bannier :tiers="$tiers"></x-tiers-bannier>
            <div class="card-content">
                <x-demande-pret-head :demande="$demande"></x-demande-pret-head>
            </div>
            <div class="card-content mt-3">
                <table class="table table-striped table-hover text-sm">
                    <thead>
                        <tr>
                            <td></td>
                            <th class="text-left">ID</th>
                            <th class="text-left">Nom et prénoms</th>
                            <th class="text-left">Nb dossier acif</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody style="vertical-align: top">
                        @if(count($employes)>0)
                            @foreach ($employes as $employe)
                                <tr>
                                    <td></td>
                                    <td class="uppercase">{{ $employe->id_employe }}</td>
                                    <td>{{ $employe->nom_employe.' '.$employe->prenom_employe }}</td>
                                    <td></td>
                                    <td class="text-right">
                                        <a href="#"
                                            class="btnAttribute text-gray-500 hover:text-orange-500 mr-2"
                                            data-agent="{{$employe->id_employe}}"
                                            data-name="{{ $employe->nom_employe.' '.$employe->prenom_employe }}"
                                            title="Attribuer">
                                            <i class="fal fa-file-import fa-lg"></i>
                                        </a>
                                    </td>
                                </tr>
                            @endforeach
                        @else
                            <tr>
                                <td colspan="9" class="text-center">
                                    <span class="text-gray-800">La liste est vide</span>
                                </td>
                            </tr>
                        @endif
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
<x-form-modal>
    <x-slot name="title">Agent de crédit</x-slot>
    <div class="flex flex-col w-full">
        <div id="agentName" class="flex justify-center text-xl w-full font-bold border-b mb-5"></div>
        <form id="frmAgent" method="post" action="{{route('cd.attribue.store')}}" class="w-full">
            @csrf
            <input type="hidden" name="refDemande" id="refDemande" value="{{$demande->id_demande}}">
            @if(!empty($adcr_actif->employe_id))
                <input type="hidden" name="agentActif" value="{{$adcr_actif->employe_id}}">
            @endif
            <input type="hidden" name="agent" id="agentCode">
            <div class="flex flex-col space-y-5">
                <div class="w-full">
                    <div>Date d'attribution de la demande</div>
                    <div>
                        @php $date_attribution = !empty($demande->date_attribute) ? $demande->date_attribute : old('dateDebut') @endphp
                        <input type="date" name="dateAttribute" value="{{ $date_attribution }}" class="form-control">
                    </div>
                </div>
                @if(!empty($transfert))
                    <div class="w-full">
                        <div>Date remise de dossier</div>
                        <div>
                            <input type="date" name="dateRemise" value="{{ !empty($demande->date_remise) ? $demande->date_remise : old('dateFin')}}" class="form-control">
                        </div>
                    </div>
                    <div class="w-full">
                        <div>Motif de changement</div>
                        <div>
                            <input type="text" name="motif" value="" class="form-control">
                        </div>
                    </div>
                @endif
            </div>
        </form>

    </div>
    <x-slot name="footer">
        <div class="flex justify-center items-center">
            <button id="btnSave" class="btn btn-warning">Attribuer</button>
        </div>
    </x-slot>
</x-form-modal>
<x-tiers-modal :tiers="$tiers"></x-tiers-modal>
@endsection

@section('script')
    <script>

        let btnAtt = document.querySelectorAll('.btnAttribute');

        btnAtt.forEach(btn => {

            btn.addEventListener('click', function(e){
                e.preventDefault();
                Modal('#frmModal', 'show')
                document.getElementById('agentCode').setAttribute('value', btn.getAttribute('data-agent'));
                document.getElementById('agentName').textContent = btn.getAttribute('data-name');
            });

        });
        document.getElementById('btnSave').addEventListener('click', function(e){
            document.getElementById('frmAgent').submit();
        });
    </script>
@endsection