@extends('layouts.vendor')

@section('page-title', 'Request Payout')

@section('vendor-content')
<div class="container-fluid px-4 py-3">
    <div class="card mb-4">
        <div class="card-header">
            <h3 class="mb-0">Request Payout</h3>
        </div>
        
        <div class="card-body">
            <div class="alert alert-info">
                <strong>Payout Requirements:</strong>
                <ul class="mb-0">
                    <li>Minimum payout amount: ₦5,000</li>
                    <li>Available balance: ₦{{ number_format($balance, 2) }}</li>
                    <li>Pending payouts: ₦{{ number_format($pendingPayouts, 2) }}</li>
                </ul>
            </div>

            <form action="{{ route('vendor.payout.form') }}" method="POST">
                @csrf

                <div class="mb-3">
                    <label for="amount" class="form-label">Amount to Withdraw</label>
                    <input type="number" 
                           class="form-control" 
                           id="amount" 
                           name="amount"
                           min="5000"
                           max="{{ $balance - $pendingPayouts }}"
                           step="0.01"
                           required>
                    <small class="form-text text-muted">
                        Available for withdrawal: ₦{{ number_format($balance - $pendingPayouts, 2) }}
                    </small>
                </div>

                <button type="submit" class="btn btn-primary">
                    Submit Payout Request
                </button>
            </form>
        </div>
    </div>

    @if($pendingPayouts > 0)
    <div class="card">
        <div class="card-header">
            <h4 class="mb-0">Pending Payouts</h4>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-striped">
                    <thead>
                        <tr>
                            <th>Amount</th>
                            <th>Request Date</th>
                            <th>Status</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach(Auth::user()->wallet->payouts()->where('status', 'pending')->get() as $payout)
                        <tr>
                            <td>₦{{ number_format($payout->amount, 2) }}</td>
                            <td>{{ $payout->requested_at->format('M d, Y H:i') }}</td>
                            <td><span class="badge bg-warning">{{ ucfirst($payout->status) }}</span></td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    @endif
</div>
@endsection