@extends('layouts.app')

@php

    $capital_repayment = !empty($next_loan_repayment->capital) ? $next_loan_repayment->capital : 0;
    $interet_repayment = !empty($next_loan_repayment->interet) ? $next_loan_repayment->interet : 0;
    $penalite_repayment = !empty($next_loan_repayment->penalite) ? ceil($next_loan_repayment->penalite) : 0;

@endphp

@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="{{$url_oper}}" 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-simple">
                    <thead>
                        <tr>
                            <th>Réf prêt</th>
                            <th>Encours</th>
                            <th>Capital</th>
                            <th>Intérêt</th>
                            <th>Pénalité</th>
                            <th>Net à Payer</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>{{$contrat->id_pret}}</td>
                            <td>{{App\Lib\Format::number($contrat->encours)}}</td>
                            <td>
                                @if(!empty($next_loan_repayment->capital))
                                {{App\Lib\Format::number($next_loan_repayment->capital)}}
                                @else
                                {{App\Lib\Format::number($contrat->mtt_capital)}}
                                @endif
                            </td>
                            <td>
                                @if(!empty($next_loan_repayment->interet))
                                    {{App\Lib\Format::number($next_loan_repayment->interet)}}
                                @else
                                    {{App\Lib\Format::number(0)}}
                                @endif
                            </td>
                            <td>
                                @if(!empty($next_loan_repayment->penalite))
                                {{App\Lib\Format::number($next_loan_repayment->penalite)}}
                                @else
                                    {{App\Lib\Format::number(0)}}
                                @endif
                            </td>
                            <td>
                                @if(!empty($next_loan_repayment->total))
                                    <span class="font-bold text-orange-600">{{App\Lib\Format::number($next_loan_repayment->total)}}</span>
                                @else
                                    <span>{{App\Lib\Format::number($contrat->mtt_capital)}}</span>
                                @endif
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="card-content">
                <div class="bg-gray-400 px-5 py-1 text-gray-200 font-bold">
                    Remboursement
                </div>
                <div class="pt-5">
                    <form id="frmCaisse" method="post" action="{{route('gt.credit.store', $contrat->id_pret)}}">
                        @csrf
                        <input type="hidden" name="pretId" value="{{$contrat->id_pret}}">
                        <input type="hidden" name="modeSaisie" value="2">
                        <input type="hidden" name="mttMininum" value="0">
                        <div class="space-y-3">
                            
                            <div>
                                <div class="text-sm text-gray-500">
                                    Mode de paiement
                                </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 class="text-sm text-gray-500">
                                    Capital
                                </div>
                                <div>
                                    <input type="text" name="capital" value="{{!empty(old('capital')) ? old('capital') : $capital_repayment}}" class="form-control" required>
                                </div>
                            </div>

                            <div>
                                <div class="text-sm text-gray-500">
                                    Intérêt
                                </div>
                                <div>
                                    @php
                                        $total = !empty($next_loan_repayment->total) ? $next_loan_repayment->total : 0;
                                    @endphp
                                    <input type="text" name="interet" value="{{!empty(old('interet')) ? old('interet') : $interet_repayment}}" class="form-control" required>
                                </div>
                            </div>

                            <div>
                                <div class="text-sm text-gray-500">
                                    pénalité
                                </div>
                                <div>
                                    @php
                                        $total = !empty($next_loan_repayment->total) ? $next_loan_repayment->total : 0;
                                    @endphp
                                    <input type="text" name="penalite" value="{{!empty(old('penalite')) ? old('penalite') : $penalite_repayment}}" class="form-control" required>
                                </div>
                            </div>

                        </div>
                    </form>
                </div>
            </div>
            <div class="py-2">
                <button 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>
        <div>
            <div class="font-bold text-lg">Statut de l'opération</div>

            <ul>
                <li>Mode de paiement :

                    @if($mode_paiement == "1")
                        <span class="text-green-500 uppercase font-bold">espèce</span>
                    @endif
                    @if($mode_paiement == "2")
                        <span class="text-orange-500 uppercase font-bold">virement</span>
                    @endif

                </li>
            </ul>

        </div>
        <div class="mt-10">
            Voulez vous réellement valider cette opération ?
        </div>
    </x-msg-box>
@endsection

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

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