@extends('layouts.guest')

@section('title', 'Entrar')

@section('content')
<div class="login-shell">
    <section class="login-rail" aria-hidden="false">
        <div class="login-rail-inner">
            <x-brand-lockup variant="horizontal" large showTag tagClass="text-paper/70" nameClass="text-paper" size="xl" />
            <h1 class="login-headline">A mídia chega antes da conexão.</h1>
            <p class="login-lede">Painel de operação para campanhas em hotspots Wi-Fi públicos. Controle, aprovação e medição no mesmo lugar.</p>
        </div>
        <p class="login-rail-foot">wifi.restor.app.br</p>
    </section>

    <section class="login-form-pane">
        <div class="login-form-wrap">
            <div class="login-mobile-brand">
                <x-brand-lockup variant="horizontal" nameClass="text-ink" />
            </div>
            <p class="form-kicker">Acesso operacional</p>
            <h2>Entrar no painel</h2>

            <form method="POST" action="{{ route('login.store') }}" class="stack-form" novalidate>
                @csrf

                <div class="field">
                    <label for="email">E-mail</label>
                    <input id="email" name="email" type="email" value="{{ old('email') }}" autocomplete="username" required autofocus>
                    @error('email')
                        <p class="field-error">{{ $message }}</p>
                    @enderror
                </div>

                <div class="field">
                    <label for="password">Senha</label>
                    <input id="password" name="password" type="password" autocomplete="current-password" required>
                    @error('password')
                        <p class="field-error">{{ $message }}</p>
                    @enderror
                </div>

                <label class="check-row">
                    <input type="checkbox" name="remember" value="1">
                    <span>Manter sessão neste equipamento</span>
                </label>

                <button type="submit" class="btn-primary w-full">Entrar</button>
            </form>
        </div>
    </section>
</div>
@endsection