@extends('layouts.vpm-dashboard', ['active' => 'card-applications', 'area' => 'admin'])

@section('title', 'Card applications')
@section('page_title', 'Card applications')
@section('page_subtitle', 'Approve or reject debit card applications')

@section('content')
<div class="vpm-list-page">
    <x-vpm.action-hero
        title="Card application queue"
        text="On approval, the issuance fee is deducted from the user's balance and the card is issued."
    >
        <x-slot:action>
            <x-vpm.button variant="secondary" class="vpm-btn--sm" href="{{ route('admin.card-tiers') }}">Manage tiers</x-vpm.button>
            <x-vpm.button variant="secondary" class="vpm-btn--sm" href="{{ route('admin.withdrawals') }}">Withdrawals</x-vpm.button>
        </x-slot:action>
    </x-vpm.action-hero>

    <section class="vpm-panel">
        <div class="vpm-panel__head"><h2 class="vpm-panel__title">Pending</h2></div>
        @if ($pending->isEmpty())
            <div class="vpm-panel__body"><p class="vpm-empty-inline">No pending applications.</p></div>
        @else
            @include('partials.vpm.data-table', [
                'columns' => [
                    ['key' => 'client', 'label' => 'Client'],
                    ['key' => 'tier', 'label' => 'Tier'],
                    ['key' => 'fee', 'label' => 'Issuance fee', 'align' => 'num'],
                    ['key' => 'balance', 'label' => 'Account balance', 'align' => 'num'],
                    ['key' => 'date', 'label' => 'Submitted', 'type' => 'date'],
                    ['key' => 'action', 'label' => '', 'html' => true],
                ],
                'rows' => $pending->map(function ($app) {
                    $approve = '<form method="POST" action="'.route('admin.card-applications.approve', $app).'" style="display:inline;">'.csrf_field()
                        .'<button type="submit" class="vpm-btn vpm-btn--primary vpm-btn--sm">Approve</button></form>';
                    $reject = '<form method="POST" action="'.route('admin.card-applications.reject', $app).'" style="display:inline;margin-left:8px;">'.csrf_field()
                        .'<button type="submit" class="vpm-btn vpm-btn--ghost vpm-btn--sm">Reject</button></form>';
                    return [
                        'client' => $app->user->name,
                        'tier' => $app->tier->name,
                        'fee' => '$'.number_format((float) $app->issuance_fee, 2),
                        'balance' => number_format((float) $app->user->balance, 2),
                        'date' => $app->created_at->format('M j, Y H:i'),
                        'action' => $approve.$reject,
                    ];
                })->all(),
            ])
        @endif
    </section>

    <section class="vpm-panel" style="margin-top:24px;">
        <div class="vpm-panel__head"><h2 class="vpm-panel__title">Recent decisions</h2></div>
        @if ($recent->isEmpty())
            <div class="vpm-panel__body"><p class="vpm-empty-inline">No processed applications yet.</p></div>
        @else
            @include('partials.vpm.data-table', [
                'columns' => [
                    ['key' => 'client', 'label' => 'Client'],
                    ['key' => 'tier', 'label' => 'Tier'],
                    ['key' => 'status', 'label' => 'Status', 'type' => 'status'],
                    ['key' => 'date', 'label' => 'Reviewed', 'type' => 'date'],
                ],
                'rows' => $recent->map(fn ($app) => [
                    'client' => $app->user->name,
                    'tier' => $app->tier->name,
                    'status' => $app->statusLabel(),
                    'date' => $app->reviewed_at?->format('M j, Y H:i') ?? '-',
                ])->all(),
            ])
        @endif
    </section>
</div>
@endsection