@extends('layouts.app')

@section('content')
    <div class="card w-full">
        <div class="card-head">
            <div class="font-semibold text-cyan-900 uppercase">
                <i class="fal fa-calendar-alt mr-1"></i>
                Calendrier de remboursement
            </div>
            <div class="text-gray-600 space-x-2">
                <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('tiers.index')}}" class="search">
                    <i class="fal fa-print fa-lg"></i>
                </a>
            </div>
        </div>
        <div class="card-body">
            <x-alert/>

            <div class="flex flex-col">
                <x-tiers-bannier :tiers="$tiers"></x-tiers-bannier>
                <div class="card-content">
                    <table class="table">
                        <tr>
                            <td>Réf. prêt</td>
                            <td class="text-center">Date contrat</td>
                            <td class="text-center">Mtt capital</td>
                            <td class="text-center">Taux d'intrêt</td>
                            <td class="text-center">Objet</td>
                            <td class="text-center">Agent</td>
                        </tr>
                        <tr class="font-bold">
                            <td>{{$contrat->id_pret}}</td>
                            <td class="text-center">
                                {{(new DateTime($contrat->date_contrat))->format(config('myahs.date_format'))}}
                            </td>
                            <td class="text-center">{{App\Lib\Format::number($contrat->mtt_capital)}}</td>
                            <td class="text-center">{{$contrat->taux_interet*100}}%</td>
                            <td class="text-center">{{$demande->objet_pret}}</td>
                            <td class="text-center">
                                <a href="#" class="text-red-500 font-bold underline">{{$contrat->employe_id}}</a>
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="card-content mt-3">
                    <div class="flex mb-3">
                        Veuillez choisir la méthode de calcul des échanciers :
                    </div>
                    <div class="flex space-x-5">
                        <a href="{{route('cd.calendrier.prepare', [
                            'id_pret'  =>$contrat->id_pret,
                            'methode'   =>'1',
                        ])}}" class="btn btn-warning-alt">
                            <i class="fal fa-calendar-alt mr-2"></i>
                            Remboursement type 1
                        </a>
                        <a href="{{route('cd.calendrier.prepare', [
                            'id_pret'  =>$contrat->id_pret,
                            'methode'   =>'2',
                        ])}}" class="btn bg-red-500  border-red-400 hover:bg-red-600 ring-red-300">
                            <i class="fal fa-calendar-alt mr-2"></i>
                            Remboursement type 2
                        </a>
                        <a href="{{route('calendrier.manuel.create', $contrat->id_pret)}}" class="btn bg-cyan-700  border-cyan-600 hover:bg-cyan-600 ring-cyan-300">
                            <i class="fal fa-calendar-alt mr-2"></i>
                            Saisie manuelle
                        </a>
                        <a id="btnImport" href="#" class="btn bg-cyan-500 border-cyan-400 hover:bg-cyan-600 ring-cyan-300">
                            <i class="fal fa-calendar-alt mr-2"></i>
                            Importer un calendrier
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
<x-tiers-modal :tiers="$tiers" :photo="$photo"></x-tiers-photo>

<x-import-file :params="$params">
    <input type="hidden" name="pretId" value="{{$contrat->id_pret}}">
    <input type="hidden" name="folio" value="{{$tiers->id_tiers}}">
</x-import-file>

@endsection
@section('script')
    <script>
        // document.getElementById('imgIdentite').addEventListener("click", function(e){
        //     Modal("#photoTiers", "show");
        // })

        document.getElementById('btnImport').addEventListener('click', function(e){
            e.preventDefault();

            Modal("#modalFile", "show");
        })

        document.getElementById('btnSend').addEventListener('click', function(e){
            document.getElementById('frmFile').submit();
        })

    </script>
@endsection