@extends('layouts.admin')

@section('title', 'Payments')

@section('content')
    <div class="mb-5 flex flex-wrap items-center justify-between gap-4">
        <form method="GET" class="flex flex-wrap items-center gap-3">
            <input type="hidden" name="status" value="{{ $currentStatus }}">

            <input type="search" name="q" value="{{ request('q') }}" class="form-input w-64"
                   placeholder="Payment or gateway reference" aria-label="Search payments">

            <button type="submit" class="btn-outline btn-sm">Search</button>
        </form>

        <p class="text-sm text-text-secondary">
            {{ config('marketplace.currency.default') }} {{ number_format($settledTotal / 100, 2) }} settled
        </p>
    </div>

    {{-- Outstanding is the default view: this is a reconciliation screen before
         it is a ledger, and what needs a human is what is unpaid. --}}
    <div class="mb-5 flex flex-wrap gap-2">
        <a href="{{ route('admin.billing.index') }}"
           @class(['pill', 'pill-brand' => $currentStatus === '', 'pill-idle' => $currentStatus !== ''])>
            Awaiting settlement
            <span class="opacity-60">{{ ($counts['pending'] ?? 0) + ($counts['processing'] ?? 0) }}</span>
        </a>

        <a href="{{ route('admin.billing.index', ['status' => 'all']) }}"
           @class(['pill', 'pill-brand' => $currentStatus === 'all', 'pill-idle' => $currentStatus !== 'all'])>
            All <span class="opacity-60">{{ $counts->sum() }}</span>
        </a>

        @foreach ($statuses as $value => $label)
            @continue(! $counts->has($value))

            <a href="{{ route('admin.billing.index', ['status' => $value]) }}"
               @class(['pill', 'pill-brand' => $currentStatus === $value, 'pill-idle' => $currentStatus !== $value])>
                {{ $label }} <span class="opacity-60">{{ $counts[$value] }}</span>
            </a>
        @endforeach
    </div>

    @if ($payments->isEmpty())
        <x-empty-state icon="tag" title="Nothing here"
                       message="Payments appear as sellers buy plans and promotions." />
    @else
        <div class="admin-card overflow-x-auto">
            <table class="w-full text-left text-sm">
                <thead class="border-b border-border text-xs uppercase tracking-wide text-text-muted">
                    <tr>
                        <th class="px-4 py-3 font-semibold">Reference</th>
                        <th class="px-4 py-3 font-semibold">Seller</th>
                        <th class="px-4 py-3 font-semibold">For</th>
                        <th class="px-4 py-3 font-semibold">Amount</th>
                        <th class="px-4 py-3 font-semibold">Method</th>
                        <th class="px-4 py-3 font-semibold">Status</th>
                        <th class="px-4 py-3"><span class="sr-only">Actions</span></th>
                    </tr>
                </thead>

                <tbody class="divide-y divide-border">
                    @foreach ($payments as $payment)
                        <tr>
                            <td class="whitespace-nowrap px-4 py-3">
                                <a href="{{ route('admin.billing.show', $payment) }}"
                                   class="meta-label text-text hover:text-text-brand">{{ $payment->reference }}</a>

                                <span class="mt-0.5 block text-xs text-text-muted">
                                    {{ $payment->created_at->format('d M Y') }}
                                </span>
                            </td>

                            <td class="px-4 py-3">
                                <span class="block text-text">{{ $payment->user?->name }}</span>
                                <span class="text-xs text-text-muted">{{ $payment->user?->email }}</span>
                            </td>

                            <td class="px-4 py-3 text-text-secondary">
                                @if ($payment->payable instanceof \App\Models\Subscription)
                                    {{ $payment->payable->plan?->name }}
                                @elseif ($payment->payable instanceof \App\Models\ListingPromotion)
                                    {{ $payment->payable->type->label() }}
                                @else
                                    &mdash;
                                @endif
                            </td>

                            <td class="whitespace-nowrap px-4 py-3 text-text">{{ $payment->formattedAmount() }}</td>

                            <td class="px-4 py-3 text-text-secondary">
                                {{ str_replace('_', ' ', $payment->gateway) }}
                            </td>

                            <td class="px-4 py-3">
                                <x-badge :variant="$payment->status->badgeVariant()">
                                    {{ $payment->status->label() }}
                                </x-badge>
                            </td>

                            <td class="px-4 py-3 text-right">
                                <a href="{{ route('admin.billing.show', $payment) }}" class="btn-outline btn-sm">
                                    Open
                                </a>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

        <div class="mt-6">{{ $payments->links() }}</div>
    @endif
@endsection