@extends('layouts.app')

@section('content')
<div class="w-full">
    <div class="card">
        <div class="card-head">
            <div class="font-semibold text-cyan-900 uppercase">
                <i class="fal fa-books fa-lg mr-1"></i>
                nouvelle demande
            </div>
            <div class="space-x-3 text-gray-500">
                <a id="btnNew" href="#" class="hover:text-orange-500">
                    <i class="fal fa-plus fa-lg mr-2"></i>
                </a>
            </div>
        </div>
        <div class="card-body">
            <x-alert/>
            @if(!empty($tiers->id_tiers))
            <div class="w-full mb-3">

                <table class="table table-simple">
                    <tr>
                        <td></td>
                        <td>Agence</td>
                        <td>Titulaire de dossier</td>
                        <td>Contact</td>
                        <td class="text-center">Encours</td>
                        <td></td>
                    </tr>
                    <tr class="font-bold">
                        <td >
                            @php
                                $photo = !empty($tiers->photo)?App\Lib\Image::get(env('IMG_TIERS').DIRECTORY_SEPARATOR.$tiers->photo):"";
                                $signature = !empty($tiers->signature)?App\Lib\Image::get(env('IMG_SIGNATURE').DIRECTORY_SEPARATOR.$tiers->signature):"";
                            @endphp
                            <img id="imgIdentite" src="{{!empty($photo)?$photo:asset('img/user.png')}}"
                            data-signature="{{!empty($signature)?$signature:asset('img/signature.jpg')}}"
                        alt="img" class="img-photo border cursor-pointer rounded-full shadow-md border-white w-10 h-10">
                        </td>
                        <td style="vertical-align: middle;">
                            {{$compte->caisse_id}}
                        </td>
                        <td style="vertical-align: middle;">
                            {{$tiers->id_tiers }} # {{$tiers->nom_tiers}} {{$tiers->prenom_tiers}}
                        </td>
                        <td style="vertical-align: middle;">
                            {{$tiers->adresse}} - {{$tiers->phone}}
                        </td>
                        <td style="vertical-align: middle;" class="text-center">
                            {{App\Lib\Format::number($currentSolde)}}
                        </td>
                        <td  class="text-right">
                            <a href="{{route('cd.dd.new.create', $tiers->id_tiers)}}" class="btn btn-orange inline-block">
                                <i class="fal fa-file fa-lg mr-2"></i>
                                Nouveau
                            </a>
                            <a href="{{route('tiers.story.show', $tiers->id_tiers)}}" target="_blanck" class="btn btn-yellow inline-block">
                                <i class="fal fa-books fa-lg mr-2"></i>
                                Historique
                            </a>
                        </td>
                    </tr>
                </table>

            </div>
            @else
                <div class="flex mb-3 mr-3">
                    <form method="post" action="" class="flex w-full">
                        @csrf
                        <input type="hidden" name="search" value="demande">
                        <div class="flex justify-end space-x-3 w-full">
                            <div class="flex items-center w-80">
                                <input type="text" name="folio" value="{{ !empty($search->folio) ? $search->folio : '' }}" class="form-control" placeholder="ID Tiers, CIN, Nom, Prénom"/>
                            </div>
                            <div>
                                <button type="submit" class="btn btn-warning">
                                    <i class="fal fa-search"></i>
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            @endif
            <div class="card-content">
                <table class="table table-striped table-hover">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Réf demande</th>
                            <th>Date demande</th>
                            <th>ID Tiers</th>
                            <th>Nom et prénom</th>
                            <th class="text-center">Durée prévue</th>
                            <th class="text-right">Capital</th>
                            <th class="text-center">Agent</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody style="vertical-align: top">
                        @php
                            $i = 0;
                        @endphp
                        @if(count($demandes)>0)
                            @foreach ($demandes as $demande)
                            @php $i++ @endphp
                                <tr>
                                    <td>
                                        <x-line-number :nombre="$per_page" :item="$i"/>
                                    </td>
                                    <td>{{ $demande->id_demande }}</td>
                                    <td>{{ (new DateTime($demande->date_demande))->format(config('myahs.date_format')) }}</td>
                                    <td>{{ $demande->id_tiers }}</td>
                                    <td>{{ substr(ucfirst($demande->nom_tiers.' '.$demande->prenom_tiers),0,25) }}</td>
                                    <td class="text-center">{{ $demande->duree_mois }} MOIS</td>
                                    <td style="text-align: right">{{ number_format($demande->mtt_capital, '2', ',', ' ') }}</td>
                                    <td class="text-center">
                                        @if(!empty($demande->agent))
                                            {{$demande->agent}}
                                        @else
                                            <span class="text-yellow-600">
                                                <a href="">
                                                    <i class="fad fa-exclamation-circle fa-lg"></i>
                                                </a>
                                            </span>
                                        @endif
                                    </td>
                                    <td class="text-right">
                                        <a href="{{route('cd.demande.show', $demande->id_demande)}}" class="text-gray-500 hover:text-orange-500 mr-2">
                                            <i class="fal fa-search-plus fa-lg"></i>
                                        </a>
                                        <a href="{{route('cd.demande.edit',  $demande->id_demande)}}" class="text-gray-500 hover:text-orange-500 mr-2">
                                            <i class="fal fa-edit fa-lg"></i>
                                        </a>
                                    </td>
                                </tr>
                            @endforeach
                        @else
                            <tr>
                                <td colspan="10" class="text-center">
                                    <span class="text-gray-800">La liste est vide</span>
                                </td>
                            </tr>
                        @endif
                    </tbody>
                </table>
            </div>

           <div class="flex justify-between">
            <div></div>
            @if(count($demandes)>0)
            <div class="pagination mt-3">
                {{ $demandes->links() }}
            </div>
            @endif

           </div>
        </div>
    </div>
</div>

@if(!empty($tiers->id_tiers))
    <x-tiers-modal :tiers="$tiers"></x-tiers-modal>
@endif

<x-form-modal>
    <x-slot name="title">
        <div class="flex justify-between w-full">
            Recherche
        </div>
    </x-slot>
        <form id="frmSearch" method="post" action="{{route('cd.dd.new.index')}}" class="w-full">
            @csrf
            <input type="hidden" name="search" value="tiers">
            <div class="flex items-center space-x-3">
                <div class="w-full">
                    <input type="text" id="folio" name="folio" value="{{session('caisse-employe')}}" class="form-control" placeholder="Folio">
                </div>
                <div>
                    <button type="submit" class="btn btn-warning">
                        <i class="fal fa-search"></i>
                    </button>
                </div>
            </div>
        </form>
    <x-slot name="footer">

    </x-slot>
</x-form-modal>

@endsection


@section('script')
    <script>

        document.getElementById("btnNew").addEventListener("click", function(e){
            Modal("#frmModal", "show");
            let searchFolio = document.getElementById("folio")
                searchFolio.focus();
                searchFolio.selectionStart = searchFolio.value.length;
        });

        let imgTiers = document.getElementById('imgIdentite');

        if(imgTiers != undefined){

            imgTiers.addEventListener('click', function(){
                Modal('#photoTiers', 'show');
            })
        }

    </script>
@endsection