@extends('v2.layout')

@section('title', 'تسجيل الدخول - GOVI')
@section('meta_description', 'تسجيل الدخول إلى حسابك في منصة GOVI لحوكمة وتنمية البيانات الرقمية.')

@push('head')
<meta name="robots" content="noindex, follow">
@endpush

@section('content')

<section class="auth-hero">
    <div class="container">
        <div class="auth-card">
            <div class="eyebrow light">مرحباً بعودتك</div>
            <h1>تسجيل الدخول</h1>
            <p class="sub">ادخل إلى حسابك لمتابعة خدماتك وطلباتك</p>

            <div class="form">
                @if (session('status'))
                    <div class="auth-status" role="status">{{ session('status') }}</div>
                @endif

                <form method="POST" action="{{ route('login') }}">
                    @csrf
                    <label class="w-100" for="a-email">البريد الإلكتروني
                        <input class="form-control @error('email') is-invalid @enderror" id="a-email" type="email" name="email" value="{{ old('email') }}" autocomplete="username" dir="ltr" required autofocus>
                        @error('email')<span class="invalid-feedback d-block">{{ $message }}</span>@enderror
                    </label>
                    <label class="w-100" for="a-password">كلمة المرور
                        <input class="form-control @error('password') is-invalid @enderror" id="a-password" type="password" name="password" autocomplete="current-password" dir="ltr" required>
                        @error('password')<span class="invalid-feedback d-block">{{ $message }}</span>@enderror
                    </label>
                    <div class="auth-links">
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="remember" id="a-remember">
                            <label class="form-check-label mb-0" for="a-remember" style="font-size:12.5px">تذكرني</label>
                        </div>
                        @if (Route::has('password.request'))
                            <a href="{{ route('password.request') }}">نسيت كلمة المرور؟</a>
                        @endif
                    </div>
                    <button class="btn btn-govi w-100 py-3" type="submit">دخول <i class="ti ti-login-2"></i></button>
                </form>

                <p class="auth-alt">ليس لديك حساب؟ <a href="{{ route('register') }}">سجّل الآن</a></p>
            </div>
        </div>
    </div>
</section>

@endsection