@extends('layouts.app')


@section('content')
    <div class="card w-4/5">
        <div class="card-head">
            <div class="font-semibold text-cyan-900 uppercase">
                <i class="fal fa-cash-register mr-2"></i>
                REMBOURSEMENT
            </div>
            <div class="space-x-2">
                {{-- <a href="" class="search" title="Changer le mode de remboursement">
                    <i class="fal fa-exchange"></i>
                </a> --}}
            </div>
        </div>
        <div class="card-body">
            <x-alert/>
            <x-tiers-bannier :tiers="$tiers"></x-tiers-bannier>
            <div class="card-content mb-3">
                <table class="table table-simple">
                    <tr>
                        <td class="text-left">Réf prêt</td>
                        <td class="text-right">Encours</td>
                    </tr>
                    <tr class="font-bold">
                        <td>{{$contrat->id_pret}}</td>
                        <td class="text-right">{{number_format($contrat->encours,2,',',' ')}}</td>
                    </tr>
                </table>
            </div>
            <div class="card-content">
                <div class="flex flex-col space-y-4">
                    <div>
                        <div class="font-bold border-b-2 border-gray-300 text-gray-500">
                            Remboursement
                        </div>
                        <div>
                            <table class="w-full">
                                <tr>
                                    <td class="text-gray-500">Capital</td>
                                    <td class="text-right pr-4 text-gray-700">
                                        @if(!empty($next_loan_repayment->capital))
                                        {{number_format($next_loan_repayment->capital,2,',',' ')}}
                                        @else
                                        {{number_format($contrat->mtt_capital,2,',',' ')}}
                                        @endif
                                    </td>
                                </tr>
                                <tr>
                                    <td class="text-gray-500">Intérêt</td>
                                    <td class="text-right pr-4 text-gray-700">
                                        @if(!empty($next_loan_repayment->interet))
                                            {{number_format($next_loan_repayment->interet,2,',',' ')}}
                                        @else
                                            {{number_format(0,2,',',' ')}}
                                        @endif
                                    </td>
                                </tr>
                                <tr>
                                    <td class="text-gray-500">Pénalité</td>
                                    <td class="text-right pr-4 text-gray-700">
                                        @if(!empty($next_loan_repayment->penalite))
                                        {{number_format($next_loan_repayment->penalite,2,',',' ')}}
                                        @else
                                            {{number_format(0,2,',',' ')}}
                                        @endif
                                    </td>
                                </tr>
                                <tr class="font-bold">
                                    <td class="border-t-2 border-b-2 border-gray-300 text-gray-500">Total</td>
                                    <td class="border-t-2 border-b-2 text-right font-bold border-gray-300  pr-4 text-gray-700">
                                        @if(!empty($next_loan_repayment->total))
                                            {{number_format($next_loan_repayment->total,2,',',' ')}}
                                        @else
                                            {{number_format($contrat->mtt_capital,2,',',' ')}}
                                        @endif
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                    <div class="pt-5">
                        <form id="frmCaisse" method="post" action="{{$url}}">
                            @csrf
                            <input type="hidden" name="pretId" value="{{$contrat->id_pret}}">
                            <input type="hidden" name="modePaiement" value="{{$mode_paiement}}">
                            <input type="hidden" name="thCapital" value="{{$next_loan_repayment->capital}}">
                            <input type="hidden" name="thInteret" value="{{$next_loan_repayment->interet}}">
                            <input type="hidden" name="thPenalite" value="{{$next_loan_repayment->penalite}}">
                            <input type="hidden" name="modeSaisie" value="1">
                            <input type="hidden" name="mttMin" value="0">
                            <div class="space-y-3">
                                <div>
                                    <div class="text-sm text-gray-500">
                                        N° pièce
                                    </div>
                                    <div>
                                        <div>
                                            <select name="modePaiement" class="form-control">
                                                <option value="">-- MODE DE PAIEMENT --</option>
                                                @foreach (config('guichet.mode_paiement') as $key => $mode)
                                                    <option value="{{$key}}">{{$mode}}</option>                                                
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <div class="text-sm text-gray-500">
                                        Montant
                                    </div>
                                    <div>
                                        @php
                                            $total = !empty($next_loan_repayment->total) ? $next_loan_repayment->total : 0;
                                        @endphp
                                        <input type="text" name="montant" value="{{!empty(old('montant')) ? old('montant') : round($total,2)}}" class="form-control" required>
                                        @error('montant')
                                            <span class="text-red-500 text-sm">{{$message}}</span>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>

            <div class="py-2">
                <button id="btnSave" class="msg-box-show btn btn-warning">
                    <i class="fal fa-check mr-1"></i>
                    Enregistrer
                </button>

                <a href="{{route('gt.credit.guichet', 'remb')}}" class="inline-block btn btn-dark">
                    <i class="fal fa-times mr-1"></i>
                    Annuler
                </a>
            </div>

        </div>
    </div>
    <x-tiers-modal :tiers="$tiers"></x-tiers-modal>
    <x-msg-box>
        <x-slot name="title">
            Opération
        </x-slot>
        Voulez vous réellement valider cette opération ?
    </x-msg-box>
@endsection

@section('script')
<script>
    document.getElementById("frmCaisse").addEventListener("submit", function(e){
        e.preventDefault();
    });

    document.getElementById("btnSave").addEventListener("click", function(e){
        e.preventDefault();
        Modal("#MsgBox", "show");
    })
    document.getElementById("btnYes").addEventListener("click", function(e){
        e.preventDefault();
        document.getElementById("frmCaisse").submit();
    });
</script>
@endsection