@extends('layouts.madar-guest')

@section('title', 'تسجيل الدخول')

@section('content')
<div class="w-full max-w-md">
    <div class="glass-card p-8">
        <h1 class="text-center text-2xl font-extrabold">مرحباً بعودتك</h1>
        <p class="mt-2 text-center text-sm text-zinc-400">سجّل دخولك لاستخدام منصة مدار</p>
        <form method="POST" action="{{ route('web.login.attempt') }}" class="mt-8 space-y-4">
            @csrf
            <div>
                <label class="mb-1 block text-xs text-zinc-400">البريد أو اسم المستخدم</label>
                <input type="text" name="login" value="{{ old('login') }}" required class="madar-input" autocomplete="username">
                @error('login')<p class="mt-1 text-xs text-red-400">{{ $message }}</p>@enderror
            </div>
            <div>
                <label class="mb-1 block text-xs text-zinc-400">كلمة المرور</label>
                <input type="password" name="password" required class="madar-input" autocomplete="current-password">
            </div>
            <button type="submit" class="neon-btn w-full">تسجيل الدخول</button>
        </form>
        <p class="mt-6 text-center text-sm text-zinc-500">
            <a href="{{ route('web.password.request') }}" class="text-cyan-400 hover:underline">نسيت كلمة المرور؟</a>
        </p>
        <p class="mt-2 text-center text-sm text-zinc-500">
            ليس لديك حساب؟ <a href="{{ route('web.register') }}" class="font-bold text-violet-400 hover:underline">إنشاء حساب</a>
        </p>
    </div>
</div>
@endsection