alumnos_ti/LauckCycles
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'SystemaFull' of https://github.com/BryamE/ProyectoLauck into PruebasFunciones

Browse Source
This commit is contained in:
Bryam105
2026-06-03 10:02:14 -03:00
parent 40d4127079 e22a51581d
commit bc9e327913
1 changed files with 49 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/register.blade.php
+28 -27
View File
@@ -1,18 +1,16 @@
<x-layout title="Register - Lauck"> <x-layout title="Register - Lauck">
<div class="justify-center"> <div class="w-full flex flex-col items-center justify-center pt-8">
<x-section-header subtitle="Crear una cuenta" title="Bicicletería " highlight="Lauck" /> <x-section-header subtitle="Crear una cuenta" title="Bicicletería " highlight="Lauck" />
</div>
<div class="flex flex-col items-center space-y-6 w-full max-w-lg p-6"> <div class="bg-gray-100 dark:bg-panel-bg p-8 rounded-xl shadow-lg w-full max-w-md border border-gray-300 dark:border-neutral-700 mt-6">
<div class="bg-zinc-900 p-8 rounded-xl shadow-lg w-full max-w-md border-2 border-gray-500">
<form action="{{ route('register.store') }}" method="POST" class="space-y-5"> <form action="{{ route('register.store') }}" method="POST" class="space-y-6">
@csrf @csrf
{{-- Bloque de errores --}} {{-- Bloque de errores --}}
@if ($errors->any()) @if ($errors->any())
<div class="bg-red-900 border border-red-700 text-white p-3 rounded-md"> <div class="bg-red-100 dark:bg-red-900/50 border border-red-500 text-red-600 dark:text-red-300 p-3 rounded-lg shadow-sm">
<p class="text-sm font-medium"> <p class="text-sm font-medium">
{{ $errors->first() }} {{ $errors->first() }}
</p> </p>
@@ -20,28 +18,28 @@
@endif @endif
<div> <div>
<x-forms.label class="block text-sm font-bold text-gray-600 mb-1"> <label class="block text-sm font-bold text-gray-700 dark:text-gray-300 mb-2">
Nombre completo Nombre completo
</x-forms.label> </label>
<x-forms.input type="text" value="{{ old('name') }}" name="name" required <input type="text" value="{{ old('name') }}" name="name" required autofocus
class="w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-lime-400 text-gray-600" /> class="w-full px-4 py-2 bg-white dark:bg-neutral-900 border border-gray-300 dark:border-neutral-700 text-gray-900 dark:text-white rounded-lg focus:outline-none focus:ring-2 focus:ring-neon-lime focus:border-neon-lime transition-colors" />
</div> </div>
<div> <div>
<x-forms.label class="block text-sm font-bold text-gray-600 mb-1"> <label class="block text-sm font-bold text-gray-700 dark:text-gray-300 mb-2">
Correo electrónico Correo electrónico
</x-forms.label> </label>
<x-forms.input type="email" value="{{ old('email') }}" name="email" required <input type="email" value="{{ old('email') }}" name="email" required
class="w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-lime-400 text-gray-600" /> class="w-full px-4 py-2 bg-white dark:bg-neutral-900 border border-gray-300 dark:border-neutral-700 text-gray-900 dark:text-white rounded-lg focus:outline-none focus:ring-2 focus:ring-neon-lime focus:border-neon-lime transition-colors" />
</div> </div>
<div> <div>
<x-forms.label class="block text-sm font-bold text-gray-600 mb-1"> <label class="block text-sm font-bold text-gray-700 dark:text-gray-300 mb-2">
Contraseña Contraseña
</x-forms.label> </label>
<div class="relative"> <div class="relative">
<x-forms.input id="passwordInput" type="password" name="password" required <input id="passwordInput" type="password" name="password" required
class="w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-lime-400 text-gray-600" /> class="w-full px-4 py-2 bg-white dark:bg-neutral-900 border border-gray-300 dark:border-neutral-700 text-gray-900 dark:text-white rounded-lg focus:outline-none focus:ring-2 focus:ring-neon-lime focus:border-neon-lime transition-colors pr-10" />
<button type="button" id="togglePassword" <button type="button" id="togglePassword"
class="absolute right-3 top-1/2 -translate-y-1/2 text-neutral-400 hover:text-neutral-700 dark:hover:text-white transition-colors"> class="absolute right-3 top-1/2 -translate-y-1/2 text-neutral-400 hover:text-neutral-700 dark:hover:text-white transition-colors">
{{-- Ojo abierto --}} {{-- Ojo abierto --}}
@@ -60,16 +58,15 @@
</svg> </svg>
</button> </button>
</div> </div>
</div> </div>
<div> <div>
<x-forms.label class="block text-sm font-bold text-gray-600 mb-1"> <label class="block text-sm font-bold text-gray-700 dark:text-gray-300 mb-2">
Confirmar contraseña Confirmar contraseña
</x-forms.label> </label>
<div class="relative"> <div class="relative">
<x-forms.input id="passwordConfirmInput" type="password" name="password_confirmation" required <input id="passwordConfirmInput" type="password" name="password_confirmation" required
class="w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-lime-400 text-gray-600 pr-10" /> class="w-full px-4 py-2 bg-white dark:bg-neutral-900 border border-gray-300 dark:border-neutral-700 text-gray-900 dark:text-white rounded-lg focus:outline-none focus:ring-2 focus:ring-neon-lime focus:border-neon-lime transition-colors pr-10" />
<button type="button" id="togglePasswordConfirm" <button type="button" id="togglePasswordConfirm"
class="absolute right-3 top-1/2 -translate-y-1/2 text-neutral-400 hover:text-neutral-700 dark:hover:text-white transition-colors"> class="absolute right-3 top-1/2 -translate-y-1/2 text-neutral-400 hover:text-neutral-700 dark:hover:text-white transition-colors">
@@ -92,16 +89,20 @@
</div> </div>
<div> <div>
<input type="submit" value="Registrarse" <button type="submit"
class="w-full bg-lime-400 font-bold text-white py-2 rounded-md hover:bg-lime-500 transition-colors"> class="w-full bg-neutral-900 dark:bg-neon-lime text-neon-lime dark:text-neutral-900 font-bold py-2.5 rounded-lg hover:bg-neutral-800 hover:dark:bg-[#b3e600] transition-colors shadow-lg dark:shadow-neon-lime/20 uppercase tracking-wide">
Registrarse
</button>
</div> </div>
<p class="text-center text-sm text-gray-600"> <div class="text-center mt-6 pt-4 border-t border-gray-300 dark:border-neutral-700">
<p class="text-sm text-gray-600 dark:text-gray-400">
¿Ya tenés una cuenta? ¿Ya tenés una cuenta?
<a href="{{ route('login') }}" class="text-blue-600 hover:underline"> <a href="{{ route('login') }}" class="font-bold text-gray-900 dark:text-white hover:text-green-600 dark:hover:text-neon-lime transition-colors">
Iniciá sesión acá Iniciá sesión acá
</a>. </a>.
</p> </p>
</div>
</form> </form>
</div> </div>