koneko/laravel-vuexy-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
Arturo Corro
2025-03-07 00:29:07 -06:00
commit b21a11c2ee
564 changed files with 94041 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

356
resources/views/auth/auth-register-multisteps.blade.php Normal file
View File

@ -0,0 +1,356 @@
@php
$customizerHidden = 'customizer-hide';
$configData = Helper::appClasses();
@endphp
@extends('vuexy-admin::layouts.vuexy.layoutMaster')
@section('title', 'Multi Steps Sign-up - Pages')
@section('vendor-style')
@vite([
'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/bs-stepper/bs-stepper.scss',
'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/bootstrap-select/bootstrap-select.scss',
'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/select2/select2.scss',
'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/cleavejs/cleave.js',
'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/cleavejs/cleave-phone.js',
'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/bs-stepper/bs-stepper.js',
'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/select2/select2.js',
'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-multisteps.js'
])
@endpush
@section('content')
<div class="authentication-wrapper authentication-cover authentication-bg">
<!-- 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">{{ config('koneko.templateName') }}</span>
</a>
<!-- /Logo -->
<div class="authentication-inner row">
<!-- Left Text -->
<div class="d-none d-lg-flex col-lg-4 align-items-center justify-content-center p-5 auth-cover-bg-color position-relative auth-multisteps-bg-height">
<img src="{{ asset('vendor/vuexy-admin/img/illustrations/auth-register-multisteps-illustration.png') }}" alt="auth-register-multisteps" class="img-fluid" width="280">
<img src="{{ asset('vendor/vuexy-admin/img/illustrations/auth-register-multisteps-shape-'.$configData['style'].'.png') }}" alt="auth-register-multisteps" class="platform-bg" data-app-light-img="illustrations/auth-register-multisteps-shape-light.png" data-app-dark-img="illustrations/auth-register-multisteps-shape-dark.png">
</div>
<!-- /Left Text -->
<!-- Multi Steps Registration -->
<div class="d-flex col-lg-8 align-items-center justify-content-center authentication-bg p-5">
<div class="w-px-700">
<div id="multiStepsValidation" class="bs-stepper border-none shadow-none mt-5">
<div class="bs-stepper-header border-none pt-12 px-0">
<div class="step" data-target="#accountDetailsValidation">
<button type="button" class="step-trigger">
<span class="bs-stepper-circle"><i class="ti ti-file-analytics ti-md"></i></span>
<span class="bs-stepper-label">
<span class="bs-stepper-title">Account</span>
<span class="bs-stepper-subtitle">Account Details</span>
</span>
</button>
</div>
<div class="line">
<i class="ti ti-chevron-right"></i>
</div>
<div class="step" data-target="#personalInfoValidation">
<button type="button" class="step-trigger">
<span class="bs-stepper-circle"><i class="ti ti-user ti-md"></i></span>
<span class="bs-stepper-label">
<span class="bs-stepper-title">Personal</span>
<span class="bs-stepper-subtitle">Enter Information</span>
</span>
</button>
</div>
<div class="line">
<i class="ti ti-chevron-right"></i>
</div>
<div class="step" data-target="#billingLinksValidation">
<button type="button" class="step-trigger">
<span class="bs-stepper-circle"><i class="ti ti-credit-card ti-md"></i></span>
<span class="bs-stepper-label">
<span class="bs-stepper-title">Billing</span>
<span class="bs-stepper-subtitle">Payment Details</span>
</span>
</button>
</div>
</div>
<div class="bs-stepper-content px-0">
<form id="multiStepsForm" onSubmit="return false">
<!-- Account Details -->
<div id="accountDetailsValidation" class="content">
<div class="content-header mb-6">
<h4 class="mb-0">Account Information</h4>
<p class="mb-0">Enter Your Account Details</p>
</div>
<div class="row g-6">
<div class="col-sm-6">
<label class="form-label" for="multiStepsUsername">Username</label>
<input type="text" name="multiStepsUsername" id="multiStepsUsername" class="form-control" placeholder="johndoe" />
</div>
<div class="col-sm-6">
<label class="form-label" for="multiStepsEmail">Email</label>
<input type="email" name="multiStepsEmail" id="multiStepsEmail" class="form-control" placeholder="john.doe@email.com" aria-label="john.doe" />
</div>
<div class="col-sm-6 form-password-toggle">
<label class="form-label" for="multiStepsPass">Password</label>
<div class="input-group input-group-merge">
<input type="password" id="multiStepsPass" name="multiStepsPass" class="form-control" placeholder="&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;" aria-describedby="multiStepsPass2" />
<span class="input-group-text cursor-pointer" id="multiStepsPass2"><i class="ti ti-eye-off"></i></span>
</div>
</div>
<div class="col-sm-6 form-password-toggle">
<label class="form-label" for="multiStepsConfirmPass">Confirm Password</label>
<div class="input-group input-group-merge">
<input type="password" id="multiStepsConfirmPass" name="multiStepsConfirmPass" class="form-control" placeholder="&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;" aria-describedby="multiStepsConfirmPass2" />
<span class="input-group-text cursor-pointer" id="multiStepsConfirmPass2"><i class="ti ti-eye-off"></i></span>
</div>
</div>
<div class="col-md-12">
<label class="form-label" for="multiStepsURL">Profile Link</label>
<input type="text" name="multiStepsURL" id="multiStepsURL" class="form-control" placeholder="johndoe/profile" aria-label="johndoe" />
</div>
<div class="col-12 d-flex justify-content-between">
<button class="btn btn-label-secondary btn-prev" disabled> <i class="ti ti-arrow-left ti-xs me-sm-2 me-0"></i>
<span class="align-middle d-sm-inline-block d-none">Previous</span>
</button>
<button class="btn btn-primary btn-next"> <span class="align-middle d-sm-inline-block d-none me-sm-1 me-0">Next</span> <i class="ti ti-arrow-right ti-xs"></i></button>
</div>
</div>
</div>
<!-- Personal Info -->
<div id="personalInfoValidation" class="content">
<div class="content-header mb-6">
<h4 class="mb-0">Personal Information</h4>
<p class="mb-0">Enter Your Personal Information</p>
</div>
<div class="row g-6">
<div class="col-sm-6">
<label class="form-label" for="multiStepsFirstName">First Name</label>
<input type="text" id="multiStepsFirstName" name="multiStepsFirstName" class="form-control" placeholder="John" />
</div>
<div class="col-sm-6">
<label class="form-label" for="multiStepsLastName">Last Name</label>
<input type="text" id="multiStepsLastName" name="multiStepsLastName" class="form-control" placeholder="Doe" />
</div>
<div class="col-sm-6">
<label class="form-label" for="multiStepsMobile">Mobile</label>
<div class="input-group">
<span class="input-group-text">US (+1)</span>
<input type="text" id="multiStepsMobile" name="multiStepsMobile" class="form-control multi-steps-mobile" placeholder="202 555 0111" />
</div>
</div>
<div class="col-sm-6">
<label class="form-label" for="multiStepsPincode">Pincode</label>
<input type="text" id="multiStepsPincode" name="multiStepsPincode" class="form-control multi-steps-pincode" placeholder="Postal Code" maxlength="6" />
</div>
<div class="col-md-12">
<label class="form-label" for="multiStepsAddress">Address</label>
<input type="text" id="multiStepsAddress" name="multiStepsAddress" class="form-control" placeholder="Address" />
</div>
<div class="col-md-12">
<label class="form-label" for="multiStepsArea">Landmark</label>
<input type="text" id="multiStepsArea" name="multiStepsArea" class="form-control" placeholder="Area/Landmark" />
</div>
<div class="col-sm-6">
<label class="form-label" for="multiStepsCity">City</label>
<input type="text" id="multiStepsCity" class="form-control" placeholder="Jackson" />
</div>
<div class="col-sm-6">
<label class="form-label" for="multiStepsState">State</label>
<select id="multiStepsState" class="select2 form-select" data-allow-clear="true">
<option value="">Select</option>
<option value="AL">Alabama</option>
<option value="AK">Alaska</option>
<option value="AZ">Arizona</option>
<option value="AR">Arkansas</option>
<option value="CA">California</option>
<option value="CO">Colorado</option>
<option value="CT">Connecticut</option>
<option value="DE">Delaware</option>
<option value="DC">District Of Columbia</option>
<option value="FL">Florida</option>
<option value="GA">Georgia</option>
<option value="HI">Hawaii</option>
<option value="ID">Idaho</option>
<option value="IL">Illinois</option>
<option value="IN">Indiana</option>
<option value="IA">Iowa</option>
<option value="KS">Kansas</option>
<option value="KY">Kentucky</option>
<option value="LA">Louisiana</option>
<option value="ME">Maine</option>
<option value="MD">Maryland</option>
<option value="MA">Massachusetts</option>
<option value="MI">Michigan</option>
<option value="MN">Minnesota</option>
<option value="MS">Mississippi</option>
<option value="MO">Missouri</option>
<option value="MT">Montana</option>
<option value="NE">Nebraska</option>
<option value="NV">Nevada</option>
<option value="NH">New Hampshire</option>
<option value="NJ">New Jersey</option>
<option value="NM">New Mexico</option>
<option value="NY">New York</option>
<option value="NC">North Carolina</option>
<option value="ND">North Dakota</option>
<option value="OH">Ohio</option>
<option value="OK">Oklahoma</option>
<option value="OR">Oregon</option>
<option value="PA">Pennsylvania</option>
<option value="RI">Rhode Island</option>
<option value="SC">South Carolina</option>
<option value="SD">South Dakota</option>
<option value="TN">Tennessee</option>
<option value="TX">Texas</option>
<option value="UT">Utah</option>
<option value="VT">Vermont</option>
<option value="VA">Virginia</option>
<option value="WA">Washington</option>
<option value="WV">West Virginia</option>
<option value="WI">Wisconsin</option>
<option value="WY">Wyoming</option>
</select>
</div>
<div class="col-12 d-flex justify-content-between">
<button class="btn btn-label-secondary btn-prev"> <i class="ti ti-arrow-left ti-xs me-sm-2 me-0"></i>
<span class="align-middle d-sm-inline-block d-none">Previous</span>
</button>
<button class="btn btn-primary btn-next"> <span class="align-middle d-sm-inline-block d-none me-sm-1 me-0">Next</span> <i class="ti ti-arrow-right ti-xs"></i></button>
</div>
</div>
</div>
<!-- Billing Links -->
<div id="billingLinksValidation" class="content">
<div class="content-header mb-6">
<h4 class="mb-0">Select Plan</h4>
<p class="mb-0">Select plan as per your requirement</p>
</div>
<!-- Custom plan options -->
<div class="row gap-md-0 gap-4 mb-12">
<div class="col-md">
<div class="form-check custom-option custom-option-icon">
<label class="form-check-label custom-option-content" for="basicOption">
<span class="custom-option-body">
<span class="d-block mb-2 h5">Basic</span>
<span>A simple start for start ups & Students</span>
<span class="d-flex justify-content-center mt-2">
<sup class="text-primary h6 fw-normal pt-2 mb-0">$</sup>
<span class="fw-medium h3 text-primary mb-0">0</span>
<sub class="h6 fw-normal mt-3 mb-0 text-muted">/month</sub>
</span>
</span>
<input name="customRadioIcon" class="form-check-input" type="radio" value="" id="basicOption" />
</label>
</div>
</div>
<div class="col-md">
<div class="form-check custom-option custom-option-icon">
<label class="form-check-label custom-option-content" for="standardOption">
<span class="custom-option-body">
<span class="d-block mb-2 h5">Standard</span>
<span>For small to medium businesses</span>
<span class="d-flex justify-content-center mt-2">
<sup class="text-primary h6 fw-normal pt-2 mb-0">$</sup>
<span class="fw-medium h3 text-primary mb-0">99</span>
<sub class="h6 fw-normal mt-3 mb-0 text-muted">/month</sub>
</span>
</span>
<input name="customRadioIcon" class="form-check-input" type="radio" value="" id="standardOption" checked />
</label>
</div>
</div>
<div class="col-md">
<div class="form-check custom-option custom-option-icon">
<label class="form-check-label custom-option-content" for="enterpriseOption">
<span class="custom-option-body">
<span class="d-block mb-2 h5">Enterprise</span>
<span>Solution for enterprise & organizations</span>
<span class="d-flex justify-content-center mt-2">
<sup class="text-primary h6 fw-normal pt-2 mb-0">$</sup>
<span class="fw-medium h3 text-primary mb-0">499</span>
<sub class="h6 fw-normal mt-3 mb-0 text-muted">/year</sub>
</span>
</span>
<input name="customRadioIcon" class="form-check-input" type="radio" value="" id="enterpriseOption" />
</label>
</div>
</div>
</div>
<!--/ Custom plan options -->
<div class="content-header mb-6">
<h4 class="mb-0">Payment Information</h4>
<p class="mb-0">Enter your card information</p>
</div>
<!-- Credit Card Details -->
<div class="row g-6">
<div class="col-md-12">
<label class="form-label w-100" for="multiStepsCard">Card Number</label>
<div class="input-group input-group-merge">
<input id="multiStepsCard" class="form-control multi-steps-card" name="multiStepsCard" type="text" placeholder="1356 3215 6548 7898" aria-describedby="multiStepsCardImg" />
<span class="input-group-text cursor-pointer" id="multiStepsCardImg"><span class="card-type"></span></span>
</div>
</div>
<div class="col-md-5">
<label class="form-label" for="multiStepsName">Name On Card</label>
<input type="text" id="multiStepsName" class="form-control" name="multiStepsName" placeholder="John Doe" />
</div>
<div class="col-6 col-md-4">
<label class="form-label" for="multiStepsExDate">Expiry Date</label>
<input type="text" id="multiStepsExDate" class="form-control multi-steps-exp-date" name="multiStepsExDate" placeholder="MM/YY" />
</div>
<div class="col-6 col-md-3">
<label class="form-label" for="multiStepsCvv">CVV Code</label>
<div class="input-group input-group-merge">
<input type="text" id="multiStepsCvv" class="form-control multi-steps-cvv" name="multiStepsCvv" maxlength="3" placeholder="654" />
<span class="input-group-text cursor-pointer" id="multiStepsCvvHelp"><i class="ti ti-help text-muted" data-bs-toggle="tooltip" data-bs-placement="top" title="Card Verification Value"></i></span>
</div>
</div>
<div class="col-12 d-flex justify-content-between">
<button class="btn btn-label-secondary btn-prev"> <i class="ti ti-arrow-left ti-xs me-sm-2 me-0"></i>
<span class="align-middle d-sm-inline-block d-none">Previous</span>
</button>
<button type="submit" class="btn btn-success btn-next btn-submit">Submit</button>
</div>
</div>
<!--/ Credit Card Details -->
</div>
</form>
</div>
</div>
</div>
</div>
<!-- / Multi Steps Registration -->
</div>
</div>
<script type="module">
// Check selected custom option
window.Helpers.initCustomOptionCheck();
</script>
@endsection

86
resources/views/auth/auth-two-steps-basic.blade.php Normal file
View File

@ -0,0 +1,86 @@
@php
$customizerHidden = 'customizer-hide';
@endphp
@extends('vuexy-admin::layouts.vuexy.layoutMaster')
@section('title', 'Two Steps Verifications Basic - Pages')
@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/cleavejs/cleave.js',
'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',
'vendor/koneko/laravel-vuexy-admin/resources/js/auth/pages-auth-two-steps.js'
])
@endpush
@section('content')
<div class="authentication-wrapper authentication-basic px-6">
<div class="authentication-inner py-6">
<!-- Two Steps Verification -->
<div class="card">
<div class="card-body">
<!-- Logo -->
<div class="app-brand justify-content-center mb-6">
<a href="{{url('/')}}" class="app-brand-link">
<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">{{ config('koneko.templateName') }}</span>
</a>
</div>
<!-- /Logo -->
<h4 class="mb-1">Two Step Verification 💬</h4>
<p class="text-start mb-6">
We sent a verification code to your mobile. Enter the code from the mobile in the field below.
<span class="fw-medium d-block mt-1 text-heading">******1234</span>
</p>
<p class="mb-0">Type your 6 digit security code</p>
<form id="twoStepsForm" action="{{url('/')}}" method="GET">
<div class="mb-6">
<div class="auth-input-wrapper d-flex align-items-center justify-content-between numeral-mask-wrapper">
<input type="tel" class="form-control auth-input h-px-50 text-center numeral-mask mx-sm-1 my-2" maxlength="1" autofocus>
<input type="tel" class="form-control auth-input h-px-50 text-center numeral-mask mx-sm-1 my-2" maxlength="1">
<input type="tel" class="form-control auth-input h-px-50 text-center numeral-mask mx-sm-1 my-2" maxlength="1">
<input type="tel" class="form-control auth-input h-px-50 text-center numeral-mask mx-sm-1 my-2" maxlength="1">
<input type="tel" class="form-control auth-input h-px-50 text-center numeral-mask mx-sm-1 my-2" maxlength="1">
<input type="tel" class="form-control auth-input h-px-50 text-center numeral-mask mx-sm-1 my-2" maxlength="1">
</div>
<!-- Create a hidden field which is combined by 3 fields above -->
<input type="hidden" name="otp" />
</div>
<button class="btn btn-primary d-grid w-100 mb-6">
Verify my account
</button>
<div class="text-center">Didn't get the code?
<a href="javascript:void(0);">
Resend
</a>
</div>
</form>
</div>
</div>
<!-- / Two Steps Verification -->
</div>
</div>
@endsection

96
resources/views/auth/auth-two-steps-cover.blade.php Normal file
View File

@ -0,0 +1,96 @@
@php
$customizerHidden = 'customizer-hide';
$configData = Helper::appClasses();
@endphp
@extends('vuexy-admin::layouts.vuexy.layoutMaster')
@section('title', 'Two Steps Verifications Cover - Pages')
@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/cleavejs/cleave.js',
'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',
'vendor/koneko/laravel-vuexy-admin/resources/js/auth/pages-auth-two-steps.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">{{ config('koneko.templateName') }}</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-two-step-illustration-'.$configData['style'].'.png') }}" alt="auth-two-steps-cover" class="my-5 auth-illustration" data-app-light-img="illustrations/auth-two-step-illustration-light.png" data-app-dark-img="illustrations/auth-two-step-illustration-dark.png">
<img src="{{ asset('vendor/vuexy-admin/img/illustrations/bg-shape-image-'.$configData['style'].'.png') }}" alt="auth-two-steps-cover" 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 -->
<!-- Two Steps Verification -->
<div class="d-flex col-12 col-lg-4 align-items-center authentication-bg p-6 p-sm-12">
<div class="w-px-400 mx-auto mt-12 mt-5">
<h4 class="mb-1">Two Step Verification 💬</h4>
<p class="text-start mb-6">
We sent a verification code to your mobile. Enter the code from the mobile in the field below.
<span class="fw-medium d-block mt-1 text-heading">******1234</span>
</p>
<p class="mb-0">Type your 6 digit security code</p>
<form id="twoStepsForm" action="{{url('/')}}" method="GET">
<div class="mb-6">
<div class="auth-input-wrapper d-flex align-items-center justify-content-between numeral-mask-wrapper">
<input type="tel" class="form-control auth-input h-px-50 text-center numeral-mask mx-sm-1 my-2" maxlength="1" autofocus>
<input type="tel" class="form-control auth-input h-px-50 text-center numeral-mask mx-sm-1 my-2" maxlength="1">
<input type="tel" class="form-control auth-input h-px-50 text-center numeral-mask mx-sm-1 my-2" maxlength="1">
<input type="tel" class="form-control auth-input h-px-50 text-center numeral-mask mx-sm-1 my-2" maxlength="1">
<input type="tel" class="form-control auth-input h-px-50 text-center numeral-mask mx-sm-1 my-2" maxlength="1">
<input type="tel" class="form-control auth-input h-px-50 text-center numeral-mask mx-sm-1 my-2" maxlength="1">
</div>
<!-- Create a hidden field which is combined by 3 fields above -->
<input type="hidden" name="otp" />
</div>
<button class="btn btn-primary d-grid w-100 mb-6">
Verify my account
</button>
<div class="text-center">Didn't get the code?
<a href="javascript:void(0);">
Resend
</a>
</div>
</form>
</div>
</div>
<!-- /Two Steps Verification -->
</div>
</div>
@endsection

47
resources/views/auth/auth-verify-email-basic.blade.php Normal file
View File

@ -0,0 +1,47 @@
@php
$customizerHidden = 'customizer-hide';
@endphp
@extends('vuexy-admin::layouts.vuexy.layoutMaster')
@section('title', 'Verify Email Basic - Pages')
@push('page-style')
<!-- Page -->
@vite('vendor/koneko/laravel-vuexy-admin/resources/scss/pages/page-auth.scss')
@endsection
@section('content')
<div class="authentication-wrapper authentication-basic px-6">
<div class="authentication-inner py-6">
<!-- Verify Email -->
<div class="card">
<div class="card-body">
<!-- Logo -->
<div class="app-brand justify-content-center mb-6">
<a href="{{url('/')}}" class="app-brand-link">
<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">{{ config('koneko.templateName') }}</span>
</a>
</div>
<!-- /Logo -->
<h4 class="mb-1">Verify your email ✉️</h4>
<p class="text-start mb-0">
Account activation link sent to your email address: hello@example.com Please follow the link inside to continue.
</p>
<a class="btn btn-primary w-100 my-6" href="{{url('/')}}">
Skip for now
</a>
<p class="text-center mb-0">Didn't get the mail?
<a href="javascript:void(0);">
Resend
</a>
</p>
</div>
</div>
<!-- /Verify Email -->
</div>
</div>
@endsection

57
resources/views/auth/auth-verify-email-cover.blade.php Normal file
View File

@ -0,0 +1,57 @@
@php
$customizerHidden = 'customizer-hide';
$configData = Helper::appClasses();
@endphp
@extends('vuexy-admin::layouts.vuexy.layoutMaster')
@section('title', 'Verify Email Cover - Pages')
@push('page-style')
<!-- Page -->
@vite('vendor/koneko/laravel-vuexy-admin/resources/scss/pages/page-auth.scss')
@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">{{ config('koneko.templateName') }}</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-verify-email-illustration-'.$configData['style'].'.png') }}" alt="auth-verify-email-cover" class="my-5 auth-illustration" data-app-light-img="illustrations/auth-verify-email-illustration-light.png" data-app-dark-img="illustrations/auth-verify-email-illustration-dark.png">
<img src="{{ asset('vendor/vuexy-admin/img/illustrations/bg-shape-image-'.$configData['style'].'.png') }}" alt="auth-verify-email-cover" 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 -->
<!-- Verify email -->
<div class="d-flex col-12 col-lg-4 align-items-center authentication-bg p-6 p-sm-12">
<div class="w-px-400 mx-auto mt-12 mt-5">
<h4 class="mb-1">Verify your email ✉️</h4>
<p class="text-start mb-0">
Account activation link sent to your email address: hello@example.com Please follow the link inside to continue.
</p>
<a class="btn btn-primary w-100 my-6" href="{{url('/')}}">
Skip for now
</a>
<p class="text-center mb-0">Didn't get the mail?
<a href="javascript:void(0);">
Resend
</a>
</p>
</div>
</div>
<!-- / Verify email -->
</div>
</div>
@endsection

97
resources/views/auth/forgot-password-basic.blade.php Normal file
View File

@ -0,0 +1,97 @@
@php
$customizerHidden = 'customizer-hide';
@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="container-xxl">
<div class="authentication-wrapper authentication-basic container-p-y">
<div class="authentication-inner py-6">
<!-- Recuperar Contraseña -->
<div class="card">
<div class="card-body">
<!-- Logo -->
<div class="app-brand justify-content-center mb-6">
<a href="{{ url('/') }}" class="app-brand-link">
<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>
</div>
<!-- /Logo -->
<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">
{{ 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 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>
</div>
@endsection

104
resources/views/auth/forgot-password-cover.blade.php Normal file
View File

@ -0,0 +1,104 @@
@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

134
resources/views/auth/login-basic.blade.php Normal file
View File

@ -0,0 +1,134 @@
@php
use Laravel\Fortify\Features;
$customizerHidden = 'customizer-hide';
$configData = Helper::appClasses();
@endphp
@extends('vuexy-admin::layouts.vuexy.layoutMaster')
@section('title', 'Iniciar sesión')
@section('vendor-style')
@vite([
'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/vuexy-admin/vendor/libs/@form-validation/form-validation.scss'
])
@endsection
@push('page-style')
@vite([
'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/vuexy-admin/scss/auth/page-auth.scss'
])
@endsection
@section('vendor-script')
@vite([
'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/vuexy-admin/vendor/libs/@form-validation/popular.js',
'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/vuexy-admin/vendor/libs/@form-validation/bootstrap5.js',
'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/vuexy-admin/vendor/libs/@form-validation/auto-focus.js'
])
@endsection
@push('page-script')
@vite([
'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/vuexy-admin/js/auth/pages-auth.js'
])
@endpush
@section('content')
<div class="container-xxl">
<div class="authentication-wrapper authentication-basic container-p-y">
<div class="authentication-inner py-6">
<!-- Login -->
<div class="card">
<div class="card-body">
<!-- Logo -->
<div class="app-brand justify-content-center mb-6">
<a href="{{ url('/') }}" class="app-brand-link">
<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>
</div>
<!-- /Logo -->
<h4 class="mb-1">¡Bienvenido a {{ $_admin['app_name'] }}! 👋</h4>
<p class="mb-6">Inicie sesión en su cuenta y comience la aventura</p>
<form id="formAuthentication" class="mb-4" action="{{ route('login') }}" method="POST">
@csrf
<div class="mb-6 fv-row">
<label for="email" class="form-label">Correo electrónico</label>
<input type="text" class="form-control @error('email') is-invalid @enderror" id="email" name="email" placeholder="Ingrese su correo electrónico" autofocus value="{{ old('email') }}">
@error('email')
<span class="invalid-feedback" role="alert">
<span class="fw-medium">{{ $message }}</span>
</span>
@enderror
</div>
<div class="mb-6 fv-row form-password-toggle">
<label class="form-label" for="password">Contraseña</label>
<div class="input-group input-group-merge">
<input type="password" id="password" class="form-control @error('password') is-invalid @enderror" name="password" placeholder="&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;" aria-describedby="password" autocomplete="false" />
<span class="input-group-text cursor-pointer"><i class="ti ti-eye-off"></i></span>
</div>
@error('password')
<span class="invalid-feedback" role="alert">
<span class="fw-medium">{{ $message }}</span>
</span>
@enderror
</div>
<div class="my-8">
<div class="d-flex justify-content-between">
<div class="form-check mb-0 ms-2">
<input class="form-check-input" type="checkbox" id="remember-me" name="remember">
<label class="form-check-label" for="remember-me">
Recuérdame
</label>
</div>
@if (Features::enabled(Features::resetPasswords()))
<a href="{{ route('password.request') }}">
<p class="mb-0">¿Olvidaste tu contraseña?</p>
</a>
@endif
</div>
</div>
<div class="mb-6">
<button class="btn btn-primary d-grid w-100" type="submit">Iniciar sesión</button>
</div>
</form>
<p class="text-center">
@if (Features::enabled(Features::registration()))
<span>¿Nuevo en nuestra plataforma?</span>
<a href="{{ route('register') }}">
<span>Crea una cuenta</span>
</a>
@endif
</p>
<div class="divider my-6">
<div class="divider-text">o</div>
</div>
<div class="d-flex justify-content-center">
<a href="javascript:;" class="btn btn-sm btn-icon rounded-pill btn-text-facebook me-1_5">
<i class="tf-icons ti ti-brand-facebook-filled"></i>
</a>
<a href="javascript:;" class="btn btn-sm btn-icon rounded-pill btn-text-twitter me-1_5">
<i class="tf-icons ti ti-brand-twitter-filled"></i>
</a>
<a href="javascript:;" class="btn btn-sm btn-icon rounded-pill btn-text-github me-1_5">
<i class="tf-icons ti ti-brand-github-filled"></i>
</a>
<a href="javascript:;" class="btn btn-sm btn-icon rounded-pill btn-text-google-plus">
<i class="tf-icons ti ti-brand-google-filled"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
@endsection

133
resources/views/auth/login-cover.blade.php Normal file
View File

@ -0,0 +1,133 @@
@php
use Laravel\Fortify\Features;
$customizerHidden = 'customizer-hide';
$configData = Helper::appClasses();
@endphp
@extends('vuexy-admin::layouts.vuexy.layoutMaster')
@section('title', 'Iniciar sesión')
@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')
@endpush
@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-login-illustration-'.$configData['style'].'.png') }}" alt="auth-login-cover" class="my-5 auth-illustration" data-app-light-img="illustrations/auth-login-illustration-light.png" data-app-dark-img="illustrations/auth-login-illustration-dark.png">
<img src="{{ asset('vendor/vuexy-admin/img/illustrations/bg-shape-image-'.$configData['style'].'.png') }}" alt="auth-login-cover" 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 -->
<!-- Login -->
<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 pt-5">
<h4 class="mb-1">¡Bienvenido a {{ $_admin['app_name'] }}! 👋</h4>
<p class="mb-6">Inicie sesión en su cuenta y comience la aventura</p>
<form id="formAuthentication" class="mb-6" action="{{ route('login') }}" method="POST">
@csrf
<div class="mb-6 fv-row">
<label for="email" class="form-label">Correo electrónico</label>
<input type="text" class="form-control @error('email') is-invalid @enderror" id="email" name="email" placeholder="Ingrese el correo electrónico" autofocus value="{{ old('email') }}">
@error('email')
<span class="invalid-feedback" role="alert">
<span class="fw-medium">{{ $message }}</span>
</span>
@enderror
</div>
<div class="mb-6 fv-row form-password-toggle">
<label class="form-label" for="password">Contraseña</label>
<div class="input-group input-group-merge">
<input type="password" id="password" class="form-control" name="password" placeholder="&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;" aria-describedby="password" autocomplete="false" />
<span class="input-group-text cursor-pointer"><i class="ti ti-eye-off"></i></span>
</div>
@error('password')
<span class="invalid-feedback" role="alert">
<span class="fw-medium">{{ $message }}</span>
</span>
@enderror
</div>
<div class="my-8">
<div class="d-flex justify-content-between">
<div class="form-check mb-0 ms-2">
<input class="form-check-input" type="checkbox" id="remember-me" name="remember">
<label class="form-check-label" for="remember-me">
Recuérdame
</label>
</div>
@if (Features::enabled(Features::resetPasswords()))
<a href="{{ route('password.request') }}">
<p class="mb-0">¿Olvidaste tu contraseña?</p>
</a>
@endif
</div>
</div>
<button type="submit" class="btn btn-primary d-grid w-100">
Iniciar sesión
</button>
</form>
<p class="text-center">
@if (Features::enabled(Features::registration()))
<span>¿Nuevo en nuestra plataforma?</span>
<a href="{{ route('register') }}">
<span>Crea una cuenta</span>
</a>
@endif
</p>
<div class="divider my-6">
<div class="divider-text">o</div>
</div>
<div class="d-flex justify-content-center">
<a href="javascript:;" class="btn btn-sm btn-icon rounded-pill btn-text-facebook me-1_5">
<i class="tf-icons ti ti-brand-facebook-filled"></i>
</a>
<a href="javascript:;" class="btn btn-sm btn-icon rounded-pill btn-text-twitter me-1_5">
<i class="tf-icons ti ti-brand-twitter-filled"></i>
</a>
<a href="javascript:;" class="btn btn-sm btn-icon rounded-pill btn-text-github me-1_5">
<i class="tf-icons ti ti-brand-github-filled"></i>
</a>
<a href="javascript:;" class="btn btn-sm btn-icon rounded-pill btn-text-google-plus">
<i class="tf-icons ti ti-brand-google-filled"></i>
</a>
</div>
</div>
</div>
<!-- /Login -->
</div>
</div>
@endsection

151
resources/views/auth/register-basic.blade.php Normal file
View File

@ -0,0 +1,151 @@
@php
$customizerHidden = 'customizer-hide';
@endphp
@extends('vuexy-admin::layouts.vuexy.layoutMaster')
@section('title', 'Registro de usuarios')
@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="container-xxl">
<div class="authentication-wrapper authentication-basic container-p-y">
<div class="authentication-inner py-6">
<!-- Tarjeta de Registro -->
<div class="card">
<div class="card-body">
<!-- Logo -->
<div class="app-brand justify-content-center mb-6">
<a href="{{ url('/') }}" class="app-brand-link">
<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>
</div>
<!-- /Logo -->
<h4 class="mb-1">Empieza tu aventura 🚀</h4>
<p class="mb-6">¡Gestiona tu aplicación de manera sencilla y divertida!</p>
<form id="formAuthentication" class="mb-6" action="{{ route('register') }}" method="POST">
@csrf
<div class="mb-6 fv-row">
<label for="name" class="form-label">Nombre de usuario</label>
<input type="text" class="form-control" id="name" name="name" placeholder="Ingresa tu nombre de usuario" autofocus required>
@error('name')
<span class="invalid-feedback" role="alert">
<span class="fw-medium">{{ $message }}</span>
</span>
@enderror
</div>
<div class="mb-6 fv-row">
<label for="email" class="form-label">Correo Electrónico</label>
<input type="email" class="form-control" id="email" name="email" placeholder="Ingresa tu correo electrónico" required>
@error('email')
<span class="invalid-feedback" role="alert">
<span class="fw-medium">{{ $message }}</span>
</span>
@enderror
</div>
<div class="mb-6 fv-row form-password-toggle">
<label class="form-label" for="password">Contraseña</label>
<div class="input-group input-group-merge">
<input type="password" id="password" class="form-control" name="password" placeholder="&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;" aria-describedby="password" required />
<span class="input-group-text cursor-pointer"><i class="ti ti-eye-off"></i></span>
</div>
@error('password')
<span class="invalid-feedback" role="alert">
<span class="fw-medium">{{ $message }}</span>
</span>
@enderror
</div>
<div class="mb-6 fv-row form-password-toggle">
<label class="form-label" for="password_confirmation">Confirmar Contraseña</label>
<div class="input-group input-group-merge">
<input type="password" id="password_confirmation" class="form-control" name="password_confirmation" placeholder="&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;" required />
<span class="input-group-text cursor-pointer"><i class="ti ti-eye-off"></i></span>
</div>
@error('password_confirmation')
<span class="invalid-feedback" role="alert">
<span class="fw-medium">{{ $message }}</span>
</span>
@enderror
</div>
<div class="fv-row">
<div class="my-8 fv-row">
<div class="form-check mb-0 ms-2">
<input class="form-check-input" type="checkbox" id="terms-conditions" name="terms" required>
<label class="form-check-label" for="terms-conditions">
Acepto la <a href="javascript:void(0);">política de privacidad y términos</a>
</label>
@error('terms')
<span class="invalid-feedback" role="alert">
<span class="fw-medium">{{ $message }}</span>
</span>
@enderror
</div>
</div>
<button type="submit" class="btn btn-primary d-grid w-100">
Registrarse
</button>
</form>
<p class="text-center">
<span>¿Ya tienes una cuenta?</span>
<a href="{{ route('login') }}">
<span>Inicia sesión</span>
</a>
</p>
<div class="divider my-6">
<div class="divider-text">o</div>
</div>
<div class="d-flex justify-content-center">
<a href="javascript:;" class="btn btn-sm btn-icon rounded-pill btn-text-facebook me-1_5">
<i class="tf-icons ti ti-brand-facebook-filled"></i>
</a>
<a href="javascript:;" class="btn btn-sm btn-icon rounded-pill btn-text-twitter me-1_5">
<i class="tf-icons ti ti-brand-twitter-filled"></i>
</a>
<a href="javascript:;" class="btn btn-sm btn-icon rounded-pill btn-text-github me-1_5">
<i class="tf-icons ti ti-brand-github-filled"></i>
</a>
<a href="javascript:;" class="btn btn-sm btn-icon rounded-pill btn-text-google-plus">
<i class="tf-icons ti ti-brand-google-filled"></i>
</a>
</div>
</div>
</div>
<!-- /Tarjeta de Registro -->
</div>
</div>
</div>
@endsection

132
resources/views/auth/register-cover.blade.php Normal file
View File

@ -0,0 +1,132 @@
@php
$customizerHidden = 'customizer-hide';
$configData = Helper::appClasses();
@endphp
@extends('vuexy-admin::layouts.vuexy.layoutMaster')
@section('title', 'Registro de usuarios')
@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">
<!-- Texto Izquierdo -->
<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-register-illustration-'.$configData['style'].'.png') }}" alt="registro-cubierta" class="my-5 auth-illustration" data-app-light-img="illustrations/auth-register-illustration-light.png" data-app-dark-img="illustrations/auth-register-illustration-dark.png">
<img src="{{ asset('vendor/vuexy-admin/img/illustrations/bg-shape-image-'.$configData['style'].'.png') }}" alt="registro-cubierta" 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>
<!-- /Texto Izquierdo -->
<!-- Registro -->
<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 pt-5">
<h4 class="mb-1">Empieza tu aventura 🚀</h4>
<p class="mb-6">Gestiona tu aplicación de manera sencilla y divertida.</p>
<!-- Formulario de Registro -->
<form id="formAuthentication" class="mb-6" action="{{ route('register') }}" method="POST">
@csrf
<div class="mb-6 fv-row">
<label for="name" class="form-label">Nombre de usuario</label>
<input type="text" class="form-control" id="name" name="name" placeholder="Ingresa tu nombre de usuario" autofocus required>
</div>
<div class="mb-6 fv-row">
<label for="email" class="form-label">Correo Electrónico</label>
<input type="email" class="form-control" id="email" name="email" placeholder="Ingresa tu correo electrónico" required>
</div>
<div class="mb-6 fv-row form-password-toggle">
<label class="form-label" for="password">Contraseña</label>
<div class="input-group input-group-merge">
<input type="password" id="password" class="form-control" name="password" placeholder="&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;" aria-describedby="password" required />
<span class="input-group-text cursor-pointer"><i class="ti ti-eye-off"></i></span>
</div>
</div>
<div class="mb-6 fv-row form-password-toggle">
<label class="form-label" for="password_confirmation">Confirmar Contraseña</label>
<div class="input-group input-group-merge">
<input type="password" id="password_confirmation" class="form-control" name="password_confirmation" placeholder="&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;" required />
<span class="input-group-text cursor-pointer"><i class="ti ti-eye-off"></i></span>
</div>
</div>
<div class="mb-6 fv-row mt-8">
<div class="form-check mb-8 ms-2">
<input class="form-check-input" type="checkbox" id="terms-conditions" name="terms" required>
<label class="form-check-label" for="terms-conditions">
Acepto la <a href="javascript:void(0);">política de privacidad y términos</a>
</label>
</div>
</div>
<button class="btn btn-primary d-grid w-100">
Registrarse
</button>
</form>
<p class="text-center">
<span>¿Ya tienes una cuenta?</span>
<a href="{{ route('login') }}">
<span>Iniciar sesión</span>
</a>
</p>
<div class="divider my-6">
<div class="divider-text">o</div>
</div>
<div class="d-flex justify-content-center">
<a href="javascript:;" class="btn btn-sm btn-icon rounded-pill btn-text-facebook me-1_5">
<i class="tf-icons ti ti-brand-facebook-filled"></i>
</a>
<a href="javascript:;" class="btn btn-sm btn-icon rounded-pill btn-text-twitter me-1_5">
<i class="tf-icons ti ti-brand-twitter-filled"></i>
</a>
<a href="javascript:;" class="btn btn-sm btn-icon rounded-pill btn-text-github me-1_5">
<i class="tf-icons ti ti-brand-github-filled"></i>
</a>
<a href="javascript:;" class="btn btn-sm btn-icon rounded-pill btn-text-google-plus">
<i class="tf-icons ti ti-brand-google-filled"></i>
</a>
</div>
</div>
</div>
<!-- /Registro -->
</div>
</div>
@endsection

130
resources/views/auth/reset-password-basic.blade.php Normal file
View File

@ -0,0 +1,130 @@
@php
$customizerHidden = 'customizer-hide';
@endphp
@extends('vuexy-admin::layouts.vuexy.layoutMaster')
@section('title', 'Restablecer 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="container-xxl">
<div class="authentication-wrapper authentication-basic container-p-y">
<div class="authentication-inner py-6">
<!-- Restablecer Contraseña -->
<div class="card">
<div class="card-body">
<!-- Logo -->
<div class="app-brand justify-content-center mb-6">
<a href="{{ url('/') }}" class="app-brand-link">
<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>
</div>
<!-- /Logo -->
<h4 class="mb-1">Restablecer Contraseña 🔒</h4>
<p class="mb-6"><span class="fw-medium">Tu nueva contraseña debe ser diferente de las contraseñas utilizadas anteriormente</span></p>
<form method="POST" action="{{ route('password.update') }}" class="mb-6">
@csrf
{{-- Token de restablecimiento de contraseña --}}
<input type="hidden" name="token" value="{{ $request->route('token') }}">
<div class="mb-6 fv-row form-password-toggle">
<label class="form-label" for="email">Correo Electrónico</label>
<input type="email"
id="email"
class="form-control @error('email') is-invalid @enderror"
name="email"
value="{{ old('email', $request->email) }}"
required
autofocus
readonly>
@error('email')
<div class="invalid-feedback">
{{ $message }}
</div>
@enderror
</div>
<div class="mb-6 fv-row form-password-toggle">
<label class="form-label" for="password">Nueva Contraseña</label>
<div class="input-group input-group-merge">
<input type="password"
id="password"
class="form-control @error('password') is-invalid @enderror"
name="password"
placeholder="&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;"
required
autocomplete="new-password" />
<span class="input-group-text cursor-pointer"><i class="ti ti-eye-off"></i></span>
@error('password')
<div class="invalid-feedback">
{{ $message }}
</div>
@enderror
</div>
</div>
<div class="mb-6 fv-row form-password-toggle">
<label class="form-label" for="password_confirmation">Confirmar Contraseña</label>
<div class="input-group input-group-merge">
<input type="password"
id="password_confirmation"
class="form-control"
name="password_confirmation"
placeholder="&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;"
required
autocomplete="new-password" />
<span class="input-group-text cursor-pointer"><i class="ti ti-eye-off"></i></span>
</div>
</div>
<button type="submit" class="btn btn-primary d-grid w-100 mb-6">
Establecer Nueva Contraseña
</button>
<div class="text-center">
<a href="{{ route('login') }}" class="d-flex justify-content-center align-items-center">
<i class="ti ti-chevron-left scaleX-n1-rtl me-1_5"></i>
Volver al Inicio de Sesión
</a>
</div>
</form>
</div>
</div>
<!-- /Restablecer Contraseña -->
</div>
</div>
</div>
@endsection

137
resources/views/auth/reset-password-cover.blade.php Normal file
View File

@ -0,0 +1,137 @@
@php
$customizerHidden = 'customizer-hide';
$configData = Helper::appClasses();
@endphp
@extends('vuexy-admin::layouts.vuexy.layoutMaster')
@section('title', 'Restablecer 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-reset-password-illustration-'.$configData['style'].'.png') }}" alt="Ilustración de restablecimiento de contraseña" class="my-5 auth-illustration" data-app-light-img="illustrations/auth-reset-password-illustration-light.png" data-app-dark-img="illustrations/auth-reset-password-illustration-dark.png">
<img src="{{ asset('vendor/vuexy-admin/img/illustrations/bg-shape-image-'.$configData['style'].'.png') }}" alt="Fondo de restablecimiento 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 -->
<!-- Restablecer Contraseña -->
<div class="d-flex col-12 col-lg-4 align-items-center authentication-bg p-6 p-sm-12">
<div class="w-px-400 mx-auto mt-12 pt-5">
<h4 class="mb-1">Restablecer Contraseña 🔒</h4>
<p class="mb-6"><span class="fw-medium">Tu nueva contraseña debe ser diferente de las contraseñas utilizadas anteriormente</span></p>
<form method="POST" action="{{ route('password.update') }}" class="mb-6">
@csrf
{{-- Token de restablecimiento de contraseña --}}
<input type="hidden" name="token" value="{{ $request->route('token') }}">
<div class="mb-6 fv-row form-password-toggle">
<label class="form-label" for="email">Correo Electrónico</label>
<input type="email"
id="email"
class="form-control @error('email') is-invalid @enderror"
name="email"
value="{{ old('email', $request->email) }}"
required
autofocus
readonly>
@error('email')
<div class="invalid-feedback">
{{ $message }}
</div>
@enderror
</div>
<div class="mb-6 fv-row form-password-toggle">
<label class="form-label" for="password">Nueva Contraseña</label>
<div class="input-group input-group-merge">
<input type="password"
id="password"
class="form-control @error('password') is-invalid @enderror"
name="password"
placeholder="&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;"
required
autocomplete="new-password" />
<span class="input-group-text cursor-pointer"><i class="ti ti-eye-off"></i></span>
@error('password')
<div class="invalid-feedback">
{{ $message }}
</div>
@enderror
</div>
</div>
<div class="mb-6 fv-row form-password-toggle">
<label class="form-label" for="password_confirmation">Confirmar Contraseña</label>
<div class="input-group input-group-merge">
<input type="password"
id="password_confirmation"
class="form-control"
name="password_confirmation"
placeholder="&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;"
required
autocomplete="new-password" />
<span class="input-group-text cursor-pointer"><i class="ti ti-eye-off"></i></span>
</div>
</div>
<button type="submit" class="btn btn-primary d-grid w-100 mb-6">
Establecer Nueva Contraseña
</button>
<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>
</form>
</div>
</div>
<!-- /Restablecer Contraseña -->
</div>
</div>
@endsection