@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-car-side mr-1"></i>
            revenus / Dépenses @if(!empty($tiers->id_tiers)): <span class="text-orange-500">{{$tiers->id_tiers}}</span>@endif
        </div>
        <div class="text-gray-500">
            <a href="{{route('cd.dette.create', $demande->id_demande)}}" class="hover:text-orange-500 mr-2">
                <i class="fal fa-plus fa-lg"></i>
            </a>
            <a href="{{route('cd.demande.show', $demande->id_demande)}}" class="hover:text-orange-500" title="Demande de prêt">
                <i class="fal fa-file-signature fa-lg"></i>
            </a>
        </div>
    </div>
    <div class="card-body">
        <x-alert></x-alert>
        <x-tiers-bannier :tiers="$tiers"></x-tiers-bannier>
        @if(!empty($demande->id_demande))
            <div class="card-content">
                <x-demande-pret-head :demande="$demande"></x-demande-pret-head>
            </div>
        @endif
        <div class="card-content mt-3">
            <div class="text-cyan-600 font-bold">
                Revenus
            </div>
            <table class="table table-hover">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>Description</th>
                        <th class="text-center">Fréquence</th>
                        <th class="text-right">Valeur</th>
                        <th class="text-right">
                            <button  class="btn-revenu mr-2 hover:text-orange-100"
                            data-nature="R"
                            data-label="Revenus">
                                <i class="fal fa-plus fa-lg"></i>
                            </button>
                        </th>
                    </tr>
                </thead>
                <tbody>
                    @php
                        $i = 0;
                        $sum_revenu = 0;
                    @endphp
                    @foreach ($revenus as $revenu)
                        @php
                            $i++;
                            $sum_revenu += $revenu->valeur;
                        @endphp
                        <tr>
                            <td style="width: 10%">{{$i}}</td>
                            <td>{{$revenu->description}}</td>
                            <td style="width: 10%" class="text-center">{{$revenu->frequence}}</td>
                            <td style="width: 10%" class="text-right">{{App\Lib\Format::number($revenu->valeur)}}</td>
                            <td class="text-right" style="width: 10%">
                                <a href="{{route('cd.revenu.destroy', $revenu->id_revenu)}}" class="mr-2 text-red-500 hover:text-orange-500">
                                    <i class="fal fa-times fa-lg"></i>
                                </a>
                            </td>
                        </tr>
                    @endforeach
                    @if($i == 0)
                    <tr>
                        <td colspan="7" class="text-center">La liste est vide</td>
                    </tr>
                    @endif
                    @if($i > 0)
                    <tr class="font-bold">
                        <td colspan="3" class="text-right">TOTAL</td>
                        <td class="text-right">{{App\Lib\Format::number($sum_revenu)}}</td>
                        <td></td>
                    </tr>
                    @endif
                </tbody>
            </table>
        </div>

        <div class="card-content mt-3">
            <div class="text-cyan-600 font-bold">
                Dépenses
            </div>
            <table class="table table-hover">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>Description</th>
                        <th class="text-center">Fréquence</th>
                        <th class="text-right">Valeur</th>
                        <th class="text-right">
                            <button class="btn-revenu mr-2 hover:text-orange-100"
                            data-nature="D"
                            data-label="Dépenses">
                                <i class="fal fa-plus fa-lg"></i>
                            </button>
                        </th>
                    </tr>
                </thead>
                <tbody>
                    @php
                        $i = 0;
                        $sum_depense = 0;
                    @endphp
                    @foreach ($depenses as $depense)
                        @php
                            $i++;
                            $sum_depense += $depense->valeur;
                        @endphp
                        <tr>
                            <td style="width: 10%">{{$i}}</td>
                            <td>{{$depense->description}}</td>
                            <td style="width: 10%" class="text-center">{{$depense->frequence}}</td>
                            <td style="width: 10%" class="text-right">{{App\Lib\Format::number($depense->valeur)}}</td>
                            <td class="text-right" style="width: 10%">
                                <a href="{{route('cd.revenu.destroy', $depense->id_revenu)}}" class="mr-2 text-red-500 hover:text-orange-500">
                                    <i class="fal fa-times fa-lg"></i>
                                </a>
                            </td>
                        </tr>
                    @endforeach
                    @if($i == 0)
                    <tr>
                        <td colspan="7" class="text-center">La liste est vide</td>
                    </tr>
                    @endif
                    @if($i > 0)
                    <tr class="font-bold">
                        <td colspan="3" class="text-right">TOTAL</td>
                        <td class="text-right">{{App\Lib\Format::number($sum_depense)}}</td>
                        <td></td>
                    </tr>
                    @endif
                </tbody>
            </table>
        </div>

        <div class="mt-3">
        </div>
    </div>
</div>
<x-form-modal>
    <x-slot name="title">Agent de crédit</x-slot>
    <div class="flex flex-col w-full">
        <div id="natureLabel" class="flex justify-center text-xl w-full font-bold border-b mb-5"></div>
        <form id="frmRevenu" method="post" action="{{route('cd.revenu.store')}}" class="w-full">
            @csrf
            <input type="hidden" name="refDemande" id="refDemande" value="{{$demande->id_demande}}">
            <input type="hidden" name="nature" id="nature">
            <div class="flex flex-col space-y-5">
                <div class="w-full">
                    <div>Description</div>
                    <div>
                        <input type="text" name="description" value="{{ !empty($demande->description) ? $demande->description : old('description')}}" class="form-control">
                    </div>
                </div>
                <div class="w-full">
                    <div>Fréquence</div>
                    <div>
                        <select name="frequence" class="form-control">
                            <option value="1M">MENSUEL</option>
                            <option value="3M">TRIMESTRIEL</option>
                            <option value="FS">SAISONNIERE</option>
                        </select>
                    </div>
                </div>
                <div class="w-full">
                    <div>Valeur</div>
                    <div>
                        <input type="text" name="montant" value="{{ !empty($demande->montant) ? $demande->montant : old('montant')}}" class="form-control">
                    </div>
                </div>
            </div>
        </form>

    </div>
    <x-slot name="footer">
        <div>
            <button id="btnSave" class="btn btn-warning">
                Ajouter
            </button>
        </div>
    </x-slot>
</x-form-modal>

<x-tiers-modal :tiers="$tiers"></x-tiers-modal>

@endsection

@section('script')
    <script>

        let btnRevenu = document.querySelectorAll('.btn-revenu');

        btnRevenu.forEach(btn => {

            btn.addEventListener('click', function(e){
                e.preventDefault();
                Modal('#frmModal', 'show')
                document.getElementById('nature').setAttribute('value', btn.getAttribute('data-nature'));
                document.getElementById('natureLabel').textContent = btn.getAttribute('data-label');
            });

        });
        document.getElementById('btnSave').addEventListener('click', function(e){
            document.getElementById('frmRevenu').submit();
        });
    </script>
@endsection