@php $customizerHidden = 'customizer-hide'; $configData = Helper::appClasses(); @endphp @extends('admin::layouts.vuexy.layoutMaster') @section('title', 'Recuperar Contraseña') @section('vendor-style') @vite([ 'modules/Admin/Resources/assets/vendor/libs/@form-validation/form-validation.scss' ]) @endsection @section('page-style') @vite([ 'modules/Admin/Resources/scss/auth/page-auth.scss' ]) @endsection @section('vendor-script') @vite([ 'modules/Admin/Resources/assets/vendor/libs/@form-validation/popular.js', 'modules/Admin/Resources/assets/vendor/libs/@form-validation/bootstrap5.js', 'modules/Admin/Resources/assets/vendor/libs/@form-validation/auto-focus.js' ]) @endsection @section('page-script') @vite([ 'modules/Admin/Resources/js/auth/pages-auth.js' ]) @endsection @section('content') <div class="authentication-wrapper authentication-cover"> <!-- Logo --> <a href="{{ url('/') }}" class="app-brand auth-cover-brand"> <span class="app-brand-logo demo"> <img src="{{ asset('storage/' . $_admin['image_logo']['small']) }}" alt="{{ $_admin['app_name'] }}" /> </span> <span class="app-brand-text demo text-heading fw-bold">{{ $_admin['app_name'] }}</span> </a> <!-- /Logo --> <div class="authentication-inner row m-0"> <!-- /Left Text --> <div class="d-none d-lg-flex col-lg-8 p-0"> <div class="auth-cover-bg auth-cover-bg-color d-flex justify-content-center align-items-center"> <img src="{{ asset('assets/admin/img/illustrations/auth-forgot-password-illustration-'.$configData['style'].'.png') }}" alt="Ilustración de recuperación de contraseña" class="my-5 auth-illustration d-lg-block d-none" data-app-light-img="illustrations/auth-forgot-password-illustration-light.png" data-app-dark-img="illustrations/auth-forgot-password-illustration-dark.png"> <img src="{{ asset('assets/admin/img/illustrations/bg-shape-image-'.$configData['style'].'.png') }}" alt="Fondo de recuperación de contraseña" class="platform-bg" data-app-light-img="illustrations/bg-shape-image-light.png" data-app-dark-img="illustrations/bg-shape-image-dark.png"> </div> </div> <!-- /Left Text --> <!-- Recuperar Contraseña --> <div class="d-flex col-12 col-lg-4 align-items-center authentication-bg p-sm-12 p-6"> <div class="w-px-400 mx-auto mt-12 mt-5"> <h4 class="mb-1">¿Olvidaste tu Contraseña? 🔒</h4> <p class="mb-6">Ingresa tu correo electrónico y te enviaremos instrucciones para restablecer tu contraseña</p> @if (session('status')) <div class="alert alert-success mb-4"> {{ session('status') }} </div> @endif <form method="POST" action="{{ route('password.email') }}" class="mb-6"> @csrf <div class="mb-6 fv-row"> <label for="email" class="form-label">Correo Electrónico</label> <input type="email" class="form-control @error('email') is-invalid @enderror" id="email" name="email" value="{{ old('email') }}" placeholder="Ingresa tu correo electrónico" required autofocus> @error('email') <div class="invalid-feedback"> {{ $message }} </div> @enderror </div> <button type="submit" class="btn btn-primary d-grid w-100"> Enviar Enlace de Restablecimiento </button> </form> <div class="text-center"> <a href="{{ route('login') }}" class="d-flex align-items-center justify-content-center"> <i class="ti ti-chevron-left scaleX-n1-rtl me-1_5"></i> Volver al Inicio de Sesión </a> </div> </div> </div> <!-- /Recuperar Contraseña --> </div> </div> @endsection