44 lines
1.9 KiB
HTML
44 lines
1.9 KiB
HTML
<!-- Portal Login -->
|
|
<div class="w-full max-w-md mx-auto">
|
|
<div class="text-center mb-8">
|
|
<span class="w-14 h-14 rounded-2xl flex items-center justify-center text-white text-2xl font-bold mx-auto mb-4" style="background:#8eb02f">U</span>
|
|
<h1 class="text-2xl font-bold text-slate-800">Portal de Clientes</h1>
|
|
<p class="text-slate-500 text-sm mt-1">Accede a tu espacio de trabajo</p>
|
|
</div>
|
|
|
|
{{ if .error }}
|
|
<div class="bg-red-50 border border-red-200 text-red-700 rounded-xl px-4 py-3 mb-4 text-sm">
|
|
{{ .error }}
|
|
</div>
|
|
{{ end }}
|
|
|
|
<div class="bg-white rounded-2xl shadow-lg border border-slate-200 p-8">
|
|
<form method="POST" action="/portal/login">
|
|
<div class="space-y-4">
|
|
<div>
|
|
<label class="block text-xs font-semibold text-slate-500 uppercase tracking-wide mb-1">Email</label>
|
|
<input type="email" name="email" required autofocus
|
|
class="w-full border border-slate-200 rounded-xl px-4 py-3 text-sm outline-none focus:border-[#8eb02f] transition-colors"
|
|
placeholder="tu@email.com">
|
|
</div>
|
|
<div>
|
|
<label class="block text-xs font-semibold text-slate-500 uppercase tracking-wide mb-1">Contraseña</label>
|
|
<input type="password" name="password" required
|
|
class="w-full border border-slate-200 rounded-xl px-4 py-3 text-sm outline-none focus:border-[#8eb02f] transition-colors">
|
|
</div>
|
|
<button type="submit"
|
|
class="w-full py-3 rounded-xl font-semibold text-white text-sm transition-colors"
|
|
style="background:#8eb02f"
|
|
onmouseover="this.style.background='#6d8c24'"
|
|
onmouseout="this.style.background='#8eb02f'">
|
|
Ingresar
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<p class="text-center text-xs text-slate-400 mt-6">
|
|
© 2025 U-site — Todos los derechos reservados
|
|
</p>
|
|
</div>
|