@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-file-certificate mr-1"></i>
                contrats de prêts actifs
            </div>
        </div>
        <div class="card-body">
            <x-alert></x-alert>
            <div class="flex justify-end mb-3 mr-3">
                <form method="post" action="{{route('cd.actif.search')}}" class="w-full">
                    @csrf
                    <input type="hidden" name="url" value="{{ $url }}">
                    <div class="flex justify-end space-x-3 w-full">
                        <div class="flex items-center w-96">
                            <select name="employe" class="form-control">
                                @php $id_employe = !empty($search->employe) ? $search->employe : '' @endphp
                                <option value="">-- ADCR --</option>
                                @foreach ($employes as $employe)
                                    <option value="{{ $employe->id_employe }}" {{ $employe->id_employe == $id_employe ? 'selected' : '' }} >
                                        {{ $employe->nom_employe }} {{ $employe->prenom_employe }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="flex items-center space-x-2 w-96">
                            <input type="text" name="folio" value="{{ !empty($search->folio) ? $search->folio : '' }}" class="form-control" placeholder="ID Tiers, CIN, Réf prêt, nom"/>
                        </div>
                        <div>
                            <button type="submit" class="btn btn-warning">
                                <i class="fal fa-search"></i>
                            </button>
                        </div>
                    </div>
                </form>
            </div>
            <div class="card-content">
                <table class="table table-striped table-hover">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Caisse</th>
                            <th class="text-center">Folio</th>
                            <th>Nom et prénom</th>
                            <th class="text-center">Réf prêt</th>
                            <th class="text-center">Date contrat</th>
                            <th class="text-center">Echeance</th>
                            <th class="text-center">Code produit</th>
                            <th class="text-right">Capital</th>
                            <th class="text-right">Encours</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody style="vertical-align: top">
                        @php
                            $i = 0;
                        @endphp
                        @if(count($contrats)>0)
                            @foreach ($contrats as $contrat)
                            @php $i++ @endphp
                                <tr>
                                    <td>
                                        <x-line-number :nombre="$per_page" :item="$i"/>
                                    </td>
                                    <td>{{$contrat->caisse_id}}</td>
                                    <td class="text-center">{{ $contrat->id_tiers }}</td>
                                    <td>{{ substr(ucfirst($contrat->nom_tiers.' '.$contrat->prenom_tiers),0,25) }}</td>
                                    <td class="text-center">{{ $contrat->id_pret }}</td>
                                    <td class="text-center">{{ (new DateTime($contrat->date_contrat))->format('d/m/Y') }}</td>
                                    <td class="text-center">{{ (new DateTime($contrat->echeance))->format('d/m/Y') }}</td>
                                    <td class="text-center">{{ $contrat->produit_id }}</td>
                                    <td style="text-align: right">{{ number_format($contrat->mtt_capital, '2', ',', ' ') }}</td>
                                    <td style="text-align: right">{{ App\Lib\Format::number($contrat->encours) }}</td>
                                    <td class="text-right">
                                        <a href="{{route('cd.contrat.show', $contrat->id_pret)}}" class=" text-gray-500 hover:text-orange-500 mr-2">
                                            <i class="fal fa-search-plus fa-lg"></i>
                                        </a>
                                        @if($contrat->status_octroi != '0')
                                            <a href="{{route('cd.fiche.show', $contrat->id_pret)}}" class=" text-gray-500 hover:text-orange-500 mr-2" title="Fiche de prêt">
                                                <i class="fal fa-file-spreadsheet fa-lg"></i>
                                            </a>
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        @else
                            <tr>
                                <td colspan="11" class="text-center">
                                    <span class="text-gray-800">La liste est vide</span>
                                </td>
                            </tr>
                        @endif
                    </tbody>
                </table>
            </div>
            @if(!empty($contrats))
                <div class="flex justify-between items-center  mt-3">
                    <div class="text-gray-500 text-sm px-3">
                        {{-- @if($search->employe)
                            {{$search->employe}}
                        @endif --}}
                    </div>
                    <div class="pagination">
                        {{ $contrats->links() }}
                    </div>
                </div>
            @endif
        </div>
    </div>
</div>
@endsection