@extends('layouts.admin')

@section('title', 'Withdrawals')

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">Withdrawals <span class="page-title-count">({{ $withdrawals->total() ?? 0 }})</span></h1>
    </div>
</div>

<div class="stats-grid stats-grid-4">
    <x-stat-card title="Total Pending" value="{{ number_format($pendingCount ?? 0) }}" color="orange">
        <x-slot:icon>
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5"/><path d="M12 7v5l3 3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
        </x-slot:icon>
    </x-stat-card>
    <x-stat-card title="Approved Today" value="{{ $currency ?? '₦' }}{{ number_format($approvedToday ?? 0, 2) }}" color="green">
        <x-slot:icon>
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12 19V5M7 14l5 5 5-5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M5 5h14" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
        </x-slot:icon>
    </x-stat-card>
    <x-stat-card title="Total Today" value="{{ $currency ?? '₦' }}{{ number_format($totalToday ?? 0, 2) }}" color="blue">
        <x-slot:icon>
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5"/><path d="M12 7v10M9 9h6c1.1 0 2 .9 2 2s-.9 2-2 2H9M9 13h6c1.1 0 2 .9 2 2s-.9 2-2 2H9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
        </x-slot:icon>
    </x-stat-card>
    <x-stat-card title="Rejected Today" value="{{ number_format($rejectedToday ?? 0) }}" color="red">
        <x-slot:icon>
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5"/><path d="M15 9l-6 6M9 9l6 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
        </x-slot:icon>
    </x-stat-card>
</div>

<div class="card" style="margin-top: 1.5rem;">
    <div class="card-header">
        <form method="GET" action="{{ route('admin.withdrawals') }}" class="filter-bar">
            <div class="filter-group">
                <select name="status" class="filter-select">
                    <option value="">All Status</option>
                    <option value="pending" {{ request('status') === 'pending' ? 'selected' : '' }}>Pending</option>
                    <option value="approved" {{ request('status') === 'approved' ? 'selected' : '' }}>Approved</option>
                    <option value="rejected" {{ request('status') === 'rejected' ? 'selected' : '' }}>Rejected</option>
                </select>
            </div>
            <div class="filter-group">
                <input type="date" name="date_from" value="{{ request('date_from') }}" class="form-input">
            </div>
            <div class="filter-group">
                <input type="date" name="date_to" value="{{ request('date_to') }}" class="form-input">
            </div>
            <button type="submit" class="btn btn-primary btn-sm">Filter</button>
        </form>
    </div>

    <x-data-table :emptyMessage="'No withdrawals found.'" :paginator="$withdrawals ?? null">
        <x-slot:thead>
            <th>Customer</th>
            <th>Amount</th>
            <th>Destination</th>
            <th>Bank</th>
            <th>Account</th>
            <th>Status</th>
            <th>Date</th>
            <th>Actions</th>
        </x-slot:thead>
        <x-slot:tbody>
            @forelse($withdrawals ?? [] as $withdrawal)
            <tr>
                <td class="text-semibold">{{ $withdrawal->user->name ?? 'N/A' }}</td>
                <td class="text-semibold">{{ $currency ?? '₦' }}{{ number_format($withdrawal->amount, 2) }}</td>
                <td>{{ $withdrawal->recipient_name ?? 'N/A' }}</td>
                <td>{{ $withdrawal->bank_name ?? 'N/A' }}</td>
                <td><span class="text-mono">{{ $withdrawal->account_number ?? 'N/A' }}</span></td>
                <td><span class="badge badge-{{ $withdrawal->status === 'approved' ? 'green' : ($withdrawal->status === 'pending' ? 'orange' : 'red') }}">{{ ucfirst($withdrawal->status) }}</span></td>
                <td>{{ $withdrawal->created_at->format('M d, Y H:i') }}</td>
                <td>
                    <div class="table-actions">
                        @if($withdrawal->status === 'pending')
                        <form method="POST" action="{{ route('admin.withdrawals.approve', $withdrawal->id) }}" class="inline">
                            @csrf
                            @method('PATCH')
                            <button type="submit" class="btn btn-sm btn-outline btn-green" onclick="return confirm('Approve this withdrawal?')">Approve</button>
                        </form>
                        <button type="button" class="btn btn-sm btn-outline btn-red" onclick="openConfirmModal('reject-w-{{ $withdrawal->id }}')">Reject</button>
                        @endif
                    </div>
                </td>
            </tr>
            @empty
            <tr>
                <td colspan="8">
                    <div class="data-table-empty-content">
                        <svg width="48" height="48" viewBox="0 0 48 48" fill="none"><circle cx="24" cy="24" r="24" fill="#F1F5F9"/><path d="M24 34V14M18 28l6 6 6-6" stroke="#94A3B8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
                        <p>No withdrawals found.</p>
                    </div>
                </td>
            </tr>
            @endforelse
        </x-slot:tbody>
    </x-data-table>
</div>

@foreach($withdrawals ?? [] as $withdrawal)
@if($withdrawal->status === 'pending')
<x-confirm-modal
    id="reject-w-{{ $withdrawal->id }}"
    title="Reject Withdrawal"
    message="Are you sure you want to reject this withdrawal of {{ $currency ?? '₦' }}{{ number_format($withdrawal->amount, 2) }}?"
    actionUrl="{{ route('admin.withdrawals.reject', $withdrawal->id) }}"
    method="PATCH"
    buttonText="Reject"
/>
@endif
@endforeach
@endsection