dummybot/resources/views/pages/login.blade.php

37 lines
1.8 KiB
PHP

<x-layouts.base>
<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>
</x-layouts.base>