{{-- resources/views/reservations/folio.blade.php --}}
@extends('layouts.app')
@section('title', 'Folio — ' . $reservation->reference)
@section('page_title', 'Guest Folio')
@section('page_subtitle', $reservation->reference . ' · ' . $reservation->guest?->first_name . ' ' . $reservation->guest?->last_name)

@section('content')

<div class="d-flex gap-2 mb-3">
    <a href="{{ tenant_route('reservations.show', ['reservation' => $reservation->id]) }}"
       class="btn btn-sm btn-outline-secondary">← Reservation</a>
    <a href="{{ tenant_route('invoicing.invoices.pdf', ['invoice' => $invoice->id]) }}"
       class="btn btn-sm btn-outline-secondary"
       target="_blank">
        <i class="bi bi-file-pdf me-1"></i>PDF Invoice
    </a>
</div>

<div class="row g-3">

    {{-- Folio Items --}}
    <div class="col-xl-8">

        <div class="card mb-3">
            <div class="card-header">
                <span class="card-title">
                    <i class="bi bi-receipt me-2" style="color:var(--clay)"></i>
                    Folio — {{ $invoice->invoice_number }}
                </span>
                <span style="font-size:.75rem;font-weight:600;padding:3px 9px;
                             border-radius:20px;
                             background:{{ $invoice->status === 'paid' ? '#d1fae5' : '#fef3c7' }};
                             color:{{ $invoice->status === 'paid' ? '#065f46' : '#92400e' }};">
                    {{ ucfirst($invoice->status) }}
                </span>
            </div>

            <div class="table-responsive">
                <table class="table">
                    <thead>
                        <tr>
                            <th>Description</th>
                            <th>Qty</th>
                            <th>Unit Price</th>
                            <th>Tax</th>
                            <th>Total</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($invoice->items->sortBy('sort_order') as $item)
                            <tr>
                                <td>
                                    <div style="font-size:.82rem;">
                                        {{ $item->description }}
                                    </div>
                                    @if($item->item_type)
                                        <div style="font-size:.68rem;color:var(--muted);">
                                            {{ ucfirst($item->item_type) }}
                                        </div>
                                    @endif
                                </td>
                                <td style="font-size:.8rem;color:var(--muted);">
                                    {{ $item->quantity }}
                                </td>
                                <td style="font-size:.8rem;">
                                    {{ $invoice->currency }}
                                    {{ number_format($item->unit_price, 2) }}
                                </td>
                                <td style="font-size:.78rem;color:var(--muted);">
                                    @if($item->tax_rate > 0)
                                        {{ $item->tax_rate }}%
                                        ({{ $invoice->currency }}
                                        {{ number_format($item->tax_amount, 2) }})
                                    @else
                                        —
                                    @endif
                                </td>
                                <td style="font-size:.84rem;font-weight:600;">
                                    {{ $invoice->currency }}
                                    {{ number_format($item->total_price, 2) }}
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                    <tfoot>
                        <tr style="background:var(--bg);">
                            <td colspan="4"
                                style="text-align:right;font-weight:700;
                                       font-size:.82rem;padding:12px 14px;">
                                Subtotal
                            </td>
                            <td style="font-weight:700;font-size:.84rem;padding:12px 14px;">
                                {{ $invoice->currency }}
                                {{ number_format($invoice->subtotal, 2) }}
                            </td>
                        </tr>
                        @if($invoice->tax_amount > 0)
                            <tr style="background:var(--bg);">
                                <td colspan="4"
                                    style="text-align:right;font-size:.82rem;
                                           padding:6px 14px;color:var(--muted);">
                                    Tax
                                </td>
                                <td style="font-size:.82rem;padding:6px 14px;">
                                    {{ $invoice->currency }}
                                    {{ number_format($invoice->tax_amount, 2) }}
                                </td>
                            </tr>
                        @endif
                        <tr style="background:var(--bg);">
                            <td colspan="4"
                                style="text-align:right;font-weight:800;
                                       font-size:.9rem;padding:12px 14px;">
                                TOTAL
                            </td>
                            <td style="font-weight:800;font-size:.9rem;
                                       color:var(--clay);padding:12px 14px;">
                                {{ $invoice->currency }}
                                {{ number_format($invoice->total_amount, 2) }}
                            </td>
                        </tr>
                        <tr>
                            <td colspan="4"
                                style="text-align:right;font-size:.82rem;
                                       padding:8px 14px;color:var(--success);">
                                Amount Paid
                            </td>
                            <td style="font-size:.82rem;color:var(--success);
                                       font-weight:600;padding:8px 14px;">
                                {{ $invoice->currency }}
                                {{ number_format($invoice->amount_paid, 2) }}
                            </td>
                        </tr>
                        <tr>
                            <td colspan="4"
                                style="text-align:right;font-weight:800;
                                       font-size:.88rem;padding:10px 14px;
                                       color:{{ $invoice->balance_due > 0 ? 'var(--danger)' : 'var(--success)' }};">
                                BALANCE DUE
                            </td>
                            <td style="font-weight:800;font-size:.88rem;padding:10px 14px;
                                       color:{{ $invoice->balance_due > 0 ? 'var(--danger)' : 'var(--success)' }};">
                                {{ $invoice->currency }}
                                {{ number_format($invoice->balance_due, 2) }}
                            </td>
                        </tr>
                    </tfoot>
                </table>
            </div>
        </div>

        {{-- Add Charge --}}
        <div class="card">
            <div class="card-header">
                <span class="card-title">
                    <i class="bi bi-plus-circle me-2"
                       style="color:var(--clay)"></i>
                    Add Charge
                </span>
            </div>
            <div class="card-body">
                <form method="POST"
                      action="{{ tenant_route('reservations.folio.charge', ['reservation' => $reservation->id]) }}">
                    @csrf
                    <div class="row g-2">
                        <div class="col-md-5">
                            <input type="text" name="description"
                                   class="form-control form-control-sm"
                                   placeholder="Description"
                                   list="serviceList"
                                   required>
                            <datalist id="serviceList">
                                @foreach($services as $svc)
                                    <option value="{{ $svc->name }}">
                                @endforeach
                            </datalist>
                        </div>
                        <div class="col-md-2">
                            <input type="number" name="quantity"
                                   class="form-control form-control-sm"
                                   placeholder="Qty"
                                   value="1" min="0.01" step="0.01" required>
                        </div>
                        <div class="col-md-2">
                            <input type="number" name="unit_price"
                                   class="form-control form-control-sm"
                                   placeholder="Unit Price"
                                   min="0" step="0.01" required>
                        </div>
                        <div class="col-md-2">
                            <select name="tax_rate_id"
                                    class="form-select form-select-sm">
                                <option value="">No Tax</option>
                                @foreach($taxRates as $tax)
                                    <option value="{{ $tax->id }}">
                                        {{ $tax->code }} {{ $tax->rate }}%
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-1">
                            <button type="submit"
                                    class="btn btn-sm btn-primary w-100">
                                Add
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>

    </div>

    {{-- Right — Payment --}}
    <div class="col-xl-4">

        {{-- Record Payment --}}
        @if($invoice->balance_due > 0)
            <div class="card mb-3"
                 style="border-left:3px solid var(--clay);">
                <div class="card-header">
                    <span class="card-title">
                        <i class="bi bi-cash-coin me-2"
                           style="color:var(--clay)"></i>
                        Record Payment
                    </span>
                </div>
                <div class="card-body">
                    <form method="POST"
                          action="{{ tenant_route('invoicing.payments.store') }}">
                        @csrf
                        <input type="hidden" name="invoice_id"
                               value="{{ $invoice->id }}">
                        <input type="hidden" name="guest_id"
                               value="{{ $reservation->guest_id }}">

                        <div class="mb-2">
                            <label class="form-label fw-semibold"
                                   style="font-size:.75rem;">
                                Amount
                            </label>
                            <div class="input-group input-group-sm">
                                <span class="input-group-text">
                                    {{ $invoice->currency }}
                                </span>
                                <input type="number" name="amount"
                                       class="form-control"
                                       value="{{ $invoice->balance_due }}"
                                       min="0.01"
                                       step="0.01" required>
                            </div>
                        </div>

                        <div class="mb-2">
                            <label class="form-label fw-semibold"
                                   style="font-size:.75rem;">
                                Payment Method
                            </label>
                            <select name="payment_method"
                                    class="form-select form-select-sm"
                                    required>
                                @foreach(tenant()->paymentMethods as $pm)
                                    <option value="{{ $pm->method }}">
                                        {{ $pm->label }}
                                    </option>
                                @endforeach
                                <option value="cash">Cash</option>
                                <option value="card">Card</option>
                                <option value="bank_transfer">Bank Transfer</option>
                                <option value="ecocash">EcoCash</option>
                                <option value="innbucks">InnBucks</option>
                            </select>
                        </div>

                        <div class="mb-2">
                            <input type="text" name="transaction_reference"
                                   class="form-control form-control-sm"
                                   placeholder="Transaction reference (optional)">
                        </div>

                        <input type="hidden" name="type" value="full_payment">
                        <input type="hidden" name="currency"
                               value="{{ $invoice->currency }}">
                        <input type="hidden" name="exchange_rate" value="1">
                        <input type="hidden" name="amount_in_base"
                               value="{{ $invoice->balance_due }}">
                        <input type="hidden" name="status" value="completed">
                        <input type="hidden" name="paid_at"
                               value="{{ now()->toDateTimeString() }}">

                        <button type="submit"
                                class="btn btn-primary btn-sm w-100 mt-1">
                            <i class="bi bi-check-lg me-1"></i>
                            Record Payment
                        </button>
                    </form>
                </div>
            </div>
        @else
            <div class="card mb-3">
                <div class="card-body text-center py-4">
                    <i class="bi bi-check-circle-fill"
                       style="font-size:2rem;color:var(--success)"></i>
                    <p class="fw-semibold mt-2 mb-0">Fully Paid</p>
                    <p class="text-muted" style="font-size:.78rem;">
                        No outstanding balance
                    </p>
                </div>
            </div>
        @endif

        {{-- Payment History --}}
        @if($invoice->payments->count() > 0)
            <div class="card">
                <div class="card-header">
                    <span class="card-title">Payment History</span>
                </div>
                <div class="card-body" style="padding:0;">
                    @foreach($invoice->payments->sortByDesc('paid_at') as $payment)
                        <div style="padding:12px 16px;
                                    border-bottom:1px solid var(--border);
                                    display:flex;justify-content:space-between;">
                            <div>
                                <div style="font-size:.82rem;font-weight:600;">
                                    {{ $invoice->currency }}
                                    {{ number_format($payment->amount, 2) }}
                                </div>
                                <div style="font-size:.7rem;color:var(--muted);">
                                    {{ ucfirst(str_replace('_', ' ', $payment->payment_method)) }}
                                    @if($payment->transaction_reference)
                                        · {{ $payment->transaction_reference }}
                                    @endif
                                </div>
                            </div>
                            <div style="text-align:right;font-size:.72rem;
                                        color:var(--muted);">
                                {{ $payment->paid_at?->format('d M Y') }}
                                <br>
                                {{ $payment->paid_at?->format('H:i') }}
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        @endif

    </div>
</div>

@endsection