105 lines
4.8 KiB
PHP
105 lines
4.8 KiB
PHP
|
@php
|
||
|
|
$customizerHidden = 'customizer-hide';
|
||
|
|
$configData = Helper::appClasses();
|
||
|
|
@endphp
|
||
|
|
|
||
|
|
@extends('vuexy-admin::layouts.vuexy.layoutMaster')
|
||
|
|
|
||
|
|
@section('title', 'Recuperar Contraseña')
|
||
|
|
|
||
|
|
@section('vendor-style')
|
||
|
|
@vite([
|
||
|
|
'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/form-validation.scss'
|
||
|
|
])
|
||
|
|
@endsection
|
||
|
|
|
||
|
|
@push('page-style')
|
||
|
|
@vite([
|
||
|
|
'vendor/koneko/laravel-vuexy-admin/resources/scss/pages/page-auth.scss'
|
||
|
|
])
|
||
|
|
@endsection
|
||
|
|
|
||
|
|
@section('vendor-script')
|
||
|
|
@vite([
|
||
|
|
'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/popular.js',
|
||
|
|
'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/bootstrap5.js',
|
||
|
|
'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/auto-focus.js'
|
||
|
|
])
|
||
|
|
@endsection
|
||
|
|
|
||
|
|
@push('page-script')
|
||
|
|
@vite([
|
||
|
|
'vendor/koneko/laravel-vuexy-admin/resources/js/auth/pages-auth.js'
|
||
|
|
])
|
||
|
|
@endpush
|
||
|
|
|
||
|
|
@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('vendor/vuexy-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('vendor/vuexy-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
|