@extends('site.layout')

@section('title', $ui['login'] . ' | ' . $ui['brand'])

@section('content')
    <section class="page-hero">
        <div class="container page-hero__grid">
            <div>
                <span class="section-kicker">{{ $ui['login'] }}</span>
                <h1>{{ $ui['login'] }}</h1>
                <p>{{ $currentLocale === 'en' ? 'Login to ask questions, reply in Darul Ifta, or manage the website.' : 'د دارالافتاء پوښتنو، ځوابونو او ادارې لپاره خپل حساب ته ننوځئ.' }}</p>
            </div>
            <img src="{{ asset('images/logo.png') }}" alt="">
        </div>
    </section>

    <section class="section-pad">
        <form class="form-panel auth-panel" method="post" action="{{ route('login.store') }}">
            @csrf
            <label>
                <span>Email</span>
                <input type="email" name="email" value="{{ old('email') }}" required autofocus>
                @error('email') <small>{{ $message }}</small> @enderror
            </label>
            <label>
                <span>Password</span>
                <input type="password" name="password" required>
                @error('password') <small>{{ $message }}</small> @enderror
            </label>
            <label class="check-row">
                <input type="checkbox" name="remember" value="1">
                <span>Remember me</span>
            </label>
            <button class="btn btn-primary" type="submit"><i data-lucide="log-in" aria-hidden="true"></i> {{ $ui['login'] }}</button>
            <a class="auth-link" href="{{ route('register') }}">{{ $ui['register'] }}</a>
        </form>
    </section>
@endsection
