@extends('layouts.promoter')

@section('page-title', 'Withdrawal History')

@section('content')
<div class="stat-card">
    <div class="flex justify-between items-center mb-6">
        <h3 class="text-lg font-semibold">Withdrawal History</h3>
        <a href="{{ route('promoter.payouts.withdraw') }}" class="btn-primary text-sm px-4 py-2">Request Withdrawal</a>
    </div>

    @if($withdrawals->count() > 0)
        <div class="overflow-x-auto">
            <table class="table">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Amount</th>
                        <th>Method</th>
                        <th>Status</th>
                        <th>Processed By</th>
                        <th>Date</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($withdrawals as $withdrawal)
                    <tr>
                        <td class="text-sm text-gray-500">#{{ $withdrawal->id }}</td>
                        <td class="font-semibold">${{ number_format($withdrawal->amount, 2) }}</td>
                        <td class="text-sm">{{ ucfirst(str_replace('_', ' ', $withdrawal->payment_method)) }}</td>
                        <td>
                            @php
                                $badgeClass = match($withdrawal->status) {
                                    'pending' => 'badge-yellow',
                                    'approved' => 'badge-green',
                                    'rejected' => 'badge-red',
                                    default => 'badge-gray',
                                };
                            @endphp
                            <span class="badge {{ $badgeClass }}">{{ ucfirst($withdrawal->status) }}</span>
                        </td>
                        <td class="text-sm">{{ $withdrawal->processor?->name ?? '-' }}</td>
                        <td class="text-sm text-gray-500">{{ $withdrawal->created_at->format('M d, Y') }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        <div class="mt-6">{{ $withdrawals->links() }}</div>
    @else
        <p class="text-gray-500 text-center py-8">No withdrawal requests yet</p>
    @endif
</div>
@endsection