@extends('layouts.base')
@section('content')
<div class="min-h-screen flex items-center justify-center px-4">
        <div class="glass rounded-2xl p-8 w-full max-w-md anim-in">
            <a href="{{ route('home') }}" class="flex items-center gap-2 mb-6 text-lg font-bold">
                <span class="text-2xl">🤖</span>
                <span class="bg-gradient-to-r from-indigo-400 to-purple-400 bg-clip-text text-transparent">DummyBot</span>
            </a>
            <h1 class="text-2xl font-bold mb-1">Bienvenido de vuelta</h1>
            <p class="text-zinc-400 text-sm mb-6">Entra para ver tus tareas</p>

            @if ($errors->any())
                <div class="mb-4 p-3 rounded-lg bg-red-500/10 border border-red-500/30 text-red-300 text-sm">
                    {{ $errors->first() }}
                </div>
            @endif

            <form method="POST" action="{{ route('login') }}" class="space-y-4">
                @csrf
                <div>
                    <label class="block text-sm text-zinc-400 mb-1">Email</label>
                    <input type="email" name="email" required autofocus class="input"
                           value="{{ old('email') }}" autocomplete="email">
                </div>
                <div>
                    <label class="block text-sm text-zinc-400 mb-1">Contraseña</label>
                    <input type="password" name="password" required class="input" autocomplete="current-password">
                </div>
                <button type="submit" class="btn btn-primary w-full justify-center">Entrar</button>
            </form>
            <p class="mt-6 text-center text-sm text-zinc-500">
                ¿No tienes cuenta?
                <a href="{{ route('register') }}" class="text-indigo-400 hover:underline">Crea una</a>
            </p>
        </div>
    </div>


@endsection