{{-- resources/views/reports/payments.blade.php --}}
@extends('layouts.app')
@section('title', 'Payments Report')
@section('page_title', 'Payments Report')
@section('page_subtitle', $from->format('d M Y') . ' — ' . $to->format('d M Y'))

@section('content')

@include('reports.partials.nav')
@include('reports.partials.filters', [
    'route'      => 'reports.payments',
    'showExport' => true,
    'reportName' => 'payments',
])

<div class="row g-3 mb-3">
    <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($total, 0) }}
                </div>
                <div class="stat-label">Total Collected</div>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="stat-card">
            <div class="stat-icon si-info">
                <i class="bi bi-receipt"></i>
            </div>
            <div>
                <div class="stat-value">{{ $count }}</div>
                <div class="stat-label">Transactions</div>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="stat-card">
            <div class="stat-icon si-clay">
                <i class="bi bi-calculator"></i>
            </div>
            <div>
                <div class="stat-value">
                    ${{ $count > 0 ? number_format($total / $count, 0) : 0 }}
                </div>
                <div class="stat-label">Avg Transaction</div>
            </div>
        </div>
    </div>
</div>

<div class="row g-3">

    {{-- By Method --}}
    <div class="col-md-5">
        <div class="card mb-3">
            <div class="card-header">
                <span class="card-title">By Payment Method</span>
            </div>
            <div class="card-body">
                @forelse($by_method as $method => $data)
                    <div style="display:flex;justify-content:space-between;
                                align-items:center;padding:9px 0;
                                border-bottom:1px solid var(--border);
                                font-size:.82rem;">
                        <div>
                            <div class="fw-semibold">
                                {{ ucfirst(str_replace('_', ' ', $method)) }}
                            </div>
                            <div style="font-size:.7rem;color:var(--muted);">
                                {{ $data['count'] }}
                                {{ Str::plural('transaction', $data['count']) }}
                            </div>
                        </div>
                        <span class="fw-bold" style="color:var(--success);">
                            ${{ number_format($data['total'], 2) }}
                        </span>
                    </div>
                @empty
                    <p class="text-muted text-center mb-0"
                       style="font-size:.8rem;">No payments</p>
                @endforelse
            </div>
        </div>
    </div>

    {{-- Transaction List --}}
    <div class="col-md-7">
        <div class="card">
            <div class="card-header">
                <span class="card-title">
                    Transactions
                    <span style="font-size:.75rem;font-weight:400;
                                 color:var(--muted);margin-left:6px;">
                        {{ $payments->count() }} total
                    </span>
                </span>
            </div>
            <div class="table-responsive"
                 style="max-height:400px;overflow-y:auto;">
                <table class="table">
                    <thead>
                        <tr>
                            <th>Reference</th>
                            <th>Guest</th>
                            <th>Method</th>
                            <th>Amount</th>
                            <th>Date</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($payments as $payment)
                            <tr>
                                <td style="font-size:.78rem;font-weight:600;
                                           color:var(--clay);">
                                    {{ $payment->reference }}
                                </td>
                                <td style="font-size:.78rem;">
                                    {{ $payment->guest?->first_name }}
                                    {{ $payment->guest?->last_name ?? '—' }}
                                </td>
                                <td style="font-size:.75rem;color:var(--muted);">
                                    {{ ucfirst(str_replace('_', ' ', $payment->payment_method)) }}
                                </td>
                                <td style="font-size:.82rem;font-weight:600;
                                           color:var(--success);">
                                    {{ $payment->currency }}
                                    {{ number_format($payment->amount, 2) }}
                                </td>
                                <td style="font-size:.72rem;color:var(--muted);
                                           white-space:nowrap;">
                                    {{ $payment->paid_at?->format('d M H:i') }}
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>

</div>

@endsection