@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-book-open mr-1"></i>
                Crédit
            </div>
            <div class="space-x-2 text-gray-500 mb-2">
                <button data-pret="octroi" class="btn-pret btn-simple text-rose-500 hover:text-orange-500 font-semibold" title="Ajouter remboursement">
                    <i class="fal fa-level-up fa-lg"></i>
                    Octroi
                </button>
                <button data-pret = "remb" class="btn-pret btn-simple text-yellow-700 hover:text-orange-500 font-semibold" title="Ajouter remboursement">
                    <i class="fal fa-level-down fa-lg"></i>
                    Remb.
                </button>
                <a href="{{route('jr.edit.epargne.index', $journal->id_journal)}}" class="hover:text-orange-500">
                    <i class="fal fa-sack-dollar fa-lg"></i>
                    Epargne
                </a>
                <a href="#" class="hover:text-orange-500">
                    <i class="fal fa-donate fa-lg"></i>
                    Part social
                </a>
                <a href="{{route('jr.edit.credit.forget',$journal->id_journal)}}" class="hover:text-orange-500" title="Effacer la recherche">
                    <i class="fad fa-eraser fa-lg"></i>
                </a>
            </div>
        </div>
        <div class="card-body">
            <x-alert/>

            @if($errors->any())
                <div class="text-red-800 text-sm bg-red-200 border border-red-500 px-5 py-2 shadow-md rounded-md border-opacity-60">
                    @foreach ($errors->all() as $error)
                        {{str_replace('.',', ',$error)}}
                    @endforeach
                </div>
            @endif
            @if(!empty($request->mode)   && $typeOper == 'remb')
                <div class="card-content mb-3">
                    <table class="table table-hover table-striped">
                        <thead>
                            <tr>
                                <th>Réf de prêt</th>
                                <th>Nom et prénoms</th>
                                <th class="text-center">Date octroi</th>
                                <th class="text-center">Echéance</th>
                                <th class="text-center">Jr. Retard</th>
                                <th class="text-right">Mtt octroyé</th>
                                <th class="text-right">Mtt remboursé</th>
                                <th class="text-right">Encours</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @if(count($encours)>0)
                                @foreach ($encours as $enc)
                                    <tr>
                                        <td>{{$enc->ref_pret}}</td>
                                        <td>{{$tiers->nom_tiers}} {{$tiers->prenom_tiers}}</td>
                                        <td class="text-center">{{(new DateTime($enc->date_octroi))->format('d/m/Y')}}</td>
                                        <td class="text-center">{{(new DateTime($enc->echeance))->format('d/m/Y')}}</td>
                                        <td class="text-center">
                                            @if($enc->nb_jour_retard>0)
                                            <span class="bg-red-500 text-white font-semibold px-2 py-1 rounded-full shadow-md">
                                                {{$enc->nb_jour_retard}}
                                            </span>
                                            @endif
                                        </td>
                                        <td class="text-right">{{number_format($enc->debit,2,',',' ')}}</td>
                                        <td class="text-right">{{number_format($enc->credit,2,',',' ')}}</td>
                                        <td class="text-right">{{number_format($enc->encours,2,',',' ')}}</td>
                                        <td class="text-right">
                                            <a href="{{route('jr.edit.credit.index', [
                                                'id_journal'    =>$journal->id_journal,
                                                'mode'    =>'mod2',
                                                'id'    =>$enc->ref_pret,
                                            ])}}"
                                                class="text-cyan-900 hover:text-orange-500 mr-2" title="Remboursement">
                                                <i class="fad fa-exchange fa-xl fa-lg"></i>
                                            </a>
                                            <a href="{{route('cd.calendrier.show', ['ref_pret'=>str_replace('/','-', $enc->ref_pret)])}}" class="mr-2 text-gray-500 hover:text-gray-700" title="Echéancier">
                                                <i class="fal fa-calendar-alt fa-lg"></i>
                                            </a>
                                            <a href="{{route('cd.fiche', ['ref_pret'=>str_replace('/','-', $enc->ref_pret)])}}" class="mr-2 text-gray-500 hover:text-gray-700" title="Fihce de prêt">
                                                <i class="fal fa-file-spreadsheet fa-lg"></i>
                                            </a>
                                        </td>
                                    </tr>
                                @endforeach
                            @else
                                <tr>
                                    <td colspan="9" class="text-center">Aucun encours</td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                </div>
            @endif

            @if(!empty($request->mode)   && $typeOper == 'octroi')
            <div class="card-content mb-3">
                <table class="table table-hover table-striped">
                    <thead>
                        <tr>
                            <th>Réf de prêt</th>
                            <th>Mtt capital</th>
                            <th class="text-center">Date contrat</th>
                            <th class="text-center">Echéance</th>
                            <th class="text-right">Reste à octroyer</th>
                            <th class="text-right">Mtt octroyé</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @if(count($encours)>0)
                            @foreach ($encours as $enc)
                                <tr>
                                    <td>{{$enc->ref_pret}}</td>
                                    <td>{{number_format($enc->mtt_capital,2,',',' ')}}</td>
                                    <td class="text-center">{{(new DateTime($enc->date_octroi))->format('d/m/Y')}}</td>
                                    <td class="text-center">{{(new DateTime($enc->echeance))->format('d/m/Y')}}</td>
                                    <td class="text-right">{{number_format(($enc->mtt_capital-$enc->mtt_octroye),2,',',' ')}}</td>
                                    <td class="text-right">{{number_format($enc->mtt_octroye,2,',',' ')}}</td>
                                    <td class="text-right">
                                        <a href="{{route('jr.edit.credit.index', [
                                            'id_journal'    =>$journal->id_journal,
                                            'mode'    =>'octroi',
                                            'id'    =>$enc->ref_pret,
                                        ])}}" class="text-red-500 hover:text-orange-700 mr-2" title="Déblocage de prêt">
                                            <i class="fad fa-plus-circle fa-xl"></i>
                                        </a>
                                    </td>
                                </tr>
                            @endforeach
                        @else
                            <tr>
                                <td colspan="7" class="text-center">Aucun prêt à octroyer</td>
                            </tr>
                        @endif
                    </tbody>
                </table>
            </div>

            @endif
            @if(!empty($operation->ref_pret))
                @if($typeOper == 'remb')
                <div class="flex justify-end border-b border-t py-2 mb-3">
                    <form id="frmEpargne" method="post" action="{{$url}}" class="w-full">
                        @csrf
                        <input type="hidden" name="route" value="1">
                        <input type="hidden" name="typeOper" value="remb">
                        <input type="hidden" name="journalId" value="{{$journal->id_journal}}">
                        <input type="hidden" name="refPret" value="{{$operation->ref_pret}}">
                        @if(!empty($operation->id_oper))
                            <input type="hidden" name="idOper" value="{{$operation->id_oper}}">
                        @endif
                        <div class="flex justify-end space-x-3 w-full">
                            <div class="flex items-center space-x-2 w-64 font-semibold text-gray-500">
                                Réf : {{$operation->ref_pret}}
                            </div>
                            <div class="flex items-center space-x-2 w-64 font-semibold text-gray-500">
                                Solde : {{App\Lib\Format::number($operation->solde)}}
                            </div>
                            <div class="flex items-center space-x-2 w-48">
                                <input type="text" name="numPiece"
                                    value="{{ !empty($operation->num_piece) ? $operation->num_piece : old('numPiece') }}"
                                    placeholder="N° pièce"
                                    class="form-control"/>
                            </div>
                            <div class="flex items-center space-x-2 w-48">
                                <input type="text" name="capital"
                                    value="{{ !empty($operation->credit) ? $operation->credit : old('capital') }}"
                                    placeholder="Capital"
                                    class="form-control"/>
                            </div>
                            <div class="flex items-center space-x-2 w-48">
                                <input type="text" name="interet"
                                    value="{{ !empty($operation->interet) ? $operation->interet : old('interet') }}"
                                    placeholder="Intérêt"
                                    class="form-control"/>
                            </div>
                            <div class="flex items-center space-x-2 w-48">
                                <input type="text" name="penalite"
                                    value="{{ !empty($operation->penalite) ? $operation->penalite : old('penalite') }}"
                                    placeholder="Pénalité"
                                    class="form-control"/>
                            </div>
                            <div>
                                <button id="btnSave" type="button" class="btn btn-warning">
                                    <i class="fal fa-save mr-1"></i>
                                    Save
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
                @endif
                @if($typeOper == 'octroi')
                <div class="flex justify-end border-b border-t py-2 mb-3">
                    <form id="frmEpargne" method="post" action="{{$url}}" class="w-full">
                        @csrf
                        <input type="hidden" name="route" value="1">
                        <input type="hidden" name="typeOper" value="octroi">
                        <input type="hidden" name="journalId" value="{{$journal->id_journal}}">
                        <input type="hidden" name="refPret" value="{{$operation->ref_pret}}">
                        @if(!empty($operation->id_oper))
                            <input type="hidden" name="idOper" value="{{$operation->id_oper}}">
                        @endif
                        <div class="flex justify-end space-x-3 w-full">
                            <div class="flex items-center space-x-2 w-48">
                                <input type="text" name="numPiece"
                                    value="{{ $operation->ref_pret }}"
                                    readonly
                                    class="form-control"/>
                            </div>
                            <div class="flex items-center space-x-2 w-48">
                                <input type="text" name="numPiece"
                                    value="{{ !empty($operation->num_piece) ? $operation->num_piece : old('numPiece') }}"
                                    placeholder="N° pièce"
                                    class="form-control"/>
                            </div>
                            <div class="flex items-center space-x-2 w-64">
                                <input type="text" name="capital"
                                    value="{{ !empty($operation->debit) ? $operation->debit : old('capital') }}"
                                    placeholder="Capital"
                                    class="form-control"/>
                            </div>
                            <div>
                                <button id="btnSave" type="button" class="btn btn-warning">
                                    <i class="fal fa-save mr-1"></i>
                                    Save
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
                @endif
            @endif
            @if(empty($request->mode))
                <div class="flex justify-end mb-3">
                    <form id="frmEpargne" method="post" action="{{route('jr.edit.credit.index', $journal->id_journal)}}" class="w-full">
                        @csrf
                        <input type="hidden" name="route" value="2">
                        <div class="flex justify-end space-x-3 w-full">
                            <div class="flex items-center space-x-2 w-1/4">
                                <input type="text" name="pret"
                                    value="{{ !empty($search2->pret) ? $search2->pret : '' }}"
                                    placeholder="Réf de prêt, Folio"
                                    class="form-control"/>
                            </div>
                            <div>
                                <button type="submit" class="btn btn-warning">
                                    <i class="fal fa-search"></i>
                                </button>
                                {{-- <a href="{{route('jr.edit.credit.forget',$journal->id_journal)}}" class="btn btn-yellow inline-block">
                                    <i class="fad fa-eraser"></i>
                                </a> --}}
                            </div>
                        </div>
                    </form>
                </div>
            @endif
            <div class="flex flex-col space-y-4">

                <div class="card-content">
                    <table class="table table-hover table-striped">
                        <thead>
                            <tr>
                                <th>N°</th>
                                <th>Réf prêt</th>
                                <th>Folio</th>
                                <th>Nom et prénoms</th>
                                <th>N° Pièce manuel</th>
                                <th class="text-right">Octroi</th>
                                <th class="text-right">Remb.</th>
                                <th class="text-right">Intérêt</th>
                                <th class="text-right">Pénalité</th>
                                <th></th>

                            </tr>
                        </thead>
                        <tbody>
                            @php $i = 0 @endphp

                            @foreach ($operations as $operation)

                                @php
                                    $i++ ;

                                    $solde_before = $operation->solde_avant + $operation->debit - $operation->credit;

                                @endphp

                                <tr>
                                    <td>{{$i}}</td>
                                    <td>{{$operation->ref_pret}}</td>
                                    <td>{{$operation->tiers_id}}</td>
                                    <td>{{$operation->nom_tiers}} {{$operation->prenom_tiers}}</td>
                                    <td>{{$operation->num_piece}}</td>
                                    <td class="text-right">{{App\Lib\Format::number($operation->debit)}}</td>
                                    <td class="text-right">{{App\Lib\Format::number($operation->credit)}}</td>
                                    <td class="text-right">{{App\Lib\Format::number($operation->interet)}}</td>
                                    <td class="text-right">{{App\Lib\Format::number($operation->penalite)}}</td>
                                    <td class="text-right">
                                        <a href="{{route('cd.fiche', $operation->ref_pret)}}" class="mr-2" title="Afficher les écritures">
                                            <i class="fal fa-file-spreadsheet fa-lg"></i>
                                        </a>
                                        <a href="{{route('jr.edit.credit.index', [
                                            'id_journal'    =>$journal->id_journal,
                                            'mode'    =>'mod3',
                                            'id'    =>$operation->ref_pret,
                                            'oper'    =>$operation->id_oper,
                                        ])}}" class="mr-2" title="Afficher les écritures">
                                            <i class="fal fa-edit fa-lg"></i>
                                        </a>
                                        <a href="#" data-oper="{{$operation->id_oper}}" class="btn-delete mr-2 text-gray-500 hover:text-gray-700">
                                            <i class="fal fa-trash-alt fa-lg"></i>
                                        </a>
                                    </td>
                                </tr>

                            @endforeach
                            <tr>
                                <td colspan="5" class="font-bold text-right">TOTAL</td>
                                <td class="text-right font-bold">{{App\Lib\Format::number(!empty($sum->debit)?$sum->debit:0)}}</td>
                                <td class="text-right font-bold">{{App\Lib\Format::number(!empty($sum->credit)?$sum->credit:0)}}</td>
                                <td class="text-right font-bold">{{App\Lib\Format::number(!empty($sum->interet)?$sum->interet:0)}}</td>
                                <td class="text-right font-bold">{{App\Lib\Format::number(!empty($sum->penalite)?$sum->penalite:0)}}</td>
                                <td></td>
                            </tr>

                        </tbody>
                    </table>
                </div>
                @if(!empty($operations))
                    <div class="pagination">
                        {{ $operations->links() }}
                    </div>
                @endif
            </div>
            <form id="frmDelete" method="post" action="{{route('jr.edit.credit.destroy')}}">
                @csrf
                <input type="hidden" name="journalId" value="{{$journal->id_journal}}">
                <input type="hidden" name="numOper" id="numOper">
            </form>
        </div>
    </div>

    <x-form-modal>
        <x-slot name="title">
            <div class="flex justify-between w-full">
                Recherche
            </div>
        </x-slot>
            <form id="frmSearch" method="post" action="{{route('jr.edit.credit.search', $journal->id_journal)}}" class="w-full">
                @csrf
                <input type="hidden" name="route" value="1">
                <input type="hidden" name="typeOper" id="typeOper">
                <div class="flex items-center space-x-3">
                    <div class="w-full">
                        <input type="text" id="folio" name="folio" value="{{$journal->caisse_id}}" class="form-control" placeholder="Folio">
                    </div>
                    <div>
                        <button type="submit" class="btn btn-warning">
                            <i class="fal fa-search"></i>
                        </button>
                    </div>
                </div>
            </form>
        <x-slot name="footer">

        </x-slot>
    </x-form-modal>

    <x-msg-box>
        <x-slot name="title">
            Crédit
        </x-slot>
       <p id="msgText">Voulez vous réellement enregister ?</p>
    </x-msg-box>
@endsection

@section('script')
    <script>

        let action = 'mod23';

        let btnPret = document.querySelectorAll(".btn-pret");

        btnPret.forEach(btn => {

                btn.addEventListener("click", function(e){
                    action = 'mod23';

                    document.getElementById('typeOper').setAttribute('value', btn.getAttribute('data-pret'))
                    Modal(".modal", "show");
                    let searchFolio = document.getElementById("folio")
                        searchFolio.focus();
                        searchFolio.selectionStart = searchFolio.value.length;
                })

        });

        let destroy = document.querySelectorAll('.btn-delete')

        destroy.forEach(elt => {

                elt.addEventListener('click', function(e){
                    e.preventDefault();

                    document.getElementById('numOper').setAttribute('value', elt.getAttribute('data-oper'))

                    action = 'mod4'

                    document.getElementById('msgText').textContent = "Voulez vous réellement supprimer cette opération ?";

                    Modal('#MsgBox', "show");

                })

        });

        let btnSave = document.getElementById('btnSave');

        if(btnSave !== null){

            btnSave.addEventListener('click', function(e){
                action = 'mod23';

                document.getElementById('msgText').textContent = "Voulez vous réellement enregister ?";

                Modal('#MsgBox', "show");
            })

        }



        document.getElementById('btnYes').addEventListener('click', function(e){

            if(action == 'mod23'){
                document.getElementById('frmEpargne').submit();
            }

            if(action == 'mod4'){
                document.getElementById('frmDelete').submit();
            }
        })

    </script>
@endsection