@extends('layouts.app')
@section('title', 'Withdraw')
@section('content')
<div class="max-w-2xl mx-auto px-4 py-8">
    <a href="{{ route('wallet.index') }}" class="text-purple-600 hover:underline text-sm mb-6 inline-block"><i class="fas fa-arrow-left mr-1"></i>Back to Wallet</a>
    <div class="bg-white rounded-2xl shadow-lg p-8">
        <h1 class="text-2xl font-bold text-gray-800 mb-2"><i class="fas fa-arrow-down text-blue-500 mr-2"></i>Withdraw Funds</h1>
        <p class="text-gray-500 text-sm mb-6">Available balance: <strong class="text-green-600">${{ number_format($user->balance, 2) }}</strong></p>
        <form action="{{ route('wallet.withdraw.submit') }}" method="POST" class="space-y-5">
            @csrf
            <div>
                <label class="block text-sm font-medium text-gray-700 mb-1">Withdrawal Method</label>
                <select name="payment_method_id" required class="w-full border border-gray-300 rounded-lg px-4 py-2.5 focus:ring-2 focus:ring-purple-500">
                    <option value="">Select Method</option>
                    @foreach($paymentMethods as $m)
                    <option value="{{ $m->id }}">{{ $m->name }} (Min: ${{ number_format($m->min_withdrawal, 2) }})</option>
                    @endforeach
                </select>
                @if($paymentMethods->isEmpty())
                <p class="text-yellow-600 text-xs mt-1"><i class="fas fa-exclamation-triangle mr-1"></i>No withdrawal methods are currently available.</p>
                @endif
            </div>
            <div>
                <label class="block text-sm font-medium text-gray-700 mb-1">Amount ($)</label>
                <input type="number" name="amount" step="0.01" min="0.01" max="{{ $user->balance }}" required
                    placeholder="Enter amount" value="{{ old('amount') }}"
                    class="w-full border border-gray-300 rounded-lg px-4 py-2.5 focus:ring-2 focus:ring-purple-500">
            </div>
            <div>
                <label class="block text-sm font-medium text-gray-700 mb-1">Account Details</label>
                <textarea name="account_details" rows="3" required
                    placeholder="Provide your account details (e.g. PayPal email, bank account number, crypto wallet address)"
                    class="w-full border border-gray-300 rounded-lg px-4 py-2.5 focus:ring-2 focus:ring-purple-500">{{ old('account_details') }}</textarea>
            </div>
            <div class="bg-yellow-50 rounded-lg p-4 text-sm text-yellow-800">
                <i class="fas fa-info-circle mr-2"></i>Withdrawal requests are processed within 1-3 business days.
            </div>
            <button type="submit" class="w-full bg-blue-600 text-white py-3 rounded-xl font-bold hover:bg-blue-700 transition">
                <i class="fas fa-paper-plane mr-2"></i>Submit Withdrawal Request
            </button>
        </form>
    </div>
</div>
@endsection