@extends('layouts.app')
@section('title', 'New Payout Run')

@section('content')
<div class="px-4 py-4 lg:px-8">
    <div class="flex items-center gap-3 mb-4">
        <a href="{{ route('corporate.referrals.payouts.index') }}" class="btn-secondary text-xs">← Payouts</a>
        <h1 class="text-lg font-semibold text-gray-800">New Payout Run</h1>
    </div>

    @if($errors->any())
        <div class="mb-3 px-4 py-2 bg-red-50 border border-red-200 text-red-800 text-sm rounded">
            @foreach($errors->all() as $err) <div>• {{ $err }}</div> @endforeach
        </div>
    @endif

    <form method="POST" action="{{ route('corporate.referrals.payouts.store') }}"
          class="bg-white rounded-lg border border-gray-200 p-5 max-w-2xl space-y-4">
        @csrf

        <div>
            <label class="form-label">Scheme *</label>
            <select name="corporate_account_id" class="form-input" required>
                <option value="">— Select scheme —</option>
                @foreach($schemes as $s)
                    <option value="{{ $s->id }}">{{ $s->code }} — {{ $s->name }}</option>
                @endforeach
            </select>
        </div>

        <div class="grid grid-cols-2 gap-4">
            <div>
                <label class="form-label">Period Start *</label>
                <input type="date" name="period_start" class="form-input" required
                       value="{{ old('period_start', $defaultStart->toDateString()) }}">
            </div>
            <div>
                <label class="form-label">Period End *</label>
                <input type="date" name="period_end" class="form-input" required
                       value="{{ old('period_end', $defaultEnd->toDateString()) }}">
            </div>
        </div>

        <div class="bg-blue-50 border border-blue-200 rounded p-3 text-xs text-blue-800">
            All <strong>Successful</strong> referrals in this period that haven't been paid yet will be rolled up into one draft run. You can review, approve, and mark Sent once the M-Pesa transfers are made.
        </div>

        <div class="flex justify-end gap-2 pt-3 border-t border-gray-100">
            <a href="{{ route('corporate.referrals.payouts.index') }}" class="btn-secondary text-sm">Cancel</a>
            <button type="submit" class="btn-primary text-sm">Generate Draft</button>
        </div>
    </form>
</div>
@endsection