@extends('layouts.tropa', ['title' => 'Tropa do FiniN | Login', 'page' => 'login'])

@section('content')
    <main class="screen screen-register">
        <section class="register-shell auth-shell">
            <aside class="register-side">
                <a href="{{ route('landing') }}" class="ghost-link">Voltar</a>
                <span class="eyebrow">Acesso da tropa</span>
                <h1>Entre na pelada</h1>
                <p>
                    Use o e-mail e a senha do cadastro para acessar a home, a area admin e a configuracao do banco.
                </p>

                <div class="hero-highlights">
                    <div class="info-chip">
                        <strong>Perfil salvo</strong>
                        <span>Seu cadastro fica protegido pela sessao do Laravel.</span>
                    </div>
                    <div class="info-chip">
                        <strong>Rotas fechadas</strong>
                        <span>As telas internas pedem login antes de abrir.</span>
                    </div>
                </div>
            </aside>

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

                    <div class="section-heading">
                        <span>Login</span>
                        <h2>Acesse sua conta</h2>
                    </div>

                    <div class="form-grid">
                        <label class="input-group input-group-full">
                            <span>E-mail</span>
                            <input type="email" name="email" value="{{ old('email') }}" placeholder="voce@domingao.com" autocomplete="email" autofocus>
                        </label>

                        <label class="input-group input-group-full">
                            <span>Senha</span>
                            <input type="password" name="senha" placeholder="Sua senha" autocomplete="current-password">
                        </label>
                    </div>

                    <label class="auth-check">
                        <input type="checkbox" name="remember" value="1">
                        <span>Lembrar acesso neste navegador</span>
                    </label>

                    @if ($errors->any())
                        <div class="form-feedback server-feedback" aria-live="polite">
                            {{ $errors->first() }}
                        </div>
                    @else
                        <div class="form-feedback" aria-live="polite"></div>
                    @endif

                    <div class="form-actions">
                        <button type="submit" class="primary-button">Entrar</button>
                        <a href="{{ route('register') }}" class="secondary-button">Criar cadastro</a>
                    </div>
                </form>
            </section>
        </section>
    </main>
@endsection