@extends('layouts.app')

@section('content')

<div class="card w-5/6">

    <div class="card-head">

        <div>
            <i class="fal fa-file-certificate mr-1"></i>
            Calendrier de remboursement
        </div>

        <div class="text-gray-500 space-x-2">
            <a href="{{route('cd.demande.show', $demande->id_demande)}}" class="hover:text-orange-500 fa-lg" title="Demande de prêt">
                <i class="fal fa-file-signature"></i>
            </a>
            <a href="{{route('cd.calendrier.option', $contrat->id_pret)}}" class="hover:text-orange-500" title="Modifier le calendrier">
                <i class="fal fa-edit fa-lg"></i>
            </a>
            <a href="{{route('cd.contrat.show', $contrat->id_pret)}}" class="hover:text-orange-500" title="Contrat de prêt">
                <i class="fal fa-file-certificate fa-lg"></i>
            </a>
            <a href="{{route('cd.fiche.show', $contrat->id_pret)}}" class="hover:text-orange-500">
                <i class="fal fa-file-spreadsheet fa-lg"></i>
            </a>
            <a href="{{route('cd.calendrier.pdf',$contrat->id_pret)}}" class="hover:text-orange-500" title="Imprimer calendrier">
                <i class="fal fa-print fa-lg"></i>
            </a>
        </div>

    </div>

    <div class="card-body">
        <div class="flex flex-col w-full">
            <x-alert></x-alert>
            <x-tiers-bannier :tiers="$tiers"></x-tiers-bannier>
            <div class="card-content">
                <x-credit-header :contrat="$contrat" :retard="$retard"></x-credit-header>
            </div>
            <div class="card-content mt-3">
                <table class="table table-striped table-hover">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th class="text-center">Date</th>
                            <th class="text-right">Solde initial</th>
                            <th class="text-right">Capital</th>
                            <th class="text-right">Intérêt</th>
                            <th class="text-right">Mensualité</th>
                            <th class="text-right">Solde final</th>
                        </tr>
                    </thead>
                    <tbody>
                        @php
                            $i = 0;
                        @endphp

                        @foreach ($echeanciers as $echeancier)
                            @php
                                $i++;
                            @endphp
                            <tr>
                                <td>
                                    <x-line-number :nombre="$per_page" :item="$i"/>
                                </td>
                                <td class="text-center">{{(new DateTime($echeancier->date_oper))->format('d/m/Y')}}</td>
                                <td class="text-right">{{ number_format($echeancier->solde+$echeancier->capital,2,',',' ') }}</td>
                                <td class="text-right">{{ number_format($echeancier->capital,2,',',' ') }}</td>
                                <td class="text-right">{{ number_format($echeancier->interet,2,',',' ') }}</td>
                                <td class="text-right">{{ number_format(($echeancier->capital+$echeancier->interet),2,',',' ') }}</td>
                                <td class="text-right">{{ number_format($echeancier->solde,2,',',' ') }}</td>
                            </tr>
                        @endforeach
                        <tr>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td class="text-right font-bold">{{ number_format($cumul_capital,2,',',' ') }}</td>
                            <td class="text-right font-bold">{{ number_format($cumul_interet,2,',',' ') }}</td>
                            <td class="text-right font-bold">{{ number_format($cumul_capital+$cumul_interet,2,',',' ') }}</td>
                            <td></td>
                        </tr>
                    </tbody>
                </table>
            </div>
            @if(!empty($echeanciers))
                <div class="pagination mt-3">
                    {{ $echeanciers->links() }}
                </div>
            @endif
        </div>
    </div>

</div>

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

<x-msg-box>
    <x-slot name="title">
        Contrat de prêt
    </x-slot>
    Voulez vous réellement autoriser le déblocage de ce prêt ?
</x-msg-box>

@endsection