{{--
    Sign in — the only way into NREMS. Theme A has no authored auth screen, so
    this is a stock Metronic single-card sign-in restyled to the wireframe
    identity: form-control-solid fields, a full-width primary button, and the
    guest shell's centred mw-450px card. Field names are Fortify's contract
    (email / password / remember) and must not drift.

    The fields come from the <x-form.*> library, so this screen picks up the
    same label / asterisk / error markup as every module form. Remember-me is
    hand-rolled: a lone checkbox sharing a row with the "forgot password" link
    is not what x-form.checkbox-group renders.

    <x-form.open> emits the tag, the CSRF token and `novalidate` — the last of
    those turns off the browser's own bubble validation so jsvalidation owns the
    client-side messages; the real check is still Fortify's.
--}}
@extends('layouts.guest')

@section('title', __('auth_pages.login.title'))

@section('content')

    <!--begin::Heading-->
    <div class="text-center mb-8">
        <h1 class="fs-2 fw-bold mb-2">{{ __('auth_pages.login.heading') }}</h1>
        <p class="text-muted fs-7 mb-0">{{ __('auth_pages.login.subtitle') }}</p>
    </div>
    <!--end::Heading-->

    @if (session('status'))
        <div class="alert alert-success fs-7 py-3" role="status">{{ session('status') }}</div>
    @endif

    <x-form.open id="nrems_login_form" :action="route('login')" />

        <x-form.input
            name="email"
            type="email"
            :label="__('auth_pages.login.email')"
            required
            :placeholder="__('auth_pages.login.email_placeholder')"
            autocomplete="email"
            inputmode="email"
            autofocus />

        <x-form.input
            name="password"
            type="password"
            :label="__('auth_pages.login.password')"
            required
            autocomplete="current-password" />

        <!--begin::Remember + forgot-->
        <div class="d-flex flex-wrap align-items-center justify-content-between gap-2 mb-8">
            <div class="form-check">
                <input class="form-check-input" id="remember" type="checkbox" name="remember" value="1" {{ old('remember') ? 'checked' : '' }} />
                <label class="form-check-label fs-7" for="remember">{{ __('auth_pages.login.remember') }}</label>
            </div>

            <a class="fs-7 fw-semibold text-primary" href="{{ route('password.request') }}">{{ __('auth_pages.login.forgot_password') }}</a>
        </div>
        <!--end::Remember + forgot-->

        <button class="btn btn-primary w-100" type="submit">{{ __('auth_pages.login.submit') }}</button>
    <x-form.close />

    <x-form.jsvalidation :request="\App\Http\Requests\Auth\LoginPageRequest::class" selector="#nrems_login_form" />

@endsection