@extends('admin.layouts.auth')

@section('content')
    <h1>Entrar</h1>
    <p class="hint">Usa as tuas credenciais de administrador para aceder ao backoffice.</p>

    @if($errors->any())
        <div class="err" role="alert">
            <div class="dot" aria-hidden="true"></div>
            <div>{{ $errors->first() }}</div>
        </div>
    @endif

    <form method="POST" action="{{ route('login.submit') }}" autocomplete="on" novalidate>
        @csrf

        <label for="email">Email</label>
        <div class="field">
            <input
                id="email"
                type="email"
                name="email"
                value="{{ old('email') }}"
                placeholder="ex.: admin@azpadel.pt"
                autofocus
                required
            >
        </div>

        <label for="password">Password</label>
        <div class="field">
            <input
                id="password"
                type="password"
                name="password"
                placeholder="••••••••••"
                required
            >
        </div>

        <div class="row">
            <label class="remember" style="margin:0; text-transform:none; letter-spacing:0; font-size:13px;">
                <input type="checkbox" name="remember" value="1">
                Lembrar sessão
            </label>

            {{-- se tiveres route de reset password, ativa isto --}}
            {{-- <a href="{{ route('password.request') }}" style="color:rgba(243,244,246,.72); font-size:13px; text-decoration:none;">
                Esqueci-me
            </a> --}}
        </div>

        <button class="btn" type="submit">
            Entrar
        </button>

        <div class="muted">
            Dica: se estiveres a usar 2FA, confirma que a hora do telemóvel está correta.
        </div>
    </form>
@endsection