Damian_Aceves
/
PrestamosTecmm
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

resgistro

main
sergiomarquez778 1 month ago
parent
845b200ff5
commit
f342c5d847
2 changed files with 109 additions and 63 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 170
      resources/views/auth/register.blade.php
  2. 2
      resources/views/welcome.blade.php

170
resources/views/auth/register.blade.php
View File

@ -1,77 +1,123 @@
@extends('layouts.app') <!DOCTYPE html>
<html lang="es">
@section('content') <head>
<div class="container"> <meta charset="UTF-8">
<div class="row justify-content-center"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<div class="col-md-8"> <title>Registro - PrestamosTecmm</title>
<div class="card"> <!-- Tailwind CSS desde CDN -->
<div class="card-header">{{ __('Register') }}</div> <script src="https://cdn.tailwindcss.com"></script>
<!-- Font Awesome -->
<div class="card-body"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<form method="POST" action="{{ route('register') }}"> </head>
@csrf <body class="bg-gradient-to-br from-blue-600 to-blue-800 min-h-screen flex items-center justify-center p-4">
<div class="max-w-md w-full bg-white rounded-lg shadow-xl overflow-hidden">
<div class="p-8">
<div class="text-center mb-8">
<h2 class="text-3xl font-bold text-gray-800">PrestamosTecmm</h2>
<p class="text-gray-600 mt-2">Crea tu cuenta para comenzar</p>
</div>
<div class="row mb-3"> @if ($errors->any())
<label for="name" class="col-md-4 col-form-label text-md-end">{{ __('Name') }}</label> <div class="mb-6 bg-red-50 border-l-4 border-red-500 p-4">
<div class="text-red-700">
<ul>
@foreach ($errors->all() as $error)
<li>{{ $error }}</li>
@endforeach
</ul>
</div>
</div>
@endif
<div class="col-md-6"> <form method="POST" action="{{ route('register') }}" class="space-y-6">
<input id="name" type="text" class="form-control @error('name') is-invalid @enderror" name="name" value="{{ old('name') }}" required autocomplete="name" autofocus> @csrf
@error('name') <!-- Nombre -->
<span class="invalid-feedback" role="alert"> <div>
<strong>{{ $message }}</strong> <label for="name" class="block text-sm font-medium text-gray-700">
</span> Nombre Completo
@enderror </label>
</div> <div class="mt-1 relative rounded-md shadow-sm">
<div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
<i class="fas fa-user text-gray-400"></i>
</div> </div>
<input type="text" name="name" id="name" required
class="block w-full pl-10 pr-3 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500"
value="{{ old('name') }}"
placeholder="Juan Pérez">
</div>
</div>
<div class="row mb-3"> <!-- Email -->
<label for="email" class="col-md-4 col-form-label text-md-end">{{ __('Email Address') }}</label> <div>
<label for="email" class="block text-sm font-medium text-gray-700">
<div class="col-md-6"> Correo Electrónico
<input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email"> </label>
<div class="mt-1 relative rounded-md shadow-sm">
@error('email') <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
<span class="invalid-feedback" role="alert"> <i class="fas fa-envelope text-gray-400"></i>
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
</div> </div>
<input type="email" name="email" id="email" required
class="block w-full pl-10 pr-3 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500"
value="{{ old('email') }}"
placeholder="tu@email.com">
</div>
</div>
<div class="row mb-3"> <!-- Contraseña -->
<label for="password" class="col-md-4 col-form-label text-md-end">{{ __('Password') }}</label> <div>
<label for="password" class="block text-sm font-medium text-gray-700">
<div class="col-md-6"> Contraseña
<input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" required autocomplete="new-password"> </label>
<div class="mt-1 relative rounded-md shadow-sm">
@error('password') <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
<span class="invalid-feedback" role="alert"> <i class="fas fa-lock text-gray-400"></i>
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
</div> </div>
<input type="password" name="password" id="password" required
class="block w-full pl-10 pr-3 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500"
placeholder="••••••••">
</div>
</div>
<div class="row mb-3"> <!-- Confirmar Contraseña -->
<label for="password-confirm" class="col-md-4 col-form-label text-md-end">{{ __('Confirm Password') }}</label> <div>
<label for="password_confirmation" class="block text-sm font-medium text-gray-700">
<div class="col-md-6"> Confirmar Contraseña
<input id="password-confirm" type="password" class="form-control" name="password_confirmation" required autocomplete="new-password"> </label>
</div> <div class="mt-1 relative rounded-md shadow-sm">
<div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
<i class="fas fa-lock text-gray-400"></i>
</div> </div>
<input type="password" name="password_confirmation" id="password_confirmation" required
class="block w-full pl-10 pr-3 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500"
placeholder="••••••••">
</div>
</div>
<div class="row mb-0"> <div>
<div class="col-md-6 offset-md-4"> <button type="submit"
<button type="submit" class="btn btn-primary"> class="w-full flex justify-center py-3 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition-colors duration-200">
{{ __('Register') }} <i class="fas fa-user-plus mr-2"></i>
</button> Crear Cuenta
</div> </button>
</div>
</form>
</div> </div>
</form>
<div class="mt-6 text-center">
<p class="text-sm text-gray-600">
¿Ya tienes una cuenta?
<a href="{{ route('login') }}" class="font-medium text-blue-600 hover:text-blue-500 transition-colors duration-200">
Inicia sesión aquí
</a>
</p>
</div> </div>
</div> </div>
</div> </div>
</div>
@endsection <!-- Decoración de fondo -->
<div class="absolute top-0 left-0 w-full h-full pointer-events-none overflow-hidden">
<div class="absolute -top-1/2 -left-1/4 w-96 h-96 bg-blue-400 rounded-full opacity-10 transform rotate-45"></div>
<div class="absolute -bottom-1/2 -right-1/4 w-96 h-96 bg-blue-400 rounded-full opacity-10 transform -rotate-45"></div>
</div>
</body>
</html>

2
resources/views/welcome.blade.php
View File

@ -4,7 +4,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Laravel</title> <title>Prestamos Tecmm</title>
<!-- Fonts --> <!-- Fonts -->
<link rel="preconnect" href="https://fonts.bunny.net"> <link rel="preconnect" href="https://fonts.bunny.net">

Write Preview
Loading…
Cancel
Save