@extends('layouts.admin')
@section('title', __('Payments'))
@section('content')
<h1 class="mb-6 text-2xl font-extrabold text-primary">{{ __('Payments') }}</h1>
<form method="GET" class="mb-5 flex flex-wrap gap-3">
    <label class="sr-only" for="q">{{ __('Search') }}</label>
    <input id="q" name="q" value="{{ $q }}" placeholder="{{ __('Order no., reference or payer') }}" class="min-h-[44px] min-w-0 flex-1 rounded-full border border-outline-variant bg-white px-5">
    <select name="status" aria-label="{{ __('Status') }}" class="min-h-[44px] rounded-full border border-outline-variant bg-white px-4"><option value="">{{ __('All statuses') }}</option>@foreach ($statuses as $s)<option value="{{ $s }}" @selected($status === $s)>{{ __(ucfirst($s)) }}</option>@endforeach</select>
    <x-btn type="submit" variant="ghost">{{ __('Filter') }}</x-btn>
</form>
@if ($result['items'])
<div class="overflow-x-auto rounded-[28px] border border-surface-variant bg-white">
    <table class="w-full min-w-[760px] text-left text-sm">
        <thead class="bg-surface-mid text-on-surface-variant"><tr><th class="p-4">{{ __('Order') }}</th><th class="p-4">{{ __('Method') }}</th><th class="p-4">{{ __('Amount') }}</th><th class="p-4">{{ __('Reference') }}</th><th class="p-4">{{ __('Status') }}</th><th class="p-4"></th></tr></thead>
        <tbody>@foreach ($result['items'] as $p)
            <tr class="border-t border-surface-variant">
                <td class="p-4"><a class="font-bold text-primary underline" href="{{ route('admin.orders.show', $p->order_id) }}">{{ $p->order_number }}</a><span class="block text-xs text-outline">{{ $p->created_at }}</span></td>
                <td class="p-4">{{ __($p->method) }}</td><td class="p-4 font-bold">{{ $shop->money->format((float) $p->amount) }}</td>
                <td class="p-4">{{ $p->transaction_ref ?: '—' }}@if ($p->payer_account)<span class="block text-xs text-outline">{{ $p->payer_account }}</span>@endif @if ($p->proof_image_url)<a class="block text-xs underline" href="{{ $p->proof_image_url }}" target="_blank" rel="noopener">{{ __('Proof') }}</a>@endif</td>
                <td class="p-4"><x-status :value="$p->status"/></td>
                <td class="p-4"><div class="flex gap-2">
                @if (in_array($p->status, ['pending', 'authorized'], true))
                    <form method="POST" action="{{ route('admin.payments.confirm', $p->id) }}" onsubmit="return confirm(@js(__('Mark this order as paid?')))">@csrf<button class="rounded-full bg-primary px-4 py-2 text-xs font-bold text-on-primary">{{ __('Confirm') }}</button></form>
                    <form method="POST" action="{{ route('admin.payments.reject', $p->id) }}" onsubmit="return confirm(@js(__('Reject this payment?')))">@csrf<button class="rounded-full bg-error-container px-4 py-2 text-xs font-bold text-on-error-container">{{ __('Reject') }}</button></form>
                @endif</div></td>
            </tr>
        @endforeach</tbody>
    </table>
</div>
@include('partials.pagination', ['result' => $result])
@else <x-empty :title="__('No payments yet')"/> @endif
@endsection