@extends('layouts.app')
@section('title', $rider->exists ? 'Edit Rider' : 'Register Rider')

@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.riders.index') }}" class="btn-secondary text-xs">← Riders</a>
        <h1 class="text-lg font-semibold text-gray-800">{{ $rider->exists ? "Edit {$rider->rider_code}" : 'Register New Rider' }}</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="{{ $rider->exists ? route('corporate.referrals.riders.update', $rider) : route('corporate.referrals.riders.store') }}"
          class="bg-white rounded-lg border border-gray-200 p-5 max-w-3xl space-y-4">
        @csrf
        @if($rider->exists) @method('PUT') @endif

        <div class="grid grid-cols-2 gap-4">
            <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 }}"
                            @selected(old('corporate_account_id', $rider->corporate_account_id ?? ($defaultScheme ?? null)) == $s->id)>
                            {{ $s->code }} — {{ $s->name }}
                        </option>
                    @endforeach
                </select>
                <p class="text-[11px] text-gray-500 mt-1">Only schemes with the referral program enabled appear here.</p>
            </div>
            <div>
                <label class="form-label">Rider Code</label>
                <input type="text" name="rider_code" class="form-input"
                       value="{{ old('rider_code', $rider->rider_code) }}"
                       placeholder="Auto: MKR-R0001"
                       {{ $rider->exists ? '' : '' }}>
                <p class="text-[11px] text-gray-500 mt-1">Leave blank to auto-generate from scheme code.</p>
            </div>
        </div>

        <div class="grid grid-cols-3 gap-4">
            <div>
                <label class="form-label">First Name *</label>
                <input type="text" name="first_name" class="form-input" required
                       value="{{ old('first_name', $rider->first_name) }}">
            </div>
            <div>
                <label class="form-label">Last Name *</label>
                <input type="text" name="last_name" class="form-input" required
                       value="{{ old('last_name', $rider->last_name) }}">
            </div>
            <div>
                <label class="form-label">Status *</label>
                <select name="status" class="form-input" required>
                    @foreach(['Active','Suspended','Closed'] as $s)
                        <option value="{{ $s }}" @selected(old('status', $rider->status ?? 'Active') === $s)>{{ $s }}</option>
                    @endforeach
                </select>
            </div>
        </div>

        <div class="grid grid-cols-3 gap-4">
            <div>
                <label class="form-label">Phone *</label>
                <input type="text" name="phone" class="form-input" required
                       value="{{ old('phone', $rider->phone) }}"
                       placeholder="+254 700 000 000">
            </div>
            <div>
                <label class="form-label">M-Pesa Number *</label>
                <input type="text" name="mpesa_number" class="form-input" required
                       value="{{ old('mpesa_number', $rider->mpesa_number) }}"
                       placeholder="Same as phone, or different">
            </div>
            <div>
                <label class="form-label">National ID</label>
                <input type="text" name="national_id" class="form-input"
                       value="{{ old('national_id', $rider->national_id) }}">
            </div>
        </div>

        <div class="grid grid-cols-2 gap-4">
            <div>
                <label class="form-label">Bike Registration</label>
                <input type="text" name="bike_registration" class="form-input"
                       value="{{ old('bike_registration', $rider->bike_registration) }}"
                       placeholder="KMEA 123A">
            </div>
            <div>
                <label class="form-label">Route / Stage</label>
                <input type="text" name="route_or_stage" class="form-input"
                       value="{{ old('route_or_stage', $rider->route_or_stage) }}"
                       placeholder="Utawala-Mihang'o">
            </div>
        </div>

        <div>
            <label class="form-label">Notes</label>
            <textarea name="notes" rows="2" class="form-input">{{ old('notes', $rider->notes) }}</textarea>
        </div>

        <div class="flex justify-end gap-2 pt-3 border-t border-gray-100">
            <a href="{{ route('corporate.referrals.riders.index') }}" class="btn-secondary text-sm">Cancel</a>
            <button type="submit" class="btn-primary text-sm">{{ $rider->exists ? 'Save Changes' : 'Register Rider' }}</button>
        </div>
    </form>
</div>
@endsection