@extends('layouts.app')

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

@section('body-class', 'login-shell')

@section('content')
    <div class="login-panel card">
        <div class="text-center">
            <img src="{{ asset('images/logo.png') }}" alt="{{ config('app.name', 'Help Numo') }}" class="brand-logo brand-logo--auth" width="240" height="56">
        </div>
        <div class="login-panel__intro">
            <h1 class="heading-l">تسجيل الدخول</h1>
        </div>

        @if (request()->boolean('session_expired'))
            <div class="alert-info alert-info--warning mb-3" role="status">
                انتهت جلستك لأسباب أمنية. سجّل الدخول من جديد للمتابعة.
            </div>
        @endif

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

        <form method="POST" action="{{ route('admin.login.store') }}" class="login-form mt-3">
            @csrf
            <label class="form-label" for="email">البريد الإلكتروني</label>
            <input id="email" name="email" type="email" value="{{ old('email') }}" class="input-control @error('email') is-invalid @enderror" placeholder="admin@example.com" required autofocus>
            @error('email')
                <span class="form-error">{{ $message }}</span>
            @enderror

            <button type="submit" class="btn btn--primary w-full mt-4">
                {{ config('services.otp.enabled') ? 'إرسال رمز التحقق' : 'تسجيل الدخول' }}
            </button>
        </form>

        <p class="body-s text-muted text-center mt-4">
            الوصول مخصص للإدارة فقط. العودة إلى <a href="{{ route('library.home') }}" class="link-plain">مكتبة الشروحات</a>.
        </p>
    </div>
@endsection