{{-- resources/views/guests/statement.blade.php --}}
@extends('layouts.app')
@section('title', 'Statement — ' . $guest->first_name . ' ' . $guest->last_name)
@section('page_title', 'Guest Statement')
@section('page_subtitle', $guest->first_name . ' ' . $guest->last_name)

@section('content')

<div class="d-flex gap-2 mb-3">
    <a href="{{ tenant_route('guests.show', ['guest' => $guest->id]) }}"
       class="btn btn-sm btn-outline-secondary">← Guest Profile</a>
</div>

{{-- Summary --}}
<div class="row g-3 mb-3">
    <div class="col-md-4">
        <div class="stat-card">
            <div class="stat-icon si-clay">
                <i class="bi bi-receipt"></i>
            </div>
            <div>
                <div class="stat-value">
                    ${{ number_format($totalInvoiced, 2) }}
                </div>
                <div class="stat-label">Total Invoiced</div>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="stat-card">
            <div class="stat-icon si-success">
                <i class="bi bi-cash-coin"></i>
            </div>
            <div>
                <div class="stat-value">
                    ${{ number_format($totalPaid, 2) }}
                </div>
                <div class="stat-label">Total Paid</div>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="stat-card">
            <div class="stat-icon {{ $totalOutstanding > 0 ? 'si-danger' : 'si-muted' }}">
                <i class="bi bi-clock-history"></i>
            </div>
            <div>
                <div class="stat-value">
                    ${{ number_format($totalOutstanding, 2) }}
                </div>
                <div class="stat-label">Outstanding</div>
            </div>
        </div>
    </div>
</div>

{{-- Invoices --}}
<div class="card">
    <div class="card-header">
        <span class="card-title">
            <i class="bi bi-receipt me-2" style="color:var(--clay)"></i>
            Invoice History
        </span>
    </div>

    @if($invoices->isEmpty())
        <div class="card-body text-center py-4">
            <p class="text-muted mb-0" style="font-size:.8rem;">
                No invoices yet
            </p>
        </div>
    @else
        <div class="table-responsive">
            <table class="table">
                <thead>
                    <tr>
                        <th>Invoice #</th>
                        <th>Date</th>
                        <th>Due</th>
                        <th>Total</th>
                        <th>Paid</th>
                        <th>Balance</th>
                        <th>Status</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($invoices as $inv)
                        <tr onclick="window.location='{{ tenant_route('invoicing.invoices.show', ['invoice' => $inv->id]) }}'"
                            style="cursor:pointer;">
                            <td style="font-size:.8rem;font-weight:600;color:var(--clay);">
                                {{ $inv->invoice_number }}
                            </td>
                            <td style="font-size:.78rem;">
                                {{ $inv->invoice_date->format('d M Y') }}
                            </td>
                            <td style="font-size:.78rem;
                                       {{ $inv->isOverdue() ? 'color:var(--danger);font-weight:600;' : 'color:var(--muted);' }}">
                                {{ $inv->due_date->format('d M Y') }}
                            </td>
                            <td style="font-size:.8rem;font-weight:600;">
                                {{ $inv->currency }}
                                {{ number_format($inv->total_amount, 2) }}
                            </td>
                            <td style="font-size:.78rem;color:var(--success);">
                                {{ $inv->currency }}
                                {{ number_format($inv->amount_paid, 2) }}
                            </td>
                            <td>
                                @if($inv->balance_due > 0)
                                    <span style="font-size:.78rem;font-weight:600;color:var(--danger);">
                                        {{ $inv->currency }}
                                        {{ number_format($inv->balance_due, 2) }}
                                    </span>
                                @else
                                    <span style="font-size:.75rem;color:var(--success);">Paid</span>
                                @endif
                            </td>
                            <td>
                                <span style="font-size:.7rem;padding:2px 8px;
                                             border-radius:20px;font-weight:600;
                                             background:{{ $inv->status === 'paid' ? '#d1fae5' : ($inv->status === 'overdue' ? '#fee2e2' : '#fef3c7') }};
                                             color:{{ $inv->status === 'paid' ? '#065f46' : ($inv->status === 'overdue' ? '#991b1b' : '#92400e') }};">
                                    {{ $inv->status }}
                                </span>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    @endif
</div>

@endsection