@php
    use \App\Helpers\Formats\FormatCurrencyHelper;
@endphp

<div class="mt-3 harsi-border">

    {{-- Charges Sections --}}
    <table class="table mb-0">
        {{-- Main Header --}}
        <thead>
            <tr class="table-secondary">
                <th colspan="3" class="text-center">
                    {{ $reservation_ticket['consumption_charges'] }}
                </th>
            </tr>
        </thead>

        {{-- Secondary Header --}}
        <thead>
            <tr class="border-0 table-light">
                <th colspan="3" class="py-1 text-center text-muted small">
                    {{ $reservation_ticket['charges'] }}
                </th>
            </tr>
            <tr>
                <th scope="col" width="30%" class="py-1 text-center">{{ $reservation_ticket['date'] }}</th>
                <th scope="col" width="40%" class="py-1 text-center">{{ $reservation_ticket['description'] }}</th>
                <th scope="col" width="30%" class="py-1 text-center">Total</th>
            </tr>
        </thead>
        <tbody class="border_gray_bottom">
            @foreach ($consumption_charges as $charges)
                <tr>
                    <td class="text-center">{{ $charges->consumption_date->format('Y-m-d H:i') }}</td>
                    <td class="text-center text-capitalize">{{ $charges->consumption_concept}}</td>
                    <td class="text-center">{{ FormatCurrencyHelper::formatCurrency($charges->consumption_price) }}</td>
                </tr>
            @endforeach
        </tbody>
    </table>

    {{-- Charges Summary --}}
    <table class="table mb-0">
        <tfoot class="small">
            <tr>
                <td scope="col" width="61%"></td>
                <td scope="col" width="23%" class="pt-1 pb-2 fw-bold text-muted">
                    {{ $reservation_ticket['total_charge'] }}
                </td>
                <td class="pt-1 pb-2 fst-italic"><u>
                    {{ FormatCurrencyHelper::formatCurrency( number_format($consumption_total_charges, 2) ) }}
                </u></td>
            </tr>
        </tfoot>
    </table>

    {{-- Payments Sections --}}
    <table class="table mb-0">
        <thead>
            <tr class="border-0 table-light">
                <th colspan="4" class="py-1 text-center text-muted small">
                    {{ $reservation_ticket['payments'] }}
                </th>
            </tr>
            <tr>
                <th scope="col" width="17%" class="py-1 text-center">{{ $reservation_ticket['date'] }}</th>
                <th scope="col" width="33%" class="py-1 text-center">{{ $reservation_ticket['concept'] }}</th>
                <th scope="col" width="25%" class="py-1 text-center">{{ $reservation_ticket['payment_method'] }}</th>
                <th scope="col" width="25%" class="py-1 text-center">{{ $reservation_ticket['amount'] }}</th>
            </tr>
        </thead>
        <tbody class="border_gray_bottom">
            @forelse ($consumption_payments as $payment)
                <tr>
                    <td class="text-center">{{ $payment->payment_date->format('Y-m-d H:i') }}</td>
                    <td class="text-center text-capitalize">{{ $payment->payment_concept }}</td>
                    <td class="text-center">{{ $payment->payment_method }}</td>
                    <td class="text-center">{{ FormatCurrencyHelper::formatCurrency($payment->payment_price) }}</td>
                </tr>
            @empty
                {!! $empty_payments !!}
            @endforelse
        </tbody>
    </table>

    {{-- Remaining Summary --}}
    <table class="table mb-0 table-borderless">
        <tfoot class="small">
            <tr>
                <td scope="col" width="61%"></td>
                <td scope="col" width="23%" class="py-1 fw-bold text-muted">
                    {{ $reservation_ticket['amount_paid'] }}
                </td>
                <td class="py-1 fst-italic"><u>
                    {{ FormatCurrencyHelper::formatCurrency( number_format($consumption_total_payments, 2) ) }}
                </u></td>
            </tr>
            <tr>
                <td scope="col" width="61%"></td>
                <td scope="col" width="23%" class="py-1 fw-bold text-muted">
                    {{ $reservation_ticket['due_balance'] }}
                </td>
                <td class="py-1 fst-italic">
                    {{ FormatCurrencyHelper::formatCurrency( number_format($consumption_remaining_balance, 2) ) }}
                </td>
            </tr>
        </tfoot>
    </table>
</div>