@extends('legal.rapport')

@section('content')
    <div class="w-full">
        <div class="card">
            <div class="card-head">
                <div class="font-semibold text-cyan-900 uppercase">
                    <i class="fal fa-balance-scale mr-2"></i>
                    <span class="text-md font-semibold">CDR/BIC</span>
                    @if(!empty($search->date_reference))
                        <span class="text-md font-semibold"> au </span>
                        <span class="text-orange-500 font-semibold">{{ (new DateTime($search->date_reference))->format('d/m/Y') }}</span>
                    @endif
                </div>
                <div class="space-x-3 text-gray-500">
                    <a href="{{route('cd.cdr.export', 'cdr-credit')}}" class="inline-block hover:text-orange-500" title="Télécharger CDR Crédit">
                        <i class="fal fa-download mr-1"></i>
                        <span class="text-xs">CDR</span>
                    </a>
                    <a href="{{route('cd.cdr.export', ['type_rapport'=>'cdr-tiers'])}}" class="inline-block  hover:text-orange-500" title="Télécharger CDR Tiers">
                        <i class="fal fa-users mr-1"></i>
                        <span class="text-xs">Tiers</span>
                    </a>
                    <a href="{{route('cd.cdr.export', ['type_rapport'=>'scr-tiers'])}}" class="inline-block  hover:text-orange-500" title="Télécharger SCR Tiers">
                        <i class="fal fa-users mr-1"></i>
                        <span class="text-xs">Tiers SCR</span>
                    </a>
                    <a href="{{route('cd.cdr.export', ['type_rapport'=>'cdr-compta'])}}" class="inline-block  hover:text-orange-500" title="Télécharger CDR Comptabilité">
                        <i class="fal fa-balance-scale mr-1"></i>
                        <span class="text-xs">Compta</span>
                    </a>
                    <a href="{{route('cd.cdr.export', ['type_rapport'=>'bic'])}}" class="inline-block  hover:text-orange-500" title="Télécharger au format CSV">
                        <i class="fal fa-download mr-1"></i>
                        <span class="text-xs">BIC</span>
                    </a>
                    <a href="{{route('cd.cdr.export', ['type_rapport'=>'scr-credit'])}}" class="inline-block  hover:text-orange-500" title="Télécharger au format CSV">
                        <i class="fal fa-download mr-1"></i>
                        <span class="text-xs">SCR</span>
                    </a>
                </div>
            </div>
            <div class="card-body">

                @php
                    $month_1 = date('m') == 1 ? 12 : date('m') - 1;
                @endphp

                <x-alert></x-alert>

                <div class="flex justify-between mb-3">
                    <div>
                        <button id="calculCdr" class="btn btn-orange">
                            <i class="fal fa-calendar-alt mr-2"></i>
                            Sélectionner la période
                        </button>
                    </div>
                    <div>
                        <form id="frmSearch" method="post" action="{{ route('cd.cdr.search')}}">
                            @csrf
                            <input type="hidden" name="date_arret" value="{{!empty($search->date_arret) ? $search->date_arret : null }}">
                            <div class="flex items-end space-x-5">
                                <div class="flex items-center w-48">
                                    <select name="month" class="form-control">
                                        @php $month = !empty($search->month) ? $search->month : $month_1 @endphp
                                        <option value="">-- MOIS --</option>
                                        @foreach (App\Lib\Periode::month() as $key=>$item)
                                            <option value="{{ $key }}" {{ $key == $month ? 'selected' : '' }} >
                                                {{ mb_strtoupper($item,'UTF-8') }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="flex items-center w-36">
                                    <select name="year" class="form-control">
                                        @php $year = !empty($search->year) ? $search->year : date('Y') @endphp
                                        <option value="">-- ANNEE --</option>
                                        @foreach ($annees as $annee)
                                            <option value="{{ $annee->year }}" {{ $annee->year == $year ? 'selected' : '' }} >
                                                {{ $annee->year }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="flex space-x-2">
                                    <button type="submit" class="btn btn-warning">
                                        <i class="fal fa-search"></i>
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="card-content">
                    <table class="table table-striped table-hover">
                        <thead>
                            <tr>
                                <th class="text-center">Caisse </th>
                                <th class="text-center">Folio</th>
                                <th>Nom et prénoms</th>
                                <th class="text-center">CIN</th>
                                <th class="text-center">Réf prêt</th>
                                <th class="text-right">Capital</th>
                                <th class="text-center">Date contrat</th>
                                <th class="text-center">Echéance</th>
                                <th class="text-right">Encours</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @if(count($encours)>0)
                                @foreach ($encours as $enc)
                                    <tr>
                                        <td class="text-center">{{ $enc->caisse_id}}</td>
                                        <td class="text-center">{{ $enc->tiers_id}}</td>
                                        <td>{{ $enc->nom_tiers.' '.$enc->prenom_tiers }}</td>
                                        <td class="text-center">{{ $enc->cin}}</td>
                                        <td class="text-center">{{ $enc->ref_pret}}</td>
                                        <td class="text-right">{{ number_format($enc->mtt_capital,2,',',' ') }}</td>
                                        <td class="text-center">{{ (new DateTime($enc->date_contrat))->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->encours,2,',',' ') }}</td>
                                        <td class="text-right">
                                            <a href="{{route('cd.fiche.show', $enc->pret_id)}}" class="text-gray-500 hover:text-orange-500 mr-2">
                                                <i class="fal fa-file-spreadsheet fa-lg"></i>
                                            </a>
                                        </td>
                                    </tr>
                                @endforeach
                            @else
                                <tr>
                                    <td colspan="10" class="text-center">
                                        La liste est vide.
                                    </td>
                                </tr>
                            @endif
                            <tr class="font-bold">
                                <td colspan="8" class="text-right">TOTAL</td>
                                <td class="text-right">{{ number_format($sum_cdr,2,',',' ') }}</td>
                                <td></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="flex justify-between mt-3">
                    <div></div>
                    @if(count($encours)>0)
                        <div class="pagination">
                            {{ $encours->links() }}
                        </div>
                    @endif
                </div>
            </div>
        </div>
        <x-form-modal>
            <x-slot name="title">
                <i class="fal fa-balance-scale mr-2"></i>
                Calcul CDR
            </x-slot>

            <div class="w-full mb-3">
                <form id="frmDateArret" action="{{route('cd.cdr.store')}}" method="post">
                    @csrf
                    <div class="flex flex-col space-y-6">
                        <p>
                            Veuillez renseigner la date de cette balance
                        </p>
                        <div class="flex w-full space-x-4">
                            <div class="flex flex-1 space-x-2">
                                <div class="w-1/2">
                                    <input type="text" name="year" value="{{date('Y')}}" class="form-control">
                                </div>
                                <div class="w-1/2">
                                    <select name="month" class="form-control">
                                        <option value="">-- MOIS --</option>
                                        @foreach (App\Lib\Periode::month() as $key=>$item)
                                            <option value="{{ $key }}" {{ $key == $month_1 ? 'selected' : '' }} >
                                                {{ mb_strtoupper($item,'UTF-8') }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="flex space-x-2">
                                <div>
                                    <input type="checkbox" name="new" id="" class="checkbox">
                                </div>
                                <div>
                                    Forcer le calcul
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <x-slot name="footer">
                <div>
                    <x-spinner>
                        Calcul de la balance en cours, veuillez patienter ou
                        <a href="{{route('cd.cdr.index')}}" class="text-orange-500 font-semibold underline">Annuler</a>
                    </x-spinner>
                </div>
                <div class="flex w-full justify-center space-x-3">
                    <button id="btnTerminer"  type="button" class="btn btn-warning hidden">
                        <i class="fal fa-check mr-2"></i>
                        Terminer
                    </button>
                    <button id="btnValider"  type="button" class="btn btn-warning-alt">
                        <i class="fal fa-check mr-2"></i>
                        Valider
                    </button>
                    <button type="button" class="btn-modal-close btn btn-dark">
                        <i class="fal fa-times mr-2"></i>
                        Annuler
                    </button>
                </div>
            </x-slot>
        </x-form-modal>
    </div>
@endsection

@section('script')
    <script>
        $("#calculCdr").click(function(){
            Modal('#frmModal', 'show');
        })
        $("#btnValider").click(function(){
            $(".spiner").removeClass('hidden').addClass('flex');
            $(this).addClass('hidden');
            $(".btn-modal-close").addClass('hidden');

            $.post('{{route("cd.cdr.store")}}', $( "#frmDateArret" ).serialize())
             .done(function(data){
                    $("#btnTerminer").removeClass('hidden').addClass('block');
                    $(".spiner").removeClass('flex').addClass('hidden');

                    console.log(data);
                })
        })

        $("#btnTerminer").click(function(){
            $("#frmSearch").submit();
        })
    </script>
@endsection