@extends('layouts.auth')

@section('content')
    <h1>Login</h1>
    <p class="muted">Use email or mobile number to continue.</p>

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

    <form method="POST" action="{{ route('login.store') }}">
        @csrf
        <div class="field">
            <label for="login">Email / Mobile</label>
            <input id="login" name="login" value="{{ old('login') }}" autocomplete="username" autofocus>
            @error('login') <span class="error">{{ $message }}</span> @enderror
        </div>
        <div class="field">
            <label for="password">Password</label>
            <input id="password" name="password" type="password" autocomplete="current-password">
            @error('password') <span class="error">{{ $message }}</span> @enderror
        </div>
        <label class="check-row">
            <input type="checkbox" name="remember" value="1">
            <span>Remember me</span>
        </label>
        <button class="btn btn-primary full" type="submit">Login</button>
    </form>

    <p><a href="{{ route('password.request') }}">Forgot password?</a></p>
    <p class="muted">OTP login and 2FA gateway hooks are prepared in this module.</p>
@endsection