@extends('layouts.app')
@section('title', 'Acceso · Taks')
@section('body-class', 'auth-page')
@section('content')
<div class="auth-card">
    <div class="brand"><img class="brand-mark" src="{{ asset('images/taks-mark.svg') }}" width="32" height="32" alt=""><span>Taks</span></div>
    <form method="post" action="{{ $setup ? url('/setup') : route('login') }}">
        @csrf
        <label for="email">Correo electrónico</label>
        <input id="email" class="form-control" name="email" type="email" value="{{ old('email') }}" autocomplete="username" required maxlength="254" autofocus>
        <label for="password" class="mt-3">Contraseña</label>
        <input id="password" class="form-control" name="password" type="password" autocomplete="{{ $setup ? 'new-password' : 'current-password' }}" required @if($setup) minlength="12" maxlength="128" aria-describedby="password-help" @endif>
        @if($setup)<p id="password-help" class="muted mt-2">Al menos 12 caracteres.</p>@endif
        <button class="btn btn-primary w-100 mt-4">{{ $setup ? 'Crear acceso y entrar' : 'Entrar' }}</button>
    </form>
</div>
@endsection