update codigo referido funcionamiento login, register y dashboard
This commit is contained in:
Juan Felipe Duarte
@@ -1,5 +1,5 @@
|
||||
<x-guest-layout>
|
||||
|
||||
|
||||
<!-- Session Status -->
|
||||
<x-auth-session-status class="mb-4" :status="session('status')" />
|
||||
|
||||
@@ -10,37 +10,37 @@
|
||||
<a href="#" >@ {{App\Models\Configuracione::Orderby('id','desc')->first()->nombre}}</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mx-auto mt-[-1.5rem] mb-[3.5rem] md:mb-0 flex justify-center w-[17rem] md:max-w-sm md:w-full bg-[#F2F4FF] md:ml-28 px-6 py-5 md:py-10 rounded-lg select-none">
|
||||
<form method="POST" action="{{ route('login') }}" class="w-full px-4">
|
||||
@csrf
|
||||
|
||||
|
||||
<div>
|
||||
<!-- Email Address -->
|
||||
<div class="mt-4">
|
||||
{{-- <x-input-label for="email" :value="__('Email')" /> --}}
|
||||
<x-text-input id="email" class="block mt-1 w-full md:text-lg border-none drop-shadow-lg " type="email" name="email" :value="old('email')"
|
||||
required
|
||||
<x-text-input id="email" class="block mt-1 w-full md:text-lg border-none drop-shadow-lg " type="email" name="email" :value="old('email')"
|
||||
required
|
||||
placeholder="Correo electronico"
|
||||
autofocus />
|
||||
|
||||
|
||||
<x-input-error :messages="$errors->get('email')" class="mt-2" />
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Password -->
|
||||
<div class="mt-4 relative" x-data="{ver : true , btnOjo : true , btnOjoSlash : false}">
|
||||
{{-- <x-input-label for="password" :value="__('Password')" /> --}}
|
||||
<x-text-input id="password" class=" block mt-1 w-full md:text-lg border-none drop-shadow-lg pr-10"
|
||||
x-bind:type="ver ? 'password' : 'text'"
|
||||
name="password"
|
||||
required
|
||||
required
|
||||
placeholder="Contraseña"
|
||||
autocomplete="current-password" />
|
||||
<svg x-show="btnOjo" x-on:click="ver=false,btnOjoSlash=true,btnOjo=false" xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 24 24" class="w-4 absolute right-4 top-1/3 fill-slate-600 cursor-pointer"><path d="M23.821,11.181v0C22.943,9.261,19.5,3,12,3S1.057,9.261.179,11.181a1.969,1.969,0,0,0,0,1.64C1.057,14.739,4.5,21,12,21s10.943-6.261,11.821-8.181A1.968,1.968,0,0,0,23.821,11.181ZM12,18a6,6,0,1,1,6-6A6.006,6.006,0,0,1,12,18Z"/><circle cx="12" cy="12" r="4"/></svg>
|
||||
<svg x-show="btnOjoSlash" x-on:click="ver=true,btnOjoSlash=false,btnOjo=true" xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 24 24" class="w-4 absolute right-4 top-1/3 fill-slate-600 cursor-pointer"><path d="M23.821,11.181v0a15.736,15.736,0,0,0-4.145-5.44l3.032-3.032L21.293,1.293,18,4.583A11.783,11.783,0,0,0,12,3C4.5,3,1.057,9.261.179,11.181a1.969,1.969,0,0,0,0,1.64,15.736,15.736,0,0,0,4.145,5.44L1.293,21.293l1.414,1.414L6,19.417A11.783,11.783,0,0,0,12,21c7.5,0,10.943-6.261,11.821-8.181A1.968,1.968,0,0,0,23.821,11.181ZM6,12a5.99,5.99,0,0,1,9.471-4.885L14.019,8.567A3.947,3.947,0,0,0,12,8a4,4,0,0,0-4,4,3.947,3.947,0,0,0,.567,2.019L7.115,15.471A5.961,5.961,0,0,1,6,12Zm6,6a5.961,5.961,0,0,1-3.471-1.115l1.452-1.452A3.947,3.947,0,0,0,12,16a4,4,0,0,0,4-4,3.947,3.947,0,0,0-.567-2.019l1.452-1.452A5.99,5.99,0,0,1,12,18Z"/></svg> <x-input-error :messages="$errors->get('password')" class="mt-2" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Remember Me -->
|
||||
<div class="block mt-4 mb-2 text-left">
|
||||
<label for="remember_me" class="inline-flex items-center ">
|
||||
@@ -48,13 +48,13 @@
|
||||
<span class="ml-2 text-sm text-gray-600 md:text-base">{{ __('Recordarme') }}</span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
|
||||
<div>
|
||||
<x-primary-button class="w-full justify-center text-center text-base md:text-lg ">
|
||||
{{ __('Iniciar Sesión') }}
|
||||
</x-primary-button>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mt-2 text-center md:text-lg ">
|
||||
@if (Route::has('password.request'))
|
||||
<a class="underline-none text-sm md:text-base text-[#B221FD] hover:text-[#7a02b8]" href="{{ route('password.request') }}">
|
||||
@@ -62,10 +62,20 @@
|
||||
</a>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div class="mt-4 text-center">
|
||||
<span class="text-sm text-gray-600 md:text-base">
|
||||
¿No tienes una cuenta?
|
||||
</span>
|
||||
<a href="{{ route('register') }}"
|
||||
class="inline-block ml-2 px-4 py-2 bg-[#B221FD] hover:bg-[#7a02b8] text-white text-sm md:text-base font-semibold rounded-md shadow-md transition-all duration-200">
|
||||
Crear cuenta
|
||||
</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</x-guest-layout>
|
||||
|
||||
@@ -1,64 +1,91 @@
|
||||
<x-guest-layout>
|
||||
<x-auth-card>
|
||||
<x-slot name="logo">
|
||||
<a href="/">
|
||||
<x-application-logo class="w-20 h-20 fill-current text-gray-500" />
|
||||
</a>
|
||||
</x-slot>
|
||||
<x-auth-session-status class="mb-4" :status="session('status')" />
|
||||
|
||||
<form method="POST" action="{{ route('register') }}">
|
||||
@csrf
|
||||
|
||||
<!-- Name -->
|
||||
<div>
|
||||
<x-input-label for="name" :value="__('Name')" />
|
||||
|
||||
<x-text-input id="name" class="block mt-1 w-full" type="text" name="name" :value="old('name')" required autofocus />
|
||||
|
||||
<x-input-error :messages="$errors->get('name')" class="mt-2" />
|
||||
<div
|
||||
class="h-full bg-[#000029] overflow-y-auto md:grid md:grid-cols-2 text-center content-center items-center w-full md:flex md:px-5">
|
||||
<div
|
||||
class="border mt-2 mb-0 md:mb-8 md:mt-0 mx-auto md:mr-14 border-gray-600/20 rounded-full w-[15rem] md:w-full md:max-w-xl overflow-hidden relative ">
|
||||
<img src="{{ App\Models\Configuracione::Orderby('id', 'desc')->first()->url_logo }}" alt=""
|
||||
class="">
|
||||
<div class="text-lg text-[#d37bff] w-full absolute bottom-6 md:bottom-10 text-center">
|
||||
<a href="#">@ {{ App\Models\Configuracione::Orderby('id', 'desc')->first()->nombre }}</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Email Address -->
|
||||
<div class="mt-4">
|
||||
<x-input-label for="email" :value="__('Email')" />
|
||||
<div
|
||||
class="mx-auto mt-[-1.5rem] mb-[3.5rem] md:mb-0 flex justify-center w-[17rem] md:max-w-sm md:w-full bg-[#F2F4FF] md:ml-28 px-6 py-5 md:py-10 rounded-lg select-none">
|
||||
<form method="POST" action="{{ route('register') }}" class="w-full px-4">
|
||||
@csrf
|
||||
|
||||
<x-text-input id="email" class="block mt-1 w-full" type="email" name="email" :value="old('email')" required />
|
||||
<!-- Name -->
|
||||
<div>
|
||||
{{-- <x-input-label for="name" :value="__('Name')" /> --}}
|
||||
|
||||
<x-input-error :messages="$errors->get('email')" class="mt-2" />
|
||||
</div>
|
||||
<x-text-input id="name" class="block mt-1 w-full" type="text" name="name"
|
||||
placeholder="Ingresa tu nombre"
|
||||
:value="old('name')" required autofocus />
|
||||
|
||||
<!-- Password -->
|
||||
<div class="mt-4">
|
||||
<x-input-label for="password" :value="__('Password')" />
|
||||
<x-input-error :messages="$errors->get('name')" class="mt-2" />
|
||||
</div>
|
||||
|
||||
<x-text-input id="password" class="block mt-1 w-full"
|
||||
type="password"
|
||||
name="password"
|
||||
required autocomplete="new-password" />
|
||||
<!-- Email Address -->
|
||||
<div class="mt-4">
|
||||
{{-- <x-input-label for="email" :value="__('Email')" /> --}}
|
||||
|
||||
<x-input-error :messages="$errors->get('password')" class="mt-2" />
|
||||
</div>
|
||||
<x-text-input id="email" class="block mt-1 w-full" type="email" name="email" placeholder="ejemplo@correo.com"
|
||||
:value="old('email')" required />
|
||||
|
||||
<!-- Confirm Password -->
|
||||
<div class="mt-4">
|
||||
<x-input-label for="password_confirmation" :value="__('Confirm Password')" />
|
||||
<x-input-error :messages="$errors->get('email')" class="mt-2" />
|
||||
</div>
|
||||
|
||||
<x-text-input id="password_confirmation" class="block mt-1 w-full"
|
||||
type="password"
|
||||
name="password_confirmation" required />
|
||||
<!-- Password -->
|
||||
<div class="mt-4">
|
||||
{{-- <x-input-label for="password" :value="__('Password')" /> --}}
|
||||
|
||||
<x-input-error :messages="$errors->get('password_confirmation')" class="mt-2" />
|
||||
</div>
|
||||
<x-text-input id="password" class="block mt-1 w-full" type="password" name="password" required placeholder="Crea una contraseña segura"
|
||||
autocomplete="new-password" />
|
||||
|
||||
<div class="flex items-center justify-end mt-4">
|
||||
<a class="underline text-sm text-gray-600 hover:text-gray-900" href="{{ route('login') }}">
|
||||
{{ __('Already registered?') }}
|
||||
</a>
|
||||
<x-input-error :messages="$errors->get('password')" class="mt-2" />
|
||||
</div>
|
||||
|
||||
<x-primary-button class="ml-4">
|
||||
{{ __('Register') }}
|
||||
</x-primary-button>
|
||||
</div>
|
||||
</form>
|
||||
</x-auth-card>
|
||||
<!-- Confirm Password -->
|
||||
<div class="mt-4">
|
||||
{{-- <x-input-label for="password_confirmation" :value="__('Confirm Password')" /> --}}
|
||||
|
||||
<x-text-input id="password_confirmation" class="block mt-1 w-full" type="password" placeholder="Repite tu contraseña"
|
||||
name="password_confirmation" required />
|
||||
|
||||
<x-input-error :messages="$errors->get('password_confirmation')" class="mt-2" />
|
||||
</div>
|
||||
|
||||
<div class="mt-4">
|
||||
{{-- <x-input-label for="referral_code" :value="__('Referral Code')" /> --}}
|
||||
|
||||
@if (!empty($referralCode))
|
||||
<x-text-input id="referral_code" class="block mt-1 w-full" type="text" name="referral_code"
|
||||
value="{{ old('referral_code', $referralCode) }}" required autocomplete="referral_code" placeholder="Código de referido"
|
||||
readonly />
|
||||
@else
|
||||
<x-text-input id="referral_code" class="block mt-1 w-full" type="text" name="referral_code" placeholder="Código de referido"
|
||||
value="{{ old('referral_code') }}" autocomplete="referral_code" />
|
||||
@endif
|
||||
|
||||
<x-input-error :messages="$errors->get('referral_code')" class="mt-2" />
|
||||
</div>
|
||||
|
||||
|
||||
<div class="flex flex-col md:flex-row items-center justify-between mt-6 space-y-3 md:space-y-0">
|
||||
<a href="{{ route('login') }}"
|
||||
class="w-full md:w-auto text-center px-4 py-2 bg-gray-200 hover:bg-gray-300 text-gray-700 text-sm md:text-base font-semibold rounded-md shadow-sm transition-all duration-200">
|
||||
{{ __('Iniciar Sesión') }}
|
||||
</a>
|
||||
|
||||
<x-primary-button class="w-full md:w-auto justify-center text-sm md:text-base">
|
||||
{{ __('Registrarse') }}
|
||||
</x-primary-button>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</x-guest-layout>
|
||||
|
||||
Reference in New Issue
Block a user