@extends('layouts.auth')

@section('title', 'Sign in')

@section('content')
    <div class="auth-heading">
        <span class="eyebrow">Private workspace</span>
        <h2>Welcome back</h2>
        <p>Sign in with your authorised ZumaX account.</p>
    </div>

    <form method="post" action="{{ route('login.store') }}" class="stack-form">
        @csrf
        <label>
            <span>Email address</span>
            <input type="email" name="email" value="{{ old('email') }}" required autofocus autocomplete="username" inputmode="email">
        </label>
        <label>
            <span>Password</span>
            <input type="password" name="password" required autocomplete="current-password">
        </label>
        <label class="check-row">
            <input type="checkbox" name="remember" value="1">
            <span>Keep me signed in on this private device</span>
        </label>
        <button class="button button-primary button-full" type="submit">Continue securely</button>
    </form>

    <div class="auth-links">
        <a href="{{ route('password.request') }}">Forgot your password?</a>
        <a href="{{ route('home') }}">Return to website</a>
    </div>
    <p class="auth-security-note">Accounts are created by the Owner. Public registration is disabled.</p>
@endsection