<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>استمارة تسجيل السائق</title>
    <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap" rel="stylesheet">
    <style>
        body { font-family: Cairo, sans-serif; background: #0a0a0a; color: #fff; margin: 0; padding: 24px 16px 48px; }
        .wrap { max-width: 520px; margin: 0 auto; }
        h1 { font-size: 1.25rem; color: #FFD000; }
        label { display: block; margin-bottom: 6px; font-size: 0.9rem; color: #ccc; }
        input, select { width: 100%; padding: 10px 12px; border-radius: 8px; border: 1px solid #333; background: #111; color: #fff; font-family: inherit; box-sizing: border-box; margin-bottom: 14px; }
        input[type="file"] { padding: 8px; }
        .hint { font-size: 0.8rem; color: #888; margin-top: -10px; margin-bottom: 14px; }
        button { width: 100%; padding: 14px; border: none; border-radius: 10px; background: #FFD000; color: #000; font-weight: 700; font-size: 1rem; cursor: pointer; font-family: inherit; margin-top: 8px; }
        .err { color: #f66; font-size: 0.85rem; margin: -8px 0 12px; }
        .alert-error { background: #3d0d0d; color: #f8a8a8; padding: 12px; border-radius: 8px; margin-bottom: 16px; border: 1px solid #6b1a1a; }
    </style>
</head>
<body>
<div class="wrap">
    <h1>بيانات السائق والمستمسكات</h1>
    <p style="color:#aaa;font-size:0.9rem;">الحقول المطلوبة: الاسم الكامل، الهاتف، البريد، كلمة المرور، سنوات الخبرة، نوع السيارة، رقم اللوحة، سنة الموديل، اللون، صورة شخصية.</p>

    @if(session('error'))
        <div class="alert-error">{{ session('error') }}</div>
    @endif

    <form method="post" action="{{ route('driver.subscribe.register.submit') }}" enctype="multipart/form-data">
        @csrf
        <label for="name">الاسم الكامل</label>
        <input type="text" id="name" name="name" value="{{ old('name') }}" required>
        @error('name')<div class="err">{{ $message }}</div>@enderror

        <label for="phone">رقم الهاتف</label>
        <input type="tel" id="phone" name="phone" value="{{ old('phone') }}" placeholder="07xxxxxxxx" required>
        @error('phone')<div class="err">{{ $message }}</div>@enderror

        <label for="email">البريد الإلكتروني</label>
        <input type="email" id="email" name="email" value="{{ old('email') }}" required>
        @error('email')<div class="err">{{ $message }}</div>@enderror

        <label for="password">كلمة المرور</label>
        <input type="password" id="password" name="password" required minlength="8">
        @error('password')<div class="err">{{ $message }}</div>@enderror

        <label for="password_confirmation">تأكيد كلمة المرور</label>
        <input type="password" id="password_confirmation" name="password_confirmation" required>

        <label for="experience_years">سنوات الخبرة في القيادة</label>
        <div class="hint">(المقصود بـ «السنوية» في المستمسكات — عدد سنوات الخبرة)</div>
        <input type="number" id="experience_years" name="experience_years" min="0" max="60" value="{{ old('experience_years', 0) }}" required>

        <label for="vehicle_type">نوع السيارة</label>
        <input type="text" id="vehicle_type" name="vehicle_type" value="{{ old('vehicle_type') }}" placeholder="مثال: سيدان، SUV" required>
        @error('vehicle_type')<div class="err">{{ $message }}</div>@enderror

        <label for="license_plate">رقم السيارة (اللوحة)</label>
        <input type="text" id="license_plate" name="license_plate" value="{{ old('license_plate') }}" required>
        @error('license_plate')<div class="err">{{ $message }}</div>@enderror

        <label for="vehicle_model_year">سنة موديل السيارة</label>
        <input type="number" id="vehicle_model_year" name="vehicle_model_year" min="1980" max="{{ date('Y') + 1 }}" value="{{ old('vehicle_model_year') }}" required>

        <label for="vehicle_color">لون السيارة</label>
        <input type="text" id="vehicle_color" name="vehicle_color" value="{{ old('vehicle_color') }}" required>

        <label for="profile_image">صورة شخصية للسائق</label>
        <input type="file" id="profile_image" name="profile_image" accept="image/*" required>
        @error('profile_image')<div class="err">{{ $message }}</div>@enderror

        <button type="submit">إرسال الطلب للإدارة</button>
    </form>
</div>
</body>
</html>
