@extends('layout')

@inject('carbon', 'Carbon\Carbon')
@inject('parameter', 'App\Models\Parameter')

@section('content')
    <div class=" page-header-light">
        <div class="d-flex justify-content-between align-items-center mx-3 ">
            <div class="d-flex flex-column tailwind-scope">
                <h4 class="text-white text-2xl font-bold">Finances & Caisse</h4>
                <p class="text-white text-sm"> Liste des récouvrements</p>
            </div>
            @include('shared.navbar')
        </div>
        @include('recovrey._search-index')
    </div>
    <div class="content">



        @if(session('success'))
            <div class="alert alert-success">
                {{ session('success') }}
            </div>
        @endif
        <table class="table table-responsive table-striped">
            <thead>
                <tr>
                    <th>Date de création</th>
                    <th>Source</th>
                    <th>N° Contrat</th>
                    <th class="wider-column">Nom de Logement</th>
                    <th class="wide-column">Client</th>
                    <th>Paiement</th>
                    <th>Date début</th>
                    <th>Date Fin</th>
                    <th class="wide-column text-center">Nuits</th>
                    <th class="wide-column">À payer</th>
                    <th class="wide-column">Payé</th>
                    <th class="wide-column">Reste à payer</th>
                    <th class="text-center">Actions</th>
                </tr>
            </thead>
            <tbody>
                @php
                    $total_price_converted = 0;
                    $total_left_to_paid = 0;
                    $total_amount_recovered = 0;
                @endphp
                @foreach($reservations as $key => $item)
                    @php
                        // Notice days
                        $checkInDate = $carbon::create($item['check_out']);
                        $currentDate = $carbon::now();
                        $diffInDays = $checkInDate->diffInDays($currentDate);
                    @endphp
                    <tr
                        class="alert alert-{{ ($diffInDays + 1 <= $parameter::getDaysNotice() && $checkInDate >= $currentDate && $item['paid'] != 'paid') ? 'danger' : '' }}">
                        <td data-order="{{ $carbon::create($item['created_date'])->toDateString() }}">
                            {{ $carbon::create($item['created_date'])->format('d/m/Y') }}
                        </td>
                        <td>
                            @if(array_key_exists($item['creator'], config('creators.list')))
                                {{ config('creators.list')[$item['creator']] }}
                            @endif
                        </td>
                        <td>{{ $item['reservation_id'] }}</td>
                        <td>{{ $item['name'] }}</td>
                        <td>{{ $item['l_name'] }} {{ $item['f_name'] }}</td>
                        <td class="tailwind-scope">
                            @php
                                $status = $item->getPaymentStatus();
                                $badgeColor = config('status.badge')[$status];
                                $message = config('status.payment')[$status];
                            @endphp
                            <button class="btn px-3 py-1 rounded-full text-xs font-semibold cursor-help {{ $badgeColor }}"
                                title="Status de paiement">

                                <span>{{ $message }}</span>
                                {{-- <i class="icon-coin-dollar"></i> --}}
                            </button>
                            {{-- <p
                                class="{{ $item->getPaymentStatus() == 'paid' ? 'text-success' : ($item->getPaymentStatus() == 'pending' ? 'text-primary' : 'text-warning') }}">
                                {{ config('status.payment')[$item->getPaymentStatus()] }}
                            </p> --}}
                        </td>
                        <td data-order="{{ $carbon::create($item['check_in'])->toDateString() }}">
                            {{ $carbon::create($item['check_in'])->format('d/m/Y') }}
                        </td>
                        <td data-order="{{ $carbon::create($item['check_out'])->toDateString() }}">
                            {{ $carbon::create($item['check_out'])->format('d/m/Y') }}
                        </td>
                        <td>
                            {{ $carbon::create($item['check_in'])->diffInDays($item['check_out']) }}
                        </td>
                        <td data-order="{{ intval($item->getTotalPrice() + $item->getTotalExtensions()) }}">
                            {{ number_format($item->getTotalPrice() + $item->getTotalExtensions(), 2, '.', ' ') }}
                            TND
                        </td>
                        <td data-order="{{ intval($item->getTotalPriceRecoveries()) }}">
                            {{  number_format($item->getTotalPriceRecoveries(), 2, '.', ' ') }}
                            TND
                        </td>
                        <td data-order="{{ intval($item->getLeftToPaid()) }}">
                            {{ number_format($item->getLeftToPaid(), 2, '.', ' ')   }}
                            TND
                        </td>
                        <td class="d-flex justify-content-center align-items-center">
                            @include('recovrey.paiements.modals.paid-modal')
                            @include('recovrey.paiements.modals.list-modal')
                            @include('recovrey.paiements.modals.edit-paid-modal')
                        </td>
                        @php
                            $total_price_converted += $item->getTotalPrice();
                            $total_amount_recovered += $item->getTotalPrice() - $item->getLeftToPaid();
                            $total_left_to_paid += $item->getLeftToPaid();
                        @endphp
                    </tr>
                @endforeach
            </tbody>
            <tr>
                <td colspan="8"></td>
                <td><b>Montant Total:</b></td>
                <td><b>{{ number_format($total_price_converted, 2, '.', ' ') }} TND</b></td>
                <td><b>{{ number_format($total_amount_recovered, 2, '.', ' ') }} TND</b></td>
                <td><b>{{ number_format($total_left_to_paid, 2, '.', ' ') }} TND</b></td>
                <td></td>
            </tr>
        </table>
    </div>
    <script>
        function showLoader() {
            // Show the loader spinner
            $('.spinner-border').removeClass('d-none');
            // Reduce opacity of the entire body
            $('body').css('opacity', '0.3');
            // Disable user interactions with the body content
            $('body').css('pointer-events', 'none');
        }

        // Function to hide loader
        function hideLoader() {
            $('.spinner-border').addClass('d-none');
            $('body').css('opacity', '1');
            $('body').css('pointer-events', 'auto');
        }

        // Intercept the form submission event
        $('.modal-form').submit(function (event) {

            // Prevent the default form submission
            event.preventDefault();

            // Serialize form data
            var formData = $(this).serialize();
            var form = $(this);

            // Send form data via AJAX
            $.ajax({
                url: form.attr('action'),
                method: form.attr('method'),
                data: formData,
                success: function (response) {

                    // Handle successful response from the server
                    if (response.error) {
                        hideLoader();
                        $('.alertDates').removeClass('d-none').html(response.error);
                    }

                    if (response.redirect) {
                        // Redirect to the specified URL
                        window.location.reload();
                    }

                    if (response.success === true) {
                        // Redirect to the specified URL
                        window.location.reload();
                    }
                },
                error: function (xhr, status, error) {
                    // Handle errors
                    console.error(xhr.responseText);
                }
            });
        });
    </script>
@endsection