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

Laravel 11, Vuexy Admin 10.3, by admin@koneko.mx

Browse Source
This commit is contained in:
Arturo Corro
2025-01-25 04:23:40 -06:00
parent c3045b43b1
commit 64d505910f
1283 changed files with 140198 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
modules/Admin/Resources/views/admin-settings/smtp-settings.blade.php Normal file
View File

@ -0,0 +1,36 @@
@extends('admin::layouts.vuexy.layoutMaster')
@section('title', 'Servidor de correo SMTP')
@section('vendor-style')
@vite([
'modules/Admin/Resources/assets/vendor/libs/@form-validation/form-validation.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/admin-settings/smtp-settings-scripts.js')
@endsection
@section('content')
<div class="row">
<div class="col-md-4">
<div class="mb-4">
@livewire('mail-smtp-settings')
</div>
</div>
<div class="col-md-4">
<div class="mb-4">
@livewire('mail-sender-response-settings')
</div>
</div>
</div>
@endsection

30
modules/Admin/Resources/views/admin-settings/webapp-general-settings.blade.php Normal file
View File

@ -0,0 +1,30 @@
@extends('admin::layouts.vuexy.layoutMaster')
@section('title', 'Ajustes generales')
@section('page-script')
@vite('modules/Admin/Resources/js/admin-settings/admin-settings-scripts.js')
@endsection
@section('content')
<div class="row">
<div class="col-lg-4">
<!-- App Settings Card -->
<div class="mb-4">
@livewire('application-settings')
</div>
</div>
<div class="col-lg-4">
<!-- General Settings Card -->
<div class="mb-4">
@livewire('general-settings')
</div>
</div>
<div class="col-lg-4">
<!-- Interface Settings Card -->
<div class="mb-4">
@livewire('interface-settings')
</div>
</div>
</div>
@endsection

356
modules/Admin/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('admin::layouts.vuexy.layoutMaster')
@section('title', 'Multi Steps Sign-up - Pages')
@section('vendor-style')
@vite([
'modules/Admin/Resources/assets/vendor/libs/bs-stepper/bs-stepper.scss',
'modules/Admin/Resources/assets/vendor/libs/bootstrap-select/bootstrap-select.scss',
'modules/Admin/Resources/assets/vendor/libs/select2/select2.scss',
'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/cleavejs/cleave.js',
'modules/Admin/Resources/assets/vendor/libs/cleavejs/cleave-phone.js',
'modules/Admin/Resources/assets/vendor/libs/bs-stepper/bs-stepper.js',
'modules/Admin/Resources/assets/vendor/libs/select2/select2.js',
'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-multisteps.js'
])
@endsection
@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('_var.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('assets/admin/img/illustrations/auth-register-multisteps-illustration.png') }}" alt="auth-register-multisteps" class="img-fluid" width="280">
<img src="{{ asset('assets/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
modules/Admin/Resources/views/auth/auth-two-steps-basic.blade.php Normal file
View File

@ -0,0 +1,86 @@
@php
$customizerHidden = 'customizer-hide';
@endphp
@extends('admin::layouts.vuexy.layoutMaster')
@section('title', 'Two Steps Verifications Basic - Pages')
@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/cleavejs/cleave.js',
'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',
'modules/Admin/Resources/js/auth/pages-auth-two-steps.js'
])
@endsection
@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('_var.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
modules/Admin/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('admin::layouts.vuexy.layoutMaster')
@section('title', 'Two Steps Verifications Cover - Pages')
@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/cleavejs/cleave.js',
'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',
'modules/Admin/Resources/js/auth/pages-auth-two-steps.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">{{ config('_var.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('assets/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('assets/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
modules/Admin/Resources/views/auth/auth-verify-email-basic.blade.php Normal file
View File

@ -0,0 +1,47 @@
@php
$customizerHidden = 'customizer-hide';
@endphp
@extends('admin::layouts.vuexy.layoutMaster')
@section('title', 'Verify Email Basic - Pages')
@section('page-style')
<!-- Page -->
@vite('modules/Admin/Resources/scss/auth/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('_var.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
modules/Admin/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('admin::layouts.vuexy.layoutMaster')
@section('title', 'Verify Email Cover - Pages')
@section('page-style')
<!-- Page -->
@vite('modules/Admin/Resources/scss/auth/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('_var.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('assets/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('assets/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
modules/Admin/Resources/views/auth/forgot-password-basic.blade.php Normal file
View File

@ -0,0 +1,97 @@
@php
$customizerHidden = 'customizer-hide';
@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="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
modules/Admin/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('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

133
modules/Admin/Resources/views/auth/login-basic.blade.php Normal file
View File

@ -0,0 +1,133 @@
@php
use Laravel\Fortify\Features;
$customizerHidden = 'customizer-hide';
$configData = Helper::appClasses();
@endphp
@extends('admin::layouts.vuexy.layoutMaster')
@section('title', 'Iniciar sesión')
@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="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

139
modules/Admin/Resources/views/auth/login-cover.blade.php Normal file
View File

@ -0,0 +1,139 @@
@php
use Laravel\Fortify\Features;
$customizerHidden = 'customizer-hide';
$configData = Helper::appClasses();
@endphp
@extends('admin::layouts.vuexy.layoutMaster')
@section('title', 'Iniciar sesión')
@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-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('assets/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
modules/Admin/Resources/views/auth/register-basic.blade.php Normal file
View File

@ -0,0 +1,151 @@
@php
$customizerHidden = 'customizer-hide';
@endphp
@extends('admin::layouts.vuexy.layoutMaster')
@section('title', 'Registro de usuarios')
@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="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
modules/Admin/Resources/views/auth/register-cover.blade.php Normal file
View File

@ -0,0 +1,132 @@
@php
$customizerHidden = 'customizer-hide';
$configData = Helper::appClasses();
@endphp
@extends('admin::layouts.vuexy.layoutMaster')
@section('title', 'Registro de usuarios')
@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">
<!-- 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('assets/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('assets/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
modules/Admin/Resources/views/auth/reset-password-basic.blade.php Normal file
View File

@ -0,0 +1,130 @@
@php
$customizerHidden = 'customizer-hide';
@endphp
@extends('admin::layouts.vuexy.layoutMaster')
@section('title', 'Restablecer 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="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
modules/Admin/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('admin::layouts.vuexy.layoutMaster')
@section('title', 'Restablecer 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-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('assets/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

41
modules/Admin/Resources/views/cache-manager/index.blade.php Normal file
View File

@ -0,0 +1,41 @@
@extends('admin::layouts.vuexy.layoutMaster')
@section('title', 'Ajustes de caché')
@section('page-script')
@vite('modules/Admin/Resources/js/cache-manager/cache-scripts.js')
@endsection
@section('content')
<div class="row">
<div class="col-md-4">
<div class="mb-6">
@livewire('cache-stats')
</div>
<div class="mb-6">
@livewire('session-stats')
</div>
</div>
<div class="col-md-8">
<div class="mb-6">
@livewire('cache-functions')
</div>
<div class="row">
@if($configCache['redisInUse'])
<div class="col-md-6">
<div class="mb-6">
@livewire('redis-stats')
</div>
</div>
@endif
@if($configCache['memcachedInUse'])
<div class="col-md-6">
<div class="mb-6">
@livewire('memcached-stats')
</div>
</div>
@endif
</div>
</div>
</div>
@endsection

38
modules/Admin/Resources/views/errors/400.blade.php Normal file
View File

@ -0,0 +1,38 @@
@php
$customizerHidden = 'customizer-hide';
$configData = Helper::appClasses();
@endphp
@extends('admin::layouts.vuexy.layoutMaster')
@section('title', '400 Bad Request')
@section('page-style')
<!-- Page -->
@vite(['/modules/Admin/Resources/scss/auth/page-misc.scss'])
@endsection
@section('content')
<!-- Error -->
<div class="container-xxl container-p-y">
<div class="misc-wrapper">
<h1 class="mb-2 mx-2 fs-xxlarge" style="line-height: 6rem;font-size: 6rem;">400</h1>
<h4 class="mb-2 mx-2">Solicitud incorrecta ⚠️</h4>
<p class="mb-6 mx-2">
@if (!empty($exception->getMessage()))
{{ __($exception->getMessage()) }}
@else
{{ __('errors.bad_request') }}
@endif
</p>
<a href="{{ route('admin.home.index') }}" class="btn btn-primary mb-10">Regresar al inicio</a>
<div class="mt-4">
<img src="{{ asset('assets/admin/img/illustrations/page-misc-error.png') }}" alt="page-misc-error" width="225" class="img-fluid">
</div>
</div>
</div>
<div class="container-fluid misc-bg-wrapper">
<img src="{{ asset('assets/admin/img/illustrations/bg-shape-image-'.$configData['style'].'.png') }}" height="355" alt="page-misc-error" data-app-light-img="illustrations/bg-shape-image-light.png" data-app-dark-img="illustrations/bg-shape-image-dark.png">
</div>
<!-- /Error -->
@endsection

38
modules/Admin/Resources/views/errors/401.blade.php Normal file
View File

@ -0,0 +1,38 @@
@php
$customizerHidden = 'customizer-hide';
$configData = Helper::appClasses();
@endphp
@extends('admin::layouts.vuexy.layoutMaster')
@section('title', '401 Unauthorized')
@section('page-style')
<!-- Page -->
@vite(['/modules/Admin/Resources/scss/auth/page-misc.scss'])
@endsection
@section('content')
<!-- Error -->
<div class="container-xxl container-p-y">
<div class="misc-wrapper">
<h1 class="mb-2 mx-2 fs-xxlarge" style="line-height: 6rem;font-size: 6rem;">401</h1>
<h4 class="mb-2 mx-2">¡No estás autorizado! 🔐</h4>
<p class="mb-6 mx-2">
@if (!empty($exception->getMessage()))
{{ __($exception->getMessage()) }}
@else
{{ __('errors.unauthorized') }}
@endif
</p>
<a href="{{ route('admin.home.index') }}" class="btn btn-primary mb-10">Regresar al inicio</a>
<div class="mt-4">
<img src="{{ asset('assets/admin/img/illustrations/page-misc-you-are-not-authorized.png') }}" alt="page-misc-not-authorized" width="170" class="img-fluid">
</div>
</div>
</div>
<div class="container-fluid misc-bg-wrapper">
<img src="{{ asset('assets/admin/img/illustrations/bg-shape-image-'.$configData['style'].'.png') }}" height="355" alt="page-misc-not-authorized" data-app-light-img="illustrations/bg-shape-image-light.png" data-app-dark-img="illustrations/bg-shape-image-dark.png">
</div>
<!-- /Error -->
@endsection

38
modules/Admin/Resources/views/errors/403.blade.php Normal file
View File

@ -0,0 +1,38 @@
@php
$customizerHidden = 'customizer-hide';
$configData = Helper::appClasses();
@endphp
@extends('admin::layouts.vuexy.layoutMaster')
@section('title', '403 Forbidden')
@section('page-style')
<!-- Page -->
@vite(['/modules/Admin/Resources/scss/auth/page-misc.scss'])
@endsection
@section('content')
<!-- Error -->
<div class="container-xxl container-p-y">
<div class="misc-wrapper">
<h1 class="mb-2 mx-2 fs-xxlarge" style="line-height: 6rem;font-size: 6rem;">403</h1>
<h4 class="mb-2 mx-2">¡No estás autorizado! 🔐</h4>
<p class="mb-6 mx-2">
@if (!empty($exception->getMessage()))
{{ __($exception->getMessage()) }}
@else
{{ __('errors.forbidden') }}
@endif
</p>
<a href="{{ route('admin.home.index') }}" class="btn btn-primary mb-10">Regresar al inicio</a>
<div class="mt-4">
<img src="{{ asset('assets/admin/img/illustrations/page-misc-you-are-not-authorized.png') }}" alt="page-misc-not-authorized" width="170" class="img-fluid">
</div>
</div>
</div>
<div class="container-fluid misc-bg-wrapper">
<img src="{{ asset('assets/admin/img/illustrations/bg-shape-image-'.$configData['style'].'.png') }}" height="355" alt="page-misc-not-authorized" data-app-light-img="illustrations/bg-shape-image-light.png" data-app-dark-img="illustrations/bg-shape-image-dark.png">
</div>
<!-- /Error -->
@endsection

34
modules/Admin/Resources/views/errors/404.blade.php Normal file
View File

@ -0,0 +1,34 @@
@php
$customizerHidden = 'customizer-hide';
$configData = Helper::appClasses();
@endphp
@extends('admin::layouts.vuexy.layoutMaster')
@section('title', '404 Not Found')
@section('page-style')
<!-- Page -->
@vite(['/modules/Admin/Resources/scss/auth/page-misc.scss'])
@endsection
@section('content')
<!-- Error -->
<div class="container-xxl container-p-y">
<div class="misc-wrapper">
<h1 class="mb-2 mx-2 fs-xxlarge" style="line-height: 6rem;font-size: 6rem;">404</h1>
<h4 class="mb-2 mx-2">Página no encontrada ⚠️</h4>
<p class="mb-6 mx-2">
{{ __('errors.page_not_found') }}
</p>
<a href="{{ route('admin.home.index') }}" class="btn btn-primary mb-10">Regresar al inicio</a>
<div class="mt-4">
<img src="{{ asset('assets/admin/img/illustrations/page-misc-error.png') }}" alt="page-misc-error" width="225" class="img-fluid">
</div>
</div>
</div>
<div class="container-fluid misc-bg-wrapper">
<img src="{{ asset('assets/admin/img/illustrations/bg-shape-image-'.$configData['style'].'.png') }}" height="355" alt="page-misc-error" data-app-light-img="illustrations/bg-shape-image-light.png" data-app-dark-img="illustrations/bg-shape-image-dark.png">
</div>
<!-- /Error -->
@endsection

17
modules/Admin/Resources/views/layouts/vuexy/blankLayout.blade.php Normal file
View File

@ -0,0 +1,17 @@
@isset($pageConfigs)
{!! Helper::updatePageConfig($pageConfigs) !!}
@endisset
@php
$configData = Helper::appClasses();
/* Display elements */
$customizerHidden = ($customizerHidden ?? '');
@endphp
@extends('admin::layouts.vuexy.commonMaster' )
@section('layoutContent')
<!-- Content -->
@yield('content')
<!--/ Content -->
@endsection

56
modules/Admin/Resources/views/layouts/vuexy/commonMaster.blade.php Normal file
View File

@ -0,0 +1,56 @@
<!DOCTYPE html>
@php
use Illuminate\Support\Facades\Route;
$menuFixed = ($configData['layout'] === 'vertical') ? ($menuFixed ?? '') : (($configData['layout'] === 'front') ? '' : $configData['headerType']);
$navbarType = ($configData['layout'] === 'vertical') ? ($configData['navbarType'] ?? '') : (($configData['layout'] === 'front') ? 'layout-navbar-fixed': '');
$isFront = ($isFront ?? '') == true ? 'Front' : '';
$contentLayout = (isset($container) ? (($container === 'container-xxl') ? "layout-compact" : "layout-wide") : "");
@endphp
<html lang="{{ session()->get('locale') ?? app()->getLocale() }}"
class="{{ $configData['style'] }}-style {{($contentLayout ?? '')}} {{ ($navbarType ?? '') }} {{ ($menuFixed ?? '') }} {{ $menuCollapsed ?? '' }} {{ $menuFlipped ?? '' }} {{ $menuOffcanvas ?? '' }} {{ $footerFixed ?? '' }} {{ $customizerHidden ?? '' }}"
dir="{{ $configData['textDirection'] }}"
data-theme="{{ $configData['theme'] }}"
data-assets-path="{{ asset('/assets') . '/' }}"
data-base-url="{{url('/')}}"
data-quicklinks-update-url="{{ route('admin.system.quicklinks-navbar.update') }}"
data-route="{{ Route::currentRouteName() }}"
data-framework="laravel"
data-template="{{ $configData['layout'] . '-menu-' . $configData['themeOpt'] . '-' . $configData['styleOpt'] }}"
data-style="{{$configData['styleOptVal']}}">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
<!-- laravel CRUD token -->
<meta name="csrf-token" content="{{ csrf_token() }}">
<!-- Favicons-->
<link rel="icon" href="{{ asset('storage/' . $_admin['favicon']['16x16']) }}" type="image/x-icon">
<link rel="icon" sizes="192x192" href="{{ asset('storage/' . $_admin['favicon']['192x192']) }}">
<link rel="apple-touch-icon" type="image/x-icon" sizes="76x76" href="{{ asset('storage/' . $_admin['favicon']['76x76']) }}">
<link rel="apple-touch-icon" type="image/x-icon" sizes="120x120" href="{{ asset('storage/' . $_admin['favicon']['120x120']) }}">
<link rel="apple-touch-icon" type="image/x-icon" sizes="152x152" href="{{ asset('storage/' . $_admin['favicon']['152x152']) }}">
<link rel="apple-touch-icon" type="image/x-icon" sizes="180x180" href="{{ asset('storage/' . $_admin['favicon']['180x180']) }}">
<!-- Include Styles -->
<!-- $isFront is used to append the front layout styles only on the front layout otherwise the variable will be blank -->
@include('admin::layouts.vuexy.sections.styles' . $isFront)
<!-- Include Scripts for customizer, helper, analytics, config -->
<!-- $isFront is used to append the front layout scriptsIncludes only on the front layout otherwise the variable will be blank -->
@include('admin::layouts.vuexy.sections.scriptsIncludes' . $isFront)
</head>
<body>
<!-- Layout Content -->
@yield('layoutContent')
<!--/ Layout Content -->
<!-- Include Scripts -->
<!-- $isFront is used to append the front layout scripts only on the front layout otherwise the variable will be blank -->
@include('admin::layouts.vuexy.sections.scripts' . $isFront)
</body>
</html>

91
modules/Admin/Resources/views/layouts/vuexy/contentNavbarLayout.blade.php Normal file
View File

@ -0,0 +1,91 @@
@isset($pageConfigs)
{!! Helper::updatePageConfig($pageConfigs) !!}
@endisset
@php
$configData = Helper::appClasses();
@endphp
@extends('admin::layouts.vuexy.commonMaster' )
@php
/* Display elements */
$contentNavbar = ($contentNavbar ?? true);
$containerNav = ($containerNav ?? 'container-xxl');
$isNavbar = ($isNavbar ?? true);
$isMenu = ($isMenu ?? true);
$isFlex = ($isFlex ?? false);
$isFooter = ($isFooter ?? true);
$customizerHidden = ($customizerHidden ?? '');
/* HTML Classes */
$navbarDetached = 'navbar-detached';
$menuFixed = (isset($configData['menuFixed']) ? $configData['menuFixed'] : '');
if(isset($navbarType)) {
$configData['navbarType'] = $navbarType;
}
$navbarType = (isset($configData['navbarType']) ? $configData['navbarType'] : '');
$footerFixed = (isset($configData['footerFixed']) ? $configData['footerFixed'] : '');
$menuCollapsed = (isset($configData['menuCollapsed']) ? $configData['menuCollapsed'] : '');
/* Content classes */
$container = (isset($configData['contentLayout']) && $configData['contentLayout'] === 'compact') ? 'container-xxl' : 'container-fluid';
@endphp
@section('layoutContent')
<div class="layout-wrapper layout-content-navbar {{ $isMenu ? '' : 'layout-without-menu' }}">
<div class="layout-container">
@if ($isMenu)
@include('admin::layouts.vuexy.sections.menu.verticalMenu')
@endif
<!-- Layout page -->
<div class="layout-page">
<!-- BEGIN: Navbar-->
@if ($isNavbar)
@include('admin::layouts.vuexy.sections.navbar.navbar')
@endif
<!-- END: Navbar-->
<!-- Content wrapper -->
<div class="content-wrapper">
<!-- Content -->
@if ($isFlex)
<div class="{{$container}} d-flex align-items-stretch flex-grow-1 p-0">
@else
<div class="{{$container}} flex-grow-1 container-p-y">
@endif
<!-- Breadcrumbs -->
@include('admin::layouts.vuexy.sections.content.breadcrumbs')
<!-- / Breadcrumbs -->
@yield('content')
</div>
<!-- / Content -->
<!-- Footer -->
@if ($isFooter)
@include('admin::layouts.vuexy.sections.footer.footer')
@endif
<!-- / Footer -->
<div class="content-backdrop fade"></div>
</div>
<!--/ Content wrapper -->
</div>
<!-- / Layout page -->
</div>
@if ($isMenu)
<!-- Overlay -->
<div class="layout-overlay layout-menu-toggle"></div>
@endif
<!-- Drag Target Area To SlideIn Menu On Small Screens -->
<div class="drag-target"></div>
</div>
<!-- / Layout wrapper -->
@endsection

89
modules/Admin/Resources/views/layouts/vuexy/horizontalLayout.blade.php Normal file
View File

@ -0,0 +1,89 @@
@isset($pageConfigs)
{!! Helper::updatePageConfig($pageConfigs) !!}
@endisset
@php
$configData = Helper::appClasses();
@endphp
@extends('admin::layouts.vuexy.commonMaster' )
@php
$menuHorizontal = true;
$navbarFull = true;
/* Display elements */
$isNavbar = ($isNavbar ?? true);
$isMenu = ($isMenu ?? true);
$isFlex = ($isFlex ?? false);
$isFooter = ($isFooter ?? true);
$customizerHidden = ($customizerHidden ?? '');
/* HTML Classes */
$menuFixed = (isset($configData['menuFixed']) ? $configData['menuFixed'] : '');
$navbarType = (isset($configData['navbarType']) ? $configData['navbarType'] : '');
$footerFixed = (isset($configData['footerFixed']) ? $configData['footerFixed'] : '');
$menuCollapsed = (isset($configData['menuCollapsed']) ? $configData['menuCollapsed'] : '');
/* Content classes */
$container = ($configData['contentLayout'] === 'compact') ? 'container-xxl' : 'container-fluid';
$containerNav = ($configData['contentLayout'] === 'compact') ? 'container-xxl' : 'container-fluid';
@endphp
@section('layoutContent')
<div class="layout-wrapper layout-navbar-full layout-horizontal layout-without-menu">
<div class="layout-container">
<!-- BEGIN: Navbar-->
@if ($isNavbar)
@include('admin::layouts.vuexy.sections.navbar.navbar')
@endif
<!-- END: Navbar-->
<!-- Layout page -->
<div class="layout-page">
<!-- Content wrapper -->
<div class="content-wrapper">
@if ($isMenu)
@include('admin::layouts.vuexy.sections.menu.horizontalMenu')
@endif
<!-- Content -->
@if ($isFlex)
<div class="{{$container}} d-flex align-items-stretch flex-grow-1 p-0">
@else
<div class="{{$container}} flex-grow-1 container-p-y">
@endif
<!-- Breadcrumbs -->
@include('admin::layouts.vuexy.sections.content.breadcrumbs')
<!-- / Breadcrumbs -->
@yield('content')
</div>
<!-- / Content -->
<!-- Footer -->
@if ($isFooter)
@include('admin::layouts.vuexy.sections.footer.footer')
@endif
<!-- / Footer -->
<div class="content-backdrop fade"></div>
</div>
<!--/ Content wrapper -->
</div>
<!-- / Layout page -->
</div>
<!-- / Layout Container -->
@if ($isMenu)
<!-- Overlay -->
<div class="layout-overlay layout-menu-toggle"></div>
@endif
<!-- Drag Target Area To SlideIn Menu On Small Screens -->
<div class="drag-target"></div>
</div>
<!-- / Layout wrapper -->
@endsection

16
modules/Admin/Resources/views/layouts/vuexy/layoutMaster.blade.php Normal file
View File

@ -0,0 +1,16 @@
@isset($pageConfigs)
{!! Helper::updatePageConfig($pageConfigs) !!}
@endisset
@php
$configData = Helper::appClasses();
@endphp
@isset($configData["layout"])
@include((( $configData["layout"] === 'horizontal')
? 'admin::layouts.vuexy.horizontalLayout'
: (( $configData["layout"] === 'blank')
? 'admin::layouts.vuexy.blankLayout'
: (($configData["layout"] === 'front')
? 'admin::layouts.vuexy.layoutFront'
: 'admin::layouts.vuexy.contentNavbarLayout') )))
@endisset

21
modules/Admin/Resources/views/layouts/vuexy/sections/content/breadcrumbs.blade.php Normal file
View File

@ -0,0 +1,21 @@
<!-- Breadcrumbs: Start -->
@if($vuexyBreadcrumbs)
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
@foreach ($vuexyBreadcrumbs as $breadcrumb)
<li class="breadcrumb-item {{ isset($breadcrumb['active']) && $breadcrumb['active']? 'active': '' }}">
@php
if(isset($breadcrumb['route']) && isset($breadcrumb['link']) == false)
$breadcrumb['link'] = route($breadcrumb['route']);
@endphp
@isset($breadcrumb['link'])
<a href="{{ $breadcrumb['link'] }}">{{ $breadcrumb['name'] }}</a>
@else
{{ $breadcrumb['name'] }}
@endisset
</li>
@endforeach
</ol>
</nav>
@endif
<!-- Breadcrumbs: End -->

23
modules/Admin/Resources/views/layouts/vuexy/sections/footer/footer.blade.php Normal file
View File

@ -0,0 +1,23 @@
@php
$containerFooter = (isset($configData['contentLayout']) && $configData['contentLayout'] === 'compact') ? 'container-xxl' : 'container-fluid';
@endphp
<!-- Footer-->
<footer class="content-footer footer bg-footer-theme">
<div class="{{ $containerFooter }}">
<div class="footer-container d-flex align-items-center justify-content-between py-4 flex-md-row flex-column">
<div class="text-body">
© <script>document.write(new Date().getFullYear())</script>, Hecho con ❤️ por <a href="{{ (!empty(config('_var.creatorUrl')) ? config('_var.creatorUrl') : '') }}" target="_blank" class="footer-link">{{ (!empty(config('_var.creatorName')) ? config('_var.creatorName') : '') }}</a>
</div>
<div class="d-none d-lg-inline-block">
@if (config('_var.licenseUrl'))
<a href="{{ config('_var.licenseUrl') }}" class="footer-link me-4" target="_blank">Licencia</a>
@endif
@if (config('_var.supportUrl'))
<a href="{{ config('_var.supportUrl') }}" target="_blank" class="footer-link d-none d-sm-inline-block">Soporte</a>
@endif
</div>
</div>
</div>
</footer>
<!--/ Footer-->

28
modules/Admin/Resources/views/layouts/vuexy/sections/menu/horizontalMenu.blade.php Normal file
View File

@ -0,0 +1,28 @@
@php
$configData = Helper::appClasses();
@endphp
<!-- Horizontal Menu -->
<aside id="layout-menu" class="layout-menu-horizontal menu-horizontal menu bg-menu-theme flex-grow-0">
<div class="{{$containerNav}} d-flex h-100">
<ul class="menu-inner pb-2 pb-xl-0">
@foreach ($vuexyMenu as $menuName => $menu)
<li class="menu-item {{ isset($menu['active']) && $menu['active'] ? 'active' : '' }}">
<a href="{{ $menu['url'] ?? 'javascript:void(0);' }}" class="menu-link {{ isset($menu['submenu']) ? 'menu-toggle' : '' }}" @if (isset($menu['target']) and !empty($menu['target'])) target="{{ $menu['target'] }}" @endif>
@isset($menu['icon'])
<i class="{{ $menu['icon'] }}"></i>
@endisset
<div>{{ $menuName }}</div>
@isset($menu['badge'])
<div class="badge bg-{{ $menu['badge'][0] }} rounded-pill ms-auto">{{ $menu['badge'][1] }}</div>
@endisset
</a>
@isset($menu['submenu'])
@include('admin::layouts.vuexy.sections.menu.submenu', ['menu' => $menu['submenu']])
@endisset
</li>
@endforeach
</ul>
</div>
</aside>
<!--/ Horizontal Menu -->

18
modules/Admin/Resources/views/layouts/vuexy/sections/menu/submenu.blade.php Normal file
View File

@ -0,0 +1,18 @@
<ul class="menu-sub">
@foreach ($menu as $submenuName => $submenu)
<li class="menu-item {{ isset($submenu['active']) && $submenu['active'] ? 'active open' : '' }}">
<a href="{{ $submenu['url'] ?? 'javascript:void(0);' }}" class="menu-link {{ isset($submenu['submenu']) ? 'menu-toggle' : '' }}" @if (isset($submenu['target']) and !empty($submenu['target'])) target="{{ $submenu['target'] }}" @endif>
@isset($submenu['icon'])
<i class="{{ $submenu['icon'] }}"></i>
@endisset
<div>{{ $submenuName }}</div>
@isset($submenu['badge'])
<div class="badge bg-{{ $submenu['badge'][0] }} rounded-pill ms-auto">{{ $submenu['badge'][1] }}</div>
@endisset
</a>
@isset($submenu['submenu'])
@include('admin::layouts.vuexy.sections.menu.submenu', ['menu' => $submenu['submenu']])
@endisset
</li>
@endforeach
</ul>

51
modules/Admin/Resources/views/layouts/vuexy/sections/menu/verticalMenu.blade.php Normal file
View File

@ -0,0 +1,51 @@
@php
$configData = Helper::appClasses();
@endphp
<aside id="layout-menu" class="layout-menu menu-vertical menu bg-menu-theme">
<!-- ! Hide app brand if navbar-full -->
@if(!isset($navbarFull))
<div class="app-brand demo">
<a href="{{ route('admin.home.index') }}" 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 menu-text fw-bold">{{ $_admin['app_name'] }}</span>
</a>
<a href="javascript:void(0);" class="layout-menu-toggle menu-link text-large ms-auto">
<i class="ti menu-toggle-icon d-none d-xl-block align-middle"></i>
<i class="ti ti-x d-block d-xl-none ti-md align-middle"></i>
</a>
</div>
@endif
<div class="menu-inner-shadow"></div>
<ul class="menu-inner py-1">
@foreach ($vuexyMenu as $menuName => $menu)
@if (isset($menu->menuHeader))
<li class="menu-header small">
<span class="menu-header-text">{{ __($menu->menuHeader) }}</span>
</li>
@else
{{-- main menu --}}
<li class="menu-item {{ isset($menu['active']) && $menu['active'] ? 'active open' : '' }}">
<a href="{{ $menu['url'] ?? 'javascript:void(0);' }}" class="menu-link {{ isset($menu['submenu']) ? 'menu-link menu-toggle' : 'menu-link' }}" @if (isset($menu['target']) and !empty($menu['target'])) target="{{ $menu['target'] }}" @endif>
@isset($menu['icon'])
<i class="{{ $menu['icon'] }}"></i>
@endisset
<div>{{ $menuName }}</div>
@isset($menu['badge'])
<div class="badge bg-{{ $menu['badge'][0] }} rounded-pill ms-auto">{{ $menu['badge'][1] }}</div>
@endisset
</a>
@isset($menu['submenu'])
@include('admin::layouts.vuexy.sections.menu.submenu', ['menu' => $menu['submenu']])
@endisset
</li>
@endif
@endforeach
</ul>
</aside>

233
modules/Admin/Resources/views/layouts/vuexy/sections/navbar/navbar.blade.php Normal file
View File

@ -0,0 +1,233 @@
@php
use Illuminate\Support\Facades\Auth;
use Illuminate\Support\Facades\Route;
$containerNav = ($configData['contentLayout'] === 'compact') ? 'container-xxl' : 'container-fluid';
$navbarDetached = ($navbarDetached ?? '');
@endphp
<!-- Navbar -->
@if(isset($navbarDetached) && $navbarDetached == 'navbar-detached')
<nav class="layout-navbar {{$containerNav}} navbar navbar-expand-xl {{$navbarDetached}} align-items-center bg-navbar-theme" id="layout-navbar">
@endif
@if(isset($navbarDetached) && $navbarDetached == '')
<nav class="layout-navbar navbar navbar-expand-xl align-items-center bg-navbar-theme" id="layout-navbar">
<div class="{{$containerNav}}">
@endif
<!-- Brand demo (display only for navbar-full and hide on below xl) -->
@if(isset($navbarFull))
<div class="navbar-brand app-brand demo d-none d-xl-flex py-0 me-4">
<a href="{{ route('admin.home.index') }}" 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 menu-text fw-bold">{{ $_admin['app_name'] }}</span>
</a>
@if(isset($menuHorizontal))
<a href="javascript:void(0);" class="layout-menu-toggle menu-link text-large ms-auto d-xl-none">
<i class="ti ti-x ti-md align-middle"></i>
</a>
@endif
</div>
@endif
<!-- ! Not required for layout-without-menu -->
@if(!isset($navbarHideToggle))
<div class="layout-menu-toggle navbar-nav align-items-xl-center me-3 me-xl-0{{ isset($menuHorizontal) ? ' d-xl-none ' : '' }} {{ isset($contentNavbar) ?' d-xl-none ' : '' }}">
<a class="nav-item nav-link px-0 me-xl-4" href="javascript:void(0)">
<i class="ti ti-menu-2 ti-md"></i>
</a>
</div>
@endif
<div class="navbar-nav-right d-flex align-items-center" id="navbar-collapse">
@if(!isset($menuHorizontal))
<!-- Search -->
@if ($vuexySearch)
<div class="navbar-nav align-items-center">
<div class="nav-item navbar-search-wrapper mb-0">
<a class="nav-item nav-link search-toggler d-flex align-items-center px-0" href="javascript:void(0);">
<i class="ti ti-search ti-md me-2 me-lg-4 ti-lg"></i>
<span class="d-none d-md-inline-block text-muted fw-normal">Buscar (Ctrl+/)</span>
</a>
</div>
</div>
@endif
<!-- /Search -->
@endif
<ul class="navbar-nav flex-row align-items-center ms-auto">
@if(isset($menuHorizontal))
<!-- Search -->
@if ($vuexySearch)
<li class="nav-item navbar-search-wrapper">
<a class="nav-link btn btn-text-secondary btn-icon rounded-pill search-toggler" href="javascript:void(0);">
<i class="ti ti-search ti-md"></i>
</a>
</li>
@endif
<!-- /Search -->
@endif
@if($configData['hasCustomizer'] == true)
<!-- Style Switcher -->
<li class="nav-item dropdown-style-switcher dropdown">
<a class="nav-link btn btn-text-secondary btn-icon rounded-pill dropdown-toggle hide-arrow" href="javascript:void(0);" data-bs-toggle="dropdown">
<i class='ti ti-md'></i>
</a>
<ul class="dropdown-menu dropdown-menu-end dropdown-styles">
<li>
<a class="dropdown-item" href="javascript:void(0);" data-theme="light">
<span class="align-middle"><i class='ti ti-sun ti-md me-3'></i>Claro</span>
</a>
</li>
<li>
<a class="dropdown-item" href="javascript:void(0);" data-theme="dark">
<span class="align-middle"><i class="ti ti-moon-stars ti-md me-3"></i>Obscuro</span>
</a>
</li>
<li>
<a class="dropdown-item" href="javascript:void(0);" data-theme="system">
<span class="align-middle"><i class="ti ti-device-desktop-analytics ti-md me-3"></i>Sistema</span>
</a>
</li>
</ul>
</li>
<!-- / Style Switcher -->
@endif
<!-- Quick links -->
@if ($vuexyQuickLinks)
<li class="nav-item dropdown-shortcuts navbar-dropdown dropdown">
<a class="nav-link btn btn-text-secondary btn-icon rounded-pill btn-icon dropdown-toggle hide-arrow" href="javascript:void(0);" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false">
<i class='ti ti-layout-grid-add ti-md'></i>
</a>
<div class="dropdown-menu dropdown-menu-end p-0">
<div class="dropdown-menu-header border-bottom">
<div class="dropdown-header d-flex align-items-center py-3">
<h6 class="mb-0 me-auto">Atajos</h6>
@if($vuexyQuickLinks['current_page_in_list'])
<a href="javascript:void(0)" class="btn btn-text-secondary rounded-pill btn-icon dropdown-shortcuts-remove" data-bs-toggle="tooltip" data-bs-placement="top" title="Remover atajo"><i class="ti ti-trash text-heading"></i></a>
@else
@if($vuexyQuickLinks['totalLinks'] < config('custom.custom.maxQuickLinks'))
<a href="javascript:void(0)" class="btn btn-text-secondary rounded-pill btn-icon dropdown-shortcuts-add" data-bs-toggle="tooltip" data-bs-placement="top" title="Agregar atajo"><i class="ti ti-plus text-heading"></i></a>
@endif
@endif
</div>
</div>
<div class="dropdown-shortcuts-list scrollable-container">
@foreach ($vuexyQuickLinks['rows'] as $quickLinksRow)
<div class="row row-bordered overflow-visible g-0">
@foreach ($quickLinksRow as $key => $quickLink)
<div class="dropdown-shortcuts-item col @if($quickLink['route'] === Route::currentRouteName()) active @endif">
<span class="dropdown-shortcuts-icon rounded-circle mb-3">
<i class="ti ti-{{ $quickLink['icon'] }} ti-26px text-heading"></i>
</span>
<a href="{{ $quickLink['url'] }}" class="stretched-link">{{ $quickLink['title'] }}</a>
<small>{{ $quickLink['subtitle'] }}</small>
</div>
@if ($key == 0 && !isset($quickLinksRow[1]))
<div class="dropdown-shortcuts-item col"></div>
@endif
@endforeach
</div>
@endforeach
</div>
</div>
</li>
@endif
<!-- Quick links -->
<!-- Notification -->
{!! $vuexyNotifications !!}
<!--/ Notification -->
<!-- User -->
<li class="nav-item navbar-dropdown dropdown-user dropdown">
<a class="nav-link dropdown-toggle hide-arrow d-flex align-items-center" href="javascript:void(0);" data-bs-toggle="dropdown">
@if (Auth::check())
<div class="user-nav me-2 d-none d-sm-block">
<span class="user-name d-block text-end">{{ Auth::user()->fullname }}</span>
<span class="user-email d-block text-end">{{ Auth::user()->email }}</span>
</div>
@endif
<div class="avatar {{ Auth::check()? 'avatar-online': '' }} ">
<img src="{{ Auth::user() ? Auth::user()->profile_photo_url : asset('assets/admin/img/avatars/generic.png') }}" alt class="h-auto rounded-circle">
</div>
</a>
<ul class="dropdown-menu dropdown-menu-end">
@if (Auth::check())
<li class="d-block d-sm-none">
<a class="dropdown-item" href="javascript:;">
<div class="d-flex">
<div class="flex-shrink-0 me-3">
<div class="avatar avatar-online">
<img src="{{ Auth::user()->profile_photo_url }}" alt class="h-auto rounded-circle">
</div>
</div>
<div class="flex-grow-1">
<span class="fw-medium d-block">
{{ Auth::user()->name }}
</span>
<small class="text-muted">{{ Auth::user()->email }}</small>
</div>
</div>
</a>
</li>
<li class="d-block d-sm-none">
<div class="dropdown-divider"></div>
</li>
@endif
@if (Auth::check())
<li>
<a class="dropdown-item" href="{{ route('admin.user.profile.edit') }}">
<i class="ti ti-user-cog me-2 ti-sm"></i>
<span class="align-middle">Configuracion de cuenta</span>
</a>
</li>
@endif
<li>
<a class="dropdown-item" href="{{ route('admin.about.index') }}">
<i class='ti ti-cat me-2'></i>
<span class="align-middle">Acerca de</span>
</a>
</li>
@if (Auth::check())
<li>
<div class="dropdown-divider"></div>
</li>
<li>
<a class="btn btn-sm btn-danger d-flex" href="{{ route('logout') }}" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
<i class='ti ti-logout me-2'></i>
<span class="align-middle">Cerrar sesión</span>
</a>
</li>
<form method="POST" id="logout-form" action="{{ route('logout') }}">
@csrf
</form>
@else
<li>
<a class="dropdown-item" href="{{ route('login') }}">
<i class='ti ti-login me-2'></i>
<span class="align-middle">Iniciar sesión</span>
</a>
</li>
@endif
</ul>
</li>
<!--/ User -->
</ul>
</div>
@if ($vuexySearch)
<!-- Search Small Screens -->
<div class="navbar-search-wrapper search-input-wrapper {{ isset($menuHorizontal) ? $containerNav : '' }} d-none">
<input type="text" class="form-control search-input {{ isset($menuHorizontal) ? '' : $containerNav }} border-0" placeholder="Buscar..." aria-label="Buscar...">
<i class="ti ti-x search-toggler cursor-pointer"></i>
</div>
<!--/ Search Small Screens -->
@endif
@if(isset($navbarDetached) && $navbarDetached == '')
</div>
@endif
</nav>
<!-- / Navbar -->

21
modules/Admin/Resources/views/layouts/vuexy/sections/scripts.blade.php Normal file
View File

@ -0,0 +1,21 @@
<!-- BEGIN: Vendor JS-->
@vite([
'modules/Admin/Resources/assets/vendor/libs/jquery/jquery.js',
'modules/Admin/Resources/assets/vendor/libs/popper/popper.js',
'modules/Admin/Resources/assets/vendor/js/bootstrap.js',
'modules/Admin/Resources/assets/vendor/libs/node-waves/node-waves.js',
'modules/Admin/Resources/assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.js',
'modules/Admin/Resources/assets/vendor/libs/hammer/hammer.js',
'modules/Admin/Resources/assets/vendor/libs/typeahead-js/typeahead.js',
'modules/Admin/Resources/assets/vendor/js/menu.js'
])
@yield('vendor-script')
<!-- END: Page Vendor JS-->
<!-- BEGIN: Theme JS-->
@vite(['modules/Admin/Resources/assets/js/main.js'])
<!-- END: Theme JS-->
<!-- BEGIN: Page JS-->
@yield('page-script')
<!-- END: Page JS-->

48
modules/Admin/Resources/views/layouts/vuexy/sections/scriptsIncludes.blade.php Normal file
View File

@ -0,0 +1,48 @@
@php
use Illuminate\Support\Facades\Vite;
$menuCollapsed = ($configData['menuCollapsed'] === 'layout-menu-collapsed') ? json_encode(true) : false;
@endphp
<!-- laravel style -->
@vite(['modules/Admin/Resources/assets/vendor/js/helpers.js'])
<!-- beautify ignore:start -->
@if ($configData['hasCustomizer'])
<!--! Template customizer & Theme config files MUST be included after core stylesheets and helpers.js in the <head> section -->
<!--? Template customizer: To hide customizer set displayCustomizer value false in config.js. -->
@vite(['modules/Admin/Resources/assets/vendor/js/template-customizer.js'])
@endif
<!--? Config: Mandatory theme config file contain global vars & default theme options, Set your preferred theme option in this file. -->
@vite(['modules/Admin/Resources/assets/js/config.js'])
@if ($configData['hasCustomizer'])
<script type="module">
window.templateCustomizer = new TemplateCustomizer({
cssPath: '',
themesPath: '',
defaultStyle: "{{$configData['styleOpt']}}",
defaultShowDropdownOnHover: "{{$configData['showDropdownOnHover']}}", // true/false (for horizontal layout only)
displayCustomizer: "{{$configData['displayCustomizer']}}",
lang: '{{ app()->getLocale() }}',
pathResolver: function(path) {
var resolvedPaths = {
// Core stylesheets
@foreach (['core'] as $name)
'{{ $name }}.scss': '{{ Vite::asset('modules/Admin/Resources/assets/vendor/scss'.$configData["rtlSupport"].'/'.$name.'.scss') }}',
'{{ $name }}-dark.scss': '{{ Vite::asset('modules/Admin/Resources/assets/vendor/scss'.$configData["rtlSupport"].'/'.$name.'-dark.scss') }}',
@endforeach
// Themes
@foreach (['default', 'bordered', 'semi-dark'] as $name)
'theme-{{ $name }}.scss': '{{ Vite::asset('modules/Admin/Resources/assets/vendor/scss'.$configData["rtlSupport"].'/theme-'.$name.'.scss') }}',
'theme-{{ $name }}-dark.scss': '{{ Vite::asset('modules/Admin/Resources/assets/vendor/scss'.$configData["rtlSupport"].'/theme-'.$name.'-dark.scss') }}',
@endforeach
}
return resolvedPaths[path] || path;
},
'controls': <?php echo json_encode($configData['customizerControls']); ?>,
});
</script>
@endif

29
modules/Admin/Resources/views/layouts/vuexy/sections/styles.blade.php Normal file
View File

@ -0,0 +1,29 @@
<!-- BEGIN: Theme CSS-->
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
@vite([
'modules/Admin/Resources/assets/vendor/fonts/tabler-icons.scss',
'modules/Admin/Resources/assets/vendor/fonts/fontawesome.scss',
'modules/Admin/Resources/assets/vendor/fonts/flag-icons.scss',
'modules/Admin/Resources/assets/vendor/libs/node-waves/node-waves.scss',
])
<!-- Core CSS -->
@vite([
'modules/Admin/Resources/assets/vendor/scss'.$configData['rtlSupport'].'/core' .($configData['style'] !== 'light' ? '-' . $configData['style'] : '') .'.scss',
'modules/Admin/Resources/assets/vendor/scss'.$configData['rtlSupport'].'/' .$configData['theme'] .($configData['style'] !== 'light' ? '-' . $configData['style'] : '') .'.scss',
'modules/Admin/Resources/assets/css/demo.css',
'modules/Admin/Resources/css/app.css',
])
<!-- Vendor Styles -->
@vite([
'modules/Admin/Resources/assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.scss',
'modules/Admin/Resources/assets/vendor/libs/typeahead-js/typeahead.scss'
])
@yield('vendor-style')
<!-- Page Styles -->
@yield('page-style')

70
modules/Admin/Resources/views/livewire/admin-settings/application-settings.blade.php Normal file
View File

@ -0,0 +1,70 @@
<div>
<div class="form-custom-listener" id="application-settings-card">
<div class="card">
<div class="card-body">
<h5 class="card-title">Información de aplicación</h5>
<div class="fv-row mb-3">
<label for="admin_app_name" class="form-label">
Titulo de aplicación <span class="text-xs">(Nombre corto)</span>
</label>
<input type="text" id="admin_app_name" wire:model.defer="admin_app_name" class="form-control" placeholder="Titulo de aplicación">
@error('admin_app_name')
<span class="text-danger">{{ $message }}</span>
@enderror
</div>
<div class="fv-row mb-6">
<h5>Logotipo tema claro</h5>
<div class="fv-row mb-4">
<input type="file" wire:model="upload_image_logo" id="upload_image_logo" class="form-control" accept="image/*" />
@error('upload_image_logo')
<span class="text-danger">{{ $message }}</span>
@enderror
</div>
<div class="mb-8 text-center align-items-center">
<div class="justify-content-center align-items-center bg-slate-100 p-4">
<img src="{{ $upload_image_logo ? $upload_image_logo->temporaryUrl() : asset('storage/' . $admin_image_logo) }}">
</div>
</div>
<h5>Logotipo tema obscuro</h5>
<div class="fv-row mb-4">
<input type="file" wire:model="upload_image_logo_dark" id="upload_image_logo_dark" class="form-control" accept="image/*" />
@error('upload_image_logo_dark')
<span class="text-danger">{{ $message }}</span>
@enderror
</div>
<div class="mb-3 text-center align-items-center">
<div class="justify-content-center align-items-center bg-slate-800 p-4">
<img src="{{ $upload_image_logo_dark ? $upload_image_logo_dark->temporaryUrl() : asset('storage/' . $admin_image_logo_dark) }}">
</div>
</div>
</div>
</div>
</div>
<div>
{{-- Botones --}}
<div class="row my-4">
<div class="col-lg-12 text-end">
<button
type="button"
wire:click="save"
class="btn btn-primary btn-save btn-sm mt-2 mr-2 waves-effect waves-light"
:disabled="{{ $upload_image_logo === null && $upload_image_logo_dark === null ? 'true' : 'false' }}"
data-loading-text="Guardando...">
<i class="ti ti-device-floppy mr-2"></i>
Guardar cambios
</button>
<button
type="button"
wire:click="loadSettings"
class="btn btn-secondary btn-cancel btn-sm mt-2 mr-2 waves-effect waves-light"
:disabled="{{ $upload_image_logo === null && $upload_image_logo_dark === null ? 'true' : 'false' }}">
<i class="ti ti-rotate-2 mr-2"></i>
Cancelar
</button>
</div>
</div>
{{-- Notifications --}}
<div class="notification-container" wire:ignore></div>
</div>
</div>
</div>

105
modules/Admin/Resources/views/livewire/admin-settings/general-settings.blade.php Normal file
View File

@ -0,0 +1,105 @@
<div>
<div class="form-custom-listener" id="general-settings-card">
<div class="card">
<div class="card-body">
<h5 class="card-title">Información de página web</h5>
<div class="fv-row mb-3">
<label for="admin_title" class="form-label">
Titulo del sitio <span class="text-xs">(Nombre completo)</span>
</label>
<input type="text" id="admin_title" wire:model.defer="admin_title" class="form-control"
placeholder="Titulo del sitio">
@error('admin_title')
<span class="text-danger">{{ $message }}</span>
@enderror
</div>
<div class="fv-row mb-6">
<label for="upload_image_favicon" class="form-label">
Icono de página <span class="text-xs">(Favicon)</span>
</label>
<input type="file" wire:model="upload_image_favicon" id="upload_image_favicon" class="form-control"
accept="image/*" />
@error('upload_image_favicon')
<span class="text-danger">{{ $message }}</span>
@enderror
</div>
<div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
<div class="text-center flex flex-col items-center">
<div class="mb-3 text-center d-flex flex-column align-items-center">
<div class="image-wrapper-16x16 d-flex justify-content-center align-items-center">
<img src="{{ $upload_image_favicon ? $upload_image_favicon->temporaryUrl() : asset('storage/' . $admin_favicon_16x16) }}">
</div>
<span class="text-muted mt-1">Navegadores web (16x16)</span>
</div>
</div>
<div class="text-center flex flex-col items-center">
<div class="mb-3 text-center d-flex flex-column align-items-center">
<div class="image-wrapper-76x76 d-flex justify-content-center align-items-center">
<img src="{{ $upload_image_favicon ? $upload_image_favicon->temporaryUrl() : asset('storage/' . $admin_favicon_76x76) }}">
</div>
<span class="text-muted mt-1">iPad sin Retina (76x76)</span>
</div>
</div>
<div class="text-center flex flex-col items-center">
<div class="mb-3 text-center d-flex flex-column align-items-center">
<div class="image-wrapper-120x120 d-flex justify-content-center align-items-center">
<img src="{{ $upload_image_favicon ? $upload_image_favicon->temporaryUrl() : asset('storage/' . $admin_favicon_120x120) }}">
</div>
<span class="text-muted mt-1">iPhone (120x120)</span>
</div>
</div>
<div class="text-center flex flex-col items-center">
<div class="mb-3 text-center d-flex flex-column align-items-center">
<div class="image-wrapper-152x152 d-flex justify-content-center align-items-center">
<img src="{{ $upload_image_favicon ? $upload_image_favicon->temporaryUrl() : asset('storage/' . $admin_favicon_152x152) }}">
</div>
<span class="text-muted mt-1">iPad (152x152)</span>
</div>
</div>
<div class="text-center flex flex-col items-center">
<div class="mb-3 text-center d-flex flex-column align-items-center">
<div class="image-wrapper-180x180 d-flex justify-content-center align-items-center">
<img src="{{ $upload_image_favicon ? $upload_image_favicon->temporaryUrl() : asset('storage/' . $admin_favicon_180x180) }}">
</div>
<span class="text-muted mt-1">iPhone con Retina HD (180x180)</span>
</div>
</div>
<div class="text-center flex flex-col items-center">
<div class="mb-3 text-center d-flex flex-column align-items-center">
<div class="image-wrapper-192x192 d-flex justify-content-center align-items-center">
<img src="{{ $upload_image_favicon ? $upload_image_favicon->temporaryUrl() : asset('storage/' . $admin_favicon_192x192) }}">
</div>
<span class="text-muted mt-1">Android y otros dispositivos móviles (192x192)</span>
</div>
</div>
</div>
</div>
</div>
<div>
{{-- Botones --}}
<div class="row my-4">
<div class="col-lg-12 text-end">
<button
type="button"
wire:click="save"
class="btn btn-primary btn-save btn-sm mt-2 mr-2 waves-effect waves-light"
{{ !$upload_image_favicon ? 'disabled' : '' }}
data-loading-text="Guardando...">
<i class="ti ti-device-floppy mr-2"></i>
Guardar cambios
</button>
<button
type="button"
wire:click="loadSettings"
class="btn btn-secondary btn-cancel btn-sm mt-2 mr-2 waves-effect waves-light"
{{ !$upload_image_favicon ? 'disabled' : '' }}>
<i class="ti ti-rotate-2 mr-2"></i>
Cancelar
</button>
</div>
</div>
{{-- Notifications --}}
<div class="notification-container" wire:ignore></div>
</div>
</div>
</div>

196
modules/Admin/Resources/views/livewire/admin-settings/interface-settings.blade.php Normal file
View File

@ -0,0 +1,196 @@
<div>
<div class="form-custom-listener" id="interface-settings-card">
<div class="card">
<div class="card-body">
<h5 class="card-title">Ajustes menú y barra superior</h5>
{{-- Diseño (Layout) --}}
<div class="mb-4">
<label for="vuexy_myLayout" class="form-label">Diseño</label>
<select id="vuexy_myLayout" class="form-select" wire:model.defer="vuexy_myLayout">
<option value="vertical">Vertical</option>
<option value="horizontal">Horizontal</option>
</select>
</div>
{{-- Campos exclusivos para diseño Horizontal --}}
<div x-show="$wire.vuexy_myLayout === 'horizontal'" x-transition>
<div class="mb-4">
<label for="vuexy_headerType" class="form-label">Tipo de barra superior</label>
<select id="vuexy_headerType" class="form-select" wire:model.defer="vuexy_headerType">
<option value="static">Estático</option>
<option value="fixed">Fijo</option>
</select>
</div>
</div>
{{-- Campos exclusivos para diseño Vertical --}}
<div x-show="$wire.vuexy_myLayout === 'vertical'" x-transition>
<div class="mb-4">
<label for="vuexy_navbarType" class="form-label">Tipo de barra de navegación</label>
<select id="vuexy_navbarType" class="form-select" wire:model.defer="vuexy_navbarType">
<option value="sticky">Fija</option>
<option value="static">Estática</option>
<option value="hidden">Oculta</option>
</select>
</div>
</div>
<div x-show="$wire.vuexy_hasCustomizer" x-transition>
<div x-show="$wire.vuexy_myLayout === 'horizontal'" x-transition>
<div class="mb-3">
<x-form.checkbox
wire:model.defer='vuexy_showDropdownOnHover'
parent_class='form-switch'>
Mostrar desplegable al pasar el mouse
</x-form.checkbox>
</div>
</div>
</div>
{{-- Campos exclusivos para diseño Vertical --}}
<div x-show="$wire.vuexy_myLayout === 'vertical'" x-transition>
<div class="mb-3">
<x-form.checkbox
wire:model.defer='vuexy_menuFixed'
parent_class='form-switch'>
Menú fijo
</x-form.checkbox>
</div>
<div class="mb-3">
<x-form.checkbox
wire:model.defer='vuexy_menuCollapsed'
parent_class='form-switch'>
Menú colapsado
</x-form.checkbox>
</div>
</div>
<hr>
{{-- Habilitar UI Customizer --}}
<div class="mb-3">
<x-form.checkbox
wire:model.defer='vuexy_hasCustomizer'
parent_class='form-switch'>
Habilitar personalizador de plantilla
</x-form.checkbox>
</div>
<div x-show="$wire.vuexy_hasCustomizer" x-transition>
<div class="mb-3">
<x-form.checkbox
wire:model.defer='vuexy_displayCustomizer'
parent_class='form-switch'>
Mostrar personalizador de plantilla
</x-form.checkbox>
</div>
</div>
{{-- Máximo de Enlaces Rápidos --}}
<div x-show="$wire.vuexy_myLayout === 'horizontal' || $wire.vuexy_navbarType !== 'hidden'" x-transition>
<hr>
<div class="mb-4">
<label for="vuexy_maxQuickLinks" class="form-label">Máximo de enlaces rápidos</label>
<input type="number" id="vuexy_maxQuickLinks" class="form-control" wire:model.defer="vuexy_maxQuickLinks" min="2" max="20">
<p class="text-muted">Selecciona un valor entre 2 y 20.</p>
@error('vuexy_maxQuickLinks') <span class="text-danger">{{ $message }}</span> @enderror
</div>
</div>
<hr>
<h5 class="card-title mt-6">Ajustes de tema</h5>
{{-- Tema --}}
<div class="mb-4">
<label for="vuexy_myTheme" class="form-label">Tema</label>
<select id="vuexy_myTheme" class="form-select" wire:model.defer="vuexy_myTheme">
<option value="theme-default">Tema predeterminado</option>
<option value="theme-bordered">Tema bordeado</option>
<option value="theme-semi-dark">Tema semi-oscuro</option>
</select>
</div>
{{-- Estilo --}}
<div class="mb-4">
<label for="vuexy_myStyle" class="form-label">Estilo</label>
<select id="vuexy_myStyle" class="form-select" wire:model.defer="vuexy_myStyle">
<option value="light">Claro</option>
<option value="dark">Oscuro</option>
<option value="system">Modo del sistema</option>
</select>
</div>
<hr>
<h5 class="card-title mt-6">Ajustes de diseño</h5>
{{-- Vista de Autenticación --}}
<div class="mb-4">
<label for="vuexy_authViewMode" class="form-label">Modo de vista de autenticación</label>
<select id="vuexy_authViewMode" class="form-select" wire:model.defer="vuexy_authViewMode">
<option value="cover">Pantalla completa</option>
<option value="basic">Básico</option>
</select>
</div>
{{-- Diseño del Contenido --}}
<div class="mb-4">
<label for="vuexy_contentLayout" class="form-label">Diseño del contenido</label>
<select id="vuexy_contentLayout" class="form-select" wire:model.defer="vuexy_contentLayout">
<option value="compact">Compacto</option>
<option value="wide">Ancho</option>
</select>
</div>
{{-- Pie de Página Fijo --}}
<div class="mb-3">
<x-form.checkbox
wire:model.defer='vuexy_footerFixed'
parent_class='form-switch'>
Pie de página fijo
</x-form.checkbox>
</div>
{{-- Botones --}}
<div class="row mt-6">
<div class="col-lg-12 text-end">
</div>
</div>
</div>
</div>
<div>
{{-- Botones --}}
<div class="row my-4">
<div class="col-lg-12 text-end">
<button
type="button"
wire:click="save"
disabled
class="btn btn-primary btn-save btn-sm mt-2 mr-2 waves-effect waves-light">
<i class="ti ti-device-floppy me-1"></i>
Guardar cambios
</button>
<button
type="button"
wire:click="loadSettings"
disabled
class="btn btn-secondary btn-cancel btn-sm mt-2 mr-2 waves-effect waves-light">
<i class="ti ti-rotate-2 me-1"></i>
Cancelar
</button>
<button
type="button"
wire:click="clearCustomConfig"
class="btn btn-success btn-reset btn-sm mt-2 mr-2 waves-effect waves-light">
<i class="ti ti-adjustments-cog me-1"></i>
Restaurar valores predeterminados
</button>
</div>
</div>
{{-- Notifications --}}
<div class="notification-container" wire:ignore></div>
</div>
</div>
</div>

67
modules/Admin/Resources/views/livewire/admin-settings/mail-sender-response-settings.blade.php Normal file
View File

@ -0,0 +1,67 @@
<div>
<form id="mail-sender-response-settings-card">
<div class="card">
<h5 class="card-header">Correo electrónicos de salida</h5>
<div class="card-body">
<div class="mb-3 fv-row">
<label for="from_address" class="form-label">Correo electrónico</label>
<input type="text" name="from_address" id="from_address" wire:model='from_address' class="form-control" placeholder="Correo electrónico">
@error('from_address') <span class="text-danger">{{ $message }}</span> @enderror
</div>
<div class="mb-3 fv-row">
<label for="from_name" class="form-label">Nombre</label>
<input type="text" name="from_name" id="from_name" wire:model='from_name' class="form-control" placeholder="Nombre">
@error('from_name') <span class="text-danger">{{ $message }}</span> @enderror
</div>
<h5 class="mt-6">Correo electrónico de respuesta</h5>
<div class="mb-3 fv-row">
<label for="reply_to_method" class="form-label">Correo electrónico de respuesta</label>
<x-form.select
wire:model='reply_to_method'
:options="$reply_email_options"
placeholder="Selecciona el correo electrónico de respuesta" />
@error('reply_to_method') <span class="text-danger">{{ $message }}</span> @enderror
</div>
<div class="email-custom-div">
<div class="mb-3 fv-row">
<label for="reply_to_email" class="form-label">Correo electrónico</label>
<input type="text" name="reply_to_email" id="reply_to_email" wire:model='reply_to_email' class="form-control" placeholder="Correo electrónico">
@error('reply_to_email') <span class="text-danger">{{ $message }}</span> @enderror
</div>
<div class="fv-row">
<label for="reply_to_name" class="form-label">Nombre</label>
<input type="text" name="reply_to_name" id="reply_to_name" wire:model='reply_to_name' class="form-control" placeholder="Nombre">
@error('reply_to_name') <span class="text-danger">{{ $message }}</span> @enderror
</div>
</div>
</div>
</div>
<div>
{{-- Botones --}}
<div class="row my-4">
<div class="col-lg-12 text-end">
<button
type="submit"
id="save_sender_response_button"
class="btn btn-primary btn-sm mt-2 mr-2 waves-effect waves-light"
disabled
data-loading-text="Guardando...">
<i class="ti ti-device-floppy mr-2"></i>
Guardar cambios
</button>
<button
type="button"
id="cancel_sender_response_button"
class="btn btn-secondary btn-sm mt-2 mr-2 waves-effect waves-light"
wire:click="loadSettings"
disabled>
<i class="ti ti-rotate-2 mr-2"></i>
Cancelar
</button>
</div>
</div>
{{-- Notifications --}}
<div class="notification-container" wire:ignore></div>
</div>
</form>
</div>

86
modules/Admin/Resources/views/livewire/admin-settings/mail-smtp-settings.blade.php Normal file
View File

@ -0,0 +1,86 @@
<div x-data="{
changeSmtpSettings: @entangle('change_smtp_settings'),
saveButtonDisabled: @entangle('save_button_disabled'),
}">
<form id="mail-smtp-settings-card">
<div class="card mb-6">
<h5 class="card-header">Servidor saliente de correo electrónico</h5>
<div class="card-body">
<div class="mb-3">
<x-form.checkbox
wire:model='change_smtp_settings'
parent_class='form-switch'>
Cambiar configuración
</x-form.checkbox>
</div>
<div class="mb-3 fv-row">
<label for="host" class="form-label">Servidor de correo saliente (SMTP)</label>
<input type="text" name="host" id="host" wire:model='host' class="form-control" placeholder="Servidor de salida" :disabled="!changeSmtpSettings">
@error('host') <span class="text-danger">{{ $message }}</span> @enderror
</div>
<div class="mb-3 fv-row">
<label for="port" class="form-label">Puerto SMTP</label>
<input type="number" name="port" id="port" wire:model='port' class="form-control" placeholder="Puerto SMTP" :disabled="!changeSmtpSettings">
@error('port') <span class="text-danger">{{ $message }}</span> @enderror
</div>
<div class="mb-3 fv-row">
<label for="encryption" class="form-label">Encriptación</label>
<x-form.select
wire:model='encryption'
:options="$encryption_options"
:disabled="!$change_smtp_settings"
placeholder="Selecciona el método de encriptación" />
@error('encryption') <span class="text-danger">{{ $message }}</span> @enderror
</div>
<div class="mb-3 fv-row">
<label for="username" class="form-label">Usuario</label>
<input type="text" name="username" id="username" wire:model='username' class="form-control" placeholder="Usuario" autocomplete="username" :disabled="!changeSmtpSettings">
@error('username') <span class="text-danger">{{ $message }}</span> @enderror
</div>
<div class="fv-row">
<label for="password" class="form-label">Contraseña</label>
<input type="password" name="password" id="password" wire:model='password' class="form-control" placeholder="Contraseña" autocomplete="current-password" :disabled="!changeSmtpSettings">
@error('password') <span class="text-danger">{{ $message }}</span> @enderror
</div>
</div>
</div>
<div>
{{-- Botones --}}
<div class="row my-4">
<div class="col-lg-12 text-end">
<button
type="button"
id="test_smtp_connection_button"
class="btn btn-success btn-sm mt-2 mr-2 waves-effect waves-light"
:disabled="!changeSmtpSettings"
data-loading-text="Realizando prueba...">
<i class="ti ti-flask mr-2"></i>
Realizar una prueba
</button>
<button
type="submit"
id="save_smtp_connection_button"
class="btn btn-primary btn-sm mt-2 mr-2 waves-effect waves-light"
:disabled="saveButtonDisabled"
wire:click="save"
data-loading-text="Guardando...">
<i class="ti ti-device-floppy mr-2"></i>
Guardar cambios
</button>
<button
type="button"
id="cancel_smtp_connection_button"
class="btn btn-secondary btn-sm mt-2 mr-2 waves-effect waves-light"
wire:click="loadSettings"
:disabled="!changeSmtpSettings">
<i class="ti ti-rotate-2 mr-2"></i>
Cancelar
</button>
</div>
</div>
{{-- Notifications --}}
<div class="notification-container" wire:ignore></div>
</div>
</form>
</div>

204
modules/Admin/Resources/views/livewire/cache/cache-functions.blade.php vendored Normal file
View File

@ -0,0 +1,204 @@
<div>
<div id="cache-functions-card">
<div class="card">
<div class="card-body">
<h5 class="card-title">Resumen de Caché y Funcionalidades</h5>
<div class="table-responsive">
<table class="table table-bordered">
<thead>
<tr>
<th>Tipo</th>
<th>Estado</th>
<th>Detalles</th>
<th>Acción</th>
</tr>
</thead>
<tbody>
{{-- Caché General --}}
<tr>
<td><strong>Caché general</strong></td>
<td class="text-center">
<span class="{{ is_numeric($cacheCounts['general']) && $cacheCounts['general'] > 0 ? 'text-success' : 'text-danger' }}">
{{ is_numeric($cacheCounts['general']) ? $cacheCounts['general'] : 'Error' }}
</span>
</td>
<td>Elementos almacenados</td>
<td>
<button
class="btn btn-primary btn-sm my-2 mr-2"
wire:click="clearLaravelCache"
{{ !is_numeric($cacheCounts['general']) || !$cacheCounts['general'] ? 'disabled' : '' }}
data-loading-text="Eliminando caché...">
Elimina caché de aplicación
</button>
</td>
</tr>
{{-- Configuración --}}
<tr>
<td><strong>Configuración</strong></td>
<td class="text-center">
<span class="{{ $cacheCounts['config'] ? 'text-success' : 'text-danger' }}">
{{ $cacheCounts['config'] ? 'Habilitada' : 'No habilitada' }}
</span>
</td>
<td>{{ $cacheCounts['config'] ? 'Caché de configuración activa' : 'No se encontró caché de configuración' }}</td>
<td>
<button
class="btn btn-secondary btn-sm my-2 mr-2"
wire:click="clearConfigCache"
{{ !$cacheCounts['config'] ? 'disabled' : '' }}
data-loading-text="Eliminando caché...">
Eliminar caché de configuración
</button>
<button
class="btn btn-success btn-config-cache btn-sm my-2 mr-2"
data-loading-text="Generando caché...">
Generar caché de configuración
</button>
</td>
</tr>
{{-- Rutas --}}
<tr>
<td><strong>Rutas</strong></td>
<td class="text-center">
<span class="{{ $cacheCounts['routes'] ? 'text-success' : 'text-danger' }}">
{{ $cacheCounts['routes'] ? 'Habilitada' : 'No habilitada' }}
</span>
</td>
<td>{{ $cacheCounts['routes'] ? 'Caché de rutas activa' : 'No se encontró caché de rutas' }}</td>
<td>
<button
class="btn btn-secondary btn-sm my-2 mr-2"
wire:click="clearRouteCache"
{{ !$cacheCounts['routes'] ? 'disabled' : '' }}
data-loading-text="Eliminando caché...">
Eliminar caché de rutas
</button>
<button
class="btn btn-success btn-cache-routes btn-sm my-2 mr-2"
data-loading-text="Generando caché...">
Generar caché de rutas
</button>
</td>
</tr>
{{-- Vistas --}}
<tr>
<td><strong>Vistas</strong></td>
<td class="text-center">
<span class="{{ $cacheCounts['views'] > 0 ? 'text-success' : 'text-danger' }}">
{{ $cacheCounts['views'] }}
</span>
</td>
<td>Vistas compiladas en el sistema</td>
<td>
<button
class="btn btn-secondary btn-sm my-2 mr-2"
wire:click="clearViewCache"
{{ !$cacheCounts['views'] ? 'disabled' : '' }}
data-loading-text="Eliminando caché...">
Eliminar caché de vistas
</button>
<button
class="btn btn-success btn-sm my-2 mr-2"
wire:click="cacheViews"
data-loading-text="Generando caché...">
Generar caché de vistas
</button>
</td>
</tr>
{{-- Eventos --}}
<tr>
<td><strong>Eventos</strong></td>
<td class="text-center">
<span class="{{ $cacheCounts['events'] > 0 ? 'text-success' : 'text-danger' }}">
{{ $cacheCounts['events'] ? 'Habilitada' : 'No habilitada' }}
</span>
</td>
<td>{{ $cacheCounts['events'] ? 'Caché de eventos activa' : 'No se encontró caché de eventos' }}</td>
<td>
<button
class="btn btn-secondary btn-sm my-2 mr-2"
wire:click="clearEventCache"
{{ !$cacheCounts['events'] ? 'disabled' : '' }}
data-loading-text="Eliminando caché...">
Eliminar caché de eventos
</button>
<button class="btn btn-success btn-sm my-2 mr-2"
wire:click="cacheEvents"
data-loading-text="Generando caché...">
Generar caché de eventos
</button>
</td>
</tr>
{{-- Optimización --}}
<tr>
<td><strong>Optimización</strong></td>
<td class="text-center">N/A</td>
<td>Eliminación de cacde de archivos optimizados, eventos, compilados, configuración, rutas y vistas.</td>
<td>
<button
class="btn btn-secondary btn-sm my-2 mr-2"
wire:click="optimizeClear"
data-loading-text="Eliminando caché...">
Elimina archivos optimizados
</button>
</td>
</tr>
{{-- Resets de Autenticación --}}
<tr>
<td><strong>Roles y permisos</strong></td>
<td class="text-center">N/A</td>
<td>Gestión de roles y permisos (Spatie Permission)</td>
<td>
<button
class="btn btn-secondary btn-sm my-2 mr-2"
wire:click="resetPermissionCache"
data-loading-text="Eliminando caché...">
Eliminar caché de permisos
</button>
</td>
</tr>
{{-- Tokens de restablecimiento --}}
<tr>
<td><strong>Tokens de restablecimiento</strong></td>
<td class="text-center">N/A</td>
<td>Eliminación de tokens de restablecimiento</td>
<td>
<button
class="btn btn-secondary btn-sm my-2 mr-2"
wire:click="clearResetTokens"
data-loading-text="Eliminando caché...">
Eliminar tokens de restablecimiento
</button>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div>
{{-- Botones --}}
<div class="row my-4">
<div class="col-lg-12 text-end">
<button
class="btn btn-secondary btn-sm mt-2 mr-2 waves-effect waves-light"
wire:click="reloadCacheStats"
data-loading-text="Actualizando...">
Actualizar
</button>
</div>
</div>
{{-- Notifications --}}
<div class="notification-container" wire:ignore></div>
</div>
</div>
</div>

105
modules/Admin/Resources/views/livewire/cache/cache-stats.blade.php vendored Normal file
View File

@ -0,0 +1,105 @@
<div>
<div class="form-custom-listener" id="cache-stats-card">
{{-- Form Card --}}
<div class="card">
<div class="card-body">
<h5 class="card-title">Gestión de Caché</h5>
<div class="table-responsive">
<table class="table table-bordered table-sm">
<tbody>
<tr>
<td><strong>Driver</strong></td>
<td>{{ $cacheConfig['cache']['default'] }}</td>
</tr>
@if(in_array($cacheConfig['cache']['default'], ['database', 'memcached', 'redis']))
<tr>
<td><strong>Versión</strong></td>
<td>
@if($cacheConfig['cache']['default'] == 'database')
{{ $cacheConfig['driver'][$cacheConfig['database']['default']]['version'] }}
@else
{{ $cacheConfig['driver'][$cacheConfig['cache']['default']]['version'] }}
@endif
</td>
</tr>
<tr>
<td><strong>Servidor</strong></td>
<td>{{ $cacheConfig['cache']['host'] }}</td>
</tr>
@endif
@if(in_array($cacheConfig['cache']['default'], ['database', 'redis']))
<tr>
<td><strong>Base de datos</strong></td>
<td>
@if ($cacheConfig['cache']['default'] == 'database')
{{ $cacheConfig['database']['connections'][$cacheConfig['database']['default']]['database'] }}
@else
{{ $cacheConfig['database']['redis']['cache']['database'] }}
@endif
</td>
</tr>
@endif
@if(in_array($cacheConfig['cache']['default'], ['database', 'memcached', 'redis']))
<tr>
<td><strong>Prefijo</strong></td>
<td>{{ $cacheConfig['cache']['prefix'] }}</td>
</tr>
@endif
@if($cacheConfig['cache']['default'] == 'file')
<tr>
<td><strong>Ubicación de la Caché</strong></td>
<td>{{ $cacheConfig['cache']['stores']['file']['path'] }}</td>
</tr>
@endif
@if($cacheConfig['cache']['default'] == 'database')
<tr>
<td><strong>Tabla de Caché</strong></td>
<td>{{ $cacheConfig['cache']['stores']['database']['table'] }}</td>
</tr>
@endif
<tr>
<td><strong>Cantidad de Elementos</strong></td>
<td>{{ $cacheStats['item_count'] }}</td>
</tr>
<tr>
<td><strong>Espacio Utilizado</strong></td>
<td>{{ $cacheStats['memory_usage'] }}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div>
{{-- Botones --}}
<div class="row my-4">
<div class="col-lg-12 text-end">
@if($cacheConfig['cache']['default'] != 'memcached')
<button
type="button"
wire:click="clearCache"
class="btn btn-danger btn-clear-cache btn-sm mt-2 mr-2 waves-effect waves-light"
data-loading-text="Eliminando Caché...">
Eliminar Caché
</button>
@endif
<button
type="button"
wire:click="reloadCacheStats"
class="btn btn-secondary btn-reload-cache-stats btn-sm mt-2 mr-2 waves-effect waves-light"
data-loading-text="Actualizando...">
Actualizar
</button>
</div>
</div>
{{-- Notifications --}}
<div class="notification-container" wire:ignore></div>
</div>
</div>
</div>

121
modules/Admin/Resources/views/livewire/cache/memcached-stats.blade.php vendored Normal file
View File

@ -0,0 +1,121 @@
<div>
<div class="form-custom-listener" id="memcached-stats-card">
<div class="card">
<div class="card-body">
<h5 class="card-title">Estadísticas de Memcached</h5>
@foreach ($memcachedStats as $stat)
<table class="table table-bordered table-sm mb-2">
<tbody>
<tr>
<td><strong>Versión de Memcached</strong></td>
<td>{{ $stat['version'] }}</td>
</tr>
<tr>
<td><strong>Libevent</strong></td>
<td>{{ $stat['libevent'] }}</td>
</tr>
<tr>
<td><strong>Servidor</strong></td>
<td>{{ $stat['server'] }}</td>
</tr>
<tr>
<td><strong>Puerto TCP</strong></td>
<td>{{ $stat['tcp_port'] }}</td>
</tr>
<tr>
<td><strong>Conexiones máximas</strong></td>
<td>{{ $stat['max_connections'] }}</td>
</tr>
<tr>
<td><strong>Conexiones totales</strong></td>
<td>{{ $stat['total_connections'] }}</td>
</tr>
<tr>
<td><strong>Conexiones rechazadas</strong></td>
<td>{{ $stat['rejected_connections'] }}</td>
</tr>
<tr>
<td><strong>Memoria máxima</strong></td>
<td>{{ number_format($stat['limit_maxbytes'] / 1024 / 1024, 2) }} MB</td>
</tr>
<tr>
<td><strong>Comandos GET ejecutados</strong></td>
<td>{{ $stat['cmd_get'] }}</td>
</tr>
<tr>
<td><strong>Comandos SET ejecutados</strong></td>
<td>{{ $stat['cmd_set'] }}</td>
</tr>
<tr>
<td><strong>GET exitosos</strong></td>
<td>{{ $stat['get_hits'] }}</td>
</tr>
<tr>
<td><strong>GET fallidos</strong></td>
<td>{{ $stat['get_misses'] }}</td>
</tr>
<tr>
<td><strong>Claves expulsadas</strong></td>
<td>{{ $stat['evictions'] }}</td>
</tr>
<tr>
<td><strong>Megabytes leídos</strong></td>
<td>{{ number_format($stat['bytes_read'] / 1024 / 1024, 2) }} MB</td>
</tr>
<tr>
<td><strong>Megabytes escritos</strong></td>
<td>{{ number_format($stat['bytes_written'] / 1024 / 1024, 2) }} MB</td>
</tr>
<tr>
<td><strong>Total de objetos</strong></td>
<td>{{ $stat['total_items'] }}</td>
</tr>
</tbody>
</table>
<table class="table table-bordered table-sm">
<tbody>
<tr>
<td><strong>Claves almacenadas</strong></td>
<td>{{ $stat['curr_items'] }}</td>
</tr>
<tr>
<td><strong>Memoria usada</strong></td>
<td>
<span class="{{ ($stat['bytes'] / $stat['limit_maxbytes']) > 0.8 ? 'text-danger' : 'text-success' }}">
{{ number_format($stat['bytes'] / 1024 / 1024, 2) }} MB
</span>
</td>
</tr>
<tr>
<td><strong>Tiempo de actividad</strong></td>
<td>{{ gmdate('H\h i\m s\s', $stat['uptime']) }}</td>
</tr>
</tbody>
</table>
@endforeach
</div>
</div>
<div>
{{-- Botones --}}
<div class="row my-4">
<div class="col-lg-12 text-end">
<button
class="btn btn-danger btn-clear-cache btn-sm mt-2 mr-2 waves-effect waves-light"
wire:click="clearCache"
data-loading-text="Eliminando Caché de Memcached..."
{{ $stat['curr_items']? '': 'disabled' }}>
Eliminar Caché de Memcached
</button>
<button
class="btn btn-secondary btn-reload-cache-stats btn-sm mt-2 mr-2 waves-effect waves-light"
wire:click="reloadCacheStats"
data-loading-text="Actualizando...">
Actualizar
</button>
</div>
</div>
{{-- Notifications --}}
<div class="notification-container" wire:ignore></div>
</div>
</div>
</div>

144
modules/Admin/Resources/views/livewire/cache/redis-stats.blade.php vendored Normal file
View File

@ -0,0 +1,144 @@
<div>
<div class="form-custom-listener" id="redis-stats-card">
<div class="card">
<div class="card-body">
<h5 class="card-title">Estadísticas de Redis</h5>
<div class="">
<div class="table-responsive">
<table class="table table-bordered table-sm mb-2">
<tbody>
<tr>
<td><strong>Versión de Redis</strong></td>
<td>{{ $redisStats['redis_version'] }}</td>
</tr>
<tr>
<td><strong>Servidor</strong></td>
<td>{{ $redisStats['server'] }}</td>
</tr>
<tr>
<td><strong>Puerto TCP</strong></td>
<td>{{ $redisStats['tcp_port'] }}</td>
</tr>
<tr>
<td><strong>Clientes conectados</strong></td>
<td>{{ $redisStats['connected_clients'] }}</td>
</tr>
<tr>
<td><strong>Clientes bloqueados</strong></td>
<td>{{ $redisStats['blocked_clients'] }}</td>
</tr>
<tr>
<td><strong>Pico máximo de memoria utilizada</strong></td>
<td>
@if ($redisStats['maxmemory'] > 0)
{{-- Usar maxmemory si está configurado --}}
<span class="{{ ($redisStats['used_memory_peak'] / $redisStats['maxmemory']) > 0.8 ? 'text-warning' : 'text-success' }}">
{{ $redisStats['used_memory_peak_human'] }}
</span>
@else
{{-- Usar total_system_memory si maxmemory no está configurado --}}
<span class="{{ ($redisStats['used_memory_peak'] / $redisStats['total_system_memory']) > 0.8 ? 'text-warning' : 'text-success' }}">
{{ $redisStats['used_memory_peak_human'] }}
</span>
@endif
</td>
</tr>
<tr>
<td><strong>Memoria total del sistema</strong></td>
<td>{{ $redisStats['total_system_memory_human'] }}</td>
</tr>
<tr>
<td><strong>Límite máximo de memoria</strong></td>
<td>
@if ($redisStats['maxmemory'] > 0)
{{ $redisStats['maxmemory_human'] }}
@else
<span class="text-info">Sin límite configurado</span>
@endif
</td>
</tr>
<tr>
<td><strong>Total de conexiones recibidas</strong></td>
<td>{{ $redisStats['total_connections_received'] }}</td>
</tr>
<tr>
<td><strong>Total de comandos procesados</strong></td>
<td>{{ $redisStats['total_commands_processed'] }}</td>
</tr>
<tr>
<td><strong>Política de uso de memoria</strong></td>
<td>{{ $redisStats['maxmemory_policy'] }}</td>
</tr>
<tr>
<td><strong>Rol del servidor</strong></td>
<td>{{ $redisStats['role'] }}</td>
</tr>
</tbody>
</table>
<table class="table table-bordered table-sm">
<tbody>
<tr>
<td><strong>Claves almacenadas</strong></td>
<td>{{ $redisStats['keys'] }}</td>
</tr>
@isset ($redisStats['databases']['default']['database'])
<tr>
<td><strong>Base de datos general de Redis</strong></td>
<td>{{ $redisStats['databases']['default']['database'] }}</td>
</tr>
@endisset
@isset ($redisStats['databases']['cache']['database'])
<tr>
<td><strong>Base de datos de caché</strong></td>
<td>{{ $redisStats['databases']['cache']['database'] }}</td>
</tr>
@endisset
@isset ($redisStats['databases']['sessions']['database'])
<tr>
<td><strong>Base de datos de sesiones</strong></td>
<td>{{ $redisStats['databases']['sessions']['database'] }}</td>
</tr>
@endisset
<tr>
<td><strong>Memoria usada</strong></td>
<td>
@if ($redisStats['maxmemory'] > 0)
{{-- Usar maxmemory si está configurado --}}
<span class="{{ ($redisStats['used_memory'] / $redisStats['maxmemory']) > 0.8 ? 'text-danger' : 'text-success' }}">
{{ $redisStats['used_memory_human'] }}
</span>
@else
{{-- Usar total_system_memory si maxmemory no está configurado --}}
<span class="{{ ($redisStats['used_memory'] / $redisStats['total_system_memory']) > 0.8 ? 'text-danger' : 'text-success' }}">
{{ $redisStats['used_memory_human'] }}
</span>
@endif
</td>
</tr>
<tr>
<td><strong>Tiempo de actividad</strong></td>
<td>{{ $redisStats['uptime'] }}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div>
{{-- Botones --}}
<div class="row my-4">
<div class="col-lg-12 text-end">
<button
class="btn btn-secondary btn-clear-cache btn-sm mt-2 mr-2 waves-effect waves-light"
wire:click="reloadCacheStats"
data-loading-text="Actualizando...">
Actualizar
</button>
</div>
</div>
{{-- Notifications --}}
<div class="notification-container" wire:ignore></div>
</div>
</div>
</div>

121
modules/Admin/Resources/views/livewire/cache/session-stats.blade.php vendored Normal file
View File

@ -0,0 +1,121 @@
<div>
<div class="form-custom-listener" id="session-stats-card">
<div class="card">
<div class="card-body">
<h5 class="card-title">Configuraciones de Sesiones</h5>
<div class="">
<div class="table-responsive">
<table class="table table-bordered table-sm">
<tbody>
<tr>
<td><strong>Driver</strong></td>
<td>{{ $cacheConfig['session']['driver'] }}</td>
</tr>
@if(in_array($cacheConfig['session']['driver'], ['database', 'memcached', 'redis']))
<tr>
<td><strong>Versión</strong></td>
<td>
@if($cacheConfig['session']['driver'] == 'database')
{{ $cacheConfig['driver'][$cacheConfig['database']['default']]['version'] }}
@else
{{ $cacheConfig['driver'][$cacheConfig['session']['driver']]['version'] }}
@endif
</td>
</tr>
<tr>
<td><strong>Servidor</strong></td>
<td>{{ $cacheConfig['session']['host'] }}</td>
</tr>
@endif
@if(in_array($cacheConfig['session']['driver'], ['database', 'redis']))
<tr>
<td><strong>Base de datos</strong></td>
<td>{{ $cacheConfig['session']['database'] }}</td>
</tr>
@endif
@if($cacheConfig['session']['driver'] == 'database')
<tr>
<td><strong>Tabla de sessiones</strong></td>
<td>{{ $cacheConfig['session']['table'] }}</td>
</tr>
@endif
@if ($cacheConfig['session']['driver'] === 'file')
<tr>
<td><strong>Ubicación de las sesiones</strong></td>
<td>{{ $cacheConfig['session']['files'] }}</td>
</tr>
@endif
<tr>
<td><strong>Tiempo de vida (Minutos)</strong></td>
<td>{{ $cacheConfig['session']['lifetime'] }}</td>
</tr>
<tr>
<td><strong>Encriptación habilitada</strong></td>
<td>{{ $cacheConfig['session']['encrypt'] ? 'Sí' : 'No' }}</td>
</tr>
{{-- Mostrar solo si el driver utiliza cookies --}}
@if (in_array($cacheConfig['session']['driver'], ['cookie', 'database', 'redis']))
<tr>
<td><strong>Nombre de la cookie</strong></td>
<td>{{ $cacheConfig['session']['cookie'] ?? 'No especificado' }}</td>
</tr>
<tr>
<td><strong>Path de la Cookie</strong></td>
<td>{{ $cacheConfig['session']['path'] }}</td>
</tr>
<tr>
<td><strong>Dominio de las sesiones</strong></td>
<td>{{ $cacheConfig['session']['domain'] ?? 'No especificado' }}</td>
</tr>
<tr>
<td><strong>Cookies seguras</strong></td>
<td>{{ $cacheConfig['session']['secure'] ? 'Sí' : 'No' }}</td>
</tr>
<tr>
<td><strong>Cookies solo HTTPS</strong></td>
<td>{{ $cacheConfig['session']['http_only'] ? 'Sí' : 'No' }}</td>
</tr>
@endif
@if($cacheConfig['session']['driver'] != 'memcached')
<tr>
<td><strong>Sesiones</strong></td>
<td>{{ $sessionStats['session_count'] }}</td>
</tr>
@endif
</tbody>
</table>
</div>
</div>
</div>
</div>
@if($cacheConfig['session']['driver'] != 'memcached')
<div>
{{-- Botones --}}
<div class="row my-4">
<div class="col-lg-12 text-end">
@if($cacheConfig['cache']['default'] != 'memcached')
<button
class="btn btn-danger btn-clear-cache btn-sm mt-2 mr-2 waves-effect waves-light"
wire:click="clearSessions"
{{ $sessionStats['session_count']? '': 'disabled' }}
data-loading-text="Eliminando Sesiones...">
Eliminar Sesiones
</button>
@endif
<button
class="btn btn-secondary btn-reload-cache-stats btn-sm mt-2 mr-2 waves-effect waves-light"
wire:click="reloadSessionStats"
data-loading-text="Actualizando...">
Actualizar
</button>
</div>
</div>
{{-- Notifications --}}
<div class="notification-container" wire:ignore></div>
</div>
@endif
</div>
</div>

152
modules/Admin/Resources/views/livewire/rbac/permissions-index.blade.php Normal file
View File

@ -0,0 +1,152 @@
<!-- Permission Table -->
<div class="card">
<div class="card-datatable table-responsive">
<table class="datatables-permissions table border-top">
<thead>
<tr>
<th></th>
<th></th>
<th>Nombre</th>
<th>Asignado a</th>
<th>Creado</th>
<th>Actions</th>
</tr>
</thead>
</table>
</div>
</div>
<!--/ Permission Table -->
<?php
/*
<script>
document.addEventListener('DOMContentLoaded', function() {
$(document).ready(function() {
// Datatable
var dt_permission = $('.datatables-permissions')
.DataTable({
ajax: '{{ url()->current() }}',
columns: [
// columns according to JSON
{data: ''},
{data: 'id'},
{data: 'name'},
{data: 'assigned_to'},
{data: 'created_at'},
//{data: ''}
],
columnDefs: [
{
// For Responsive
className: 'control',
orderable: false,
searchable: false,
responsivePriority: 2,
targets: 0,
render: function(data, type, full, meta) {
return '';
}
},
{
targets: 1,
searchable: false,
visible: false
},
{
// Name
targets: 2,
render: function(data, type, full, meta) {
return "<span data-id=" + full.id + ">" + data + "</span><br>" +
'<small>' + (typeof(full['sub_group']) == 'string'? full['sub_group']: '') + "</small>";
}
},
{
// assigned_to
targets: 3,
orderable: false,
render: function(data, type, full, meta) {
var $assignedTo = full['assigned_to'],
$output = '',
roleBadgeObj = <?= json_encode($rows_roles) ?>;
for (var i = 0; i < $assignedTo.length; i++) {
var val = $assignedTo[i];
$output += roleBadgeObj[val];
}
return $output;
}
},
{
// Created at
targets: 4,
orderable: false
},
],
order: [
[1, 'asc']
],
dom:
'<"row mx-1"' +
'<"col-sm-12 col-md-3" l>' +
'<"col-sm-12 col-lg-9"<"dt-action-buttons d-flex align-items-center justify-content-lg-end justify-content-center flex-md-nowrap flex-wrap"<"me-1"f><"user_role mt-50 width-200 me-1">B>>' +
'>t' +
'<"row mx-2"' +
'<"col-sm-12 col-md-6"i>' +
'<"col-sm-12 col-md-6"p>' +
'>',
language: $.fn.dataTable.ext.datatable_spanish_default,
// Buttons with Dropdown
buttons: [],
// For responsive popup
responsive: {
details: {
display: $.fn.dataTable.Responsive.display.modal({
header: function(row) {
var data = row.data();
return 'Detalles del permiso';
}
}),
type: 'column',
renderer: function(api, rowIdx, columns) {
var data = $.map(columns, function(col, i) {
return col.title !== ''? // ? Do not show row in modal popup if title is blank (for check box)
'<tr data-dt-row="' + col.rowIndex + '" data-dt-column="' + col.columnIndex + '">' +
'<td>' + col.name + ':' + '</td> ' +
'<td>' + col.data + '</td>' +
'</tr>' :
'';
}).join('');
return data ? $('<table class="table table-striped"/><tbody />').append(data) : false;
}
}
},
initComplete: function() {
// Adding role filter once table initialized
this.api()
.columns(3)
.every(function() {
var column = this;
var select = $('{!! $roles_html_select !!}')
.appendTo('.user_role')
.on('change', function() {
var val = $.fn.dataTable.util.escapeRegex($(this).val());
column.search(val? val: '', true, false).draw();
});
});
}
});
});
});
</script>
*/
?>

347
modules/Admin/Resources/views/livewire/rbac/role-cards.blade.php Normal file
View File

@ -0,0 +1,347 @@
<div>
<p class="mb-4">Un rol proporciona acceso a menús y funciones predefinidas para que, según el rol asignado por un administrador, el usuario tener acceso a lo que necesite.</p>
<!-- Role cards -->
<div class="row g-4">
@foreach($roles as $role)
<div class="col-xl-4 col-lg-6 col-md-6">
<div class="card">
<div class="card-body">
<div class="d-flex justify-content-between">
<h6 class="fw-normal mb-2">Total {{ $role->users->count() }} usuario{{ $role->users->count() == 1? '': 's' }}</h6>
<ul class="list-unstyled d-flex align-items-center avatar-group mb-0">
@foreach($role->users->take(10) as $user)
<li data-bs-toggle="tooltip"
data-popup="tooltip-custom"
data-bs-placement="top"
title="{{ $user->name }}"
class="avatar avatar-sm pull-up">
<img class="rounded-circle" src="{{ asset($user->profile_photo_url) }}" alt="Avatar" />
</li>
@endforeach
</ul>
</div>
<div class="d-flex justify-content-between align-items-end mt-1">
<div class="role-heading">
<h4 class="mb-1 role-name">{{ $role->name }}</h4>
<span class="badge rounded-pill bg-label-{{ $role->style }}">Style: {{ $role->style }}</span>
</div>
<div>
<a href="javascript:;" data-bs-toggle="modal" data-bs-target="#roleModal" wire:click="loadRoleData('view', {{ $role->id }})"
class="text-body ms-2"
data-bs-toggle="tooltip"
data-popup="tooltip-custom"
data-bs-placement="top"
title="Ver rol">
<i class="fa-regular fa-eye"></i>
</a>
@can('system.roles.edit')
@if ($role->name != 'SuperAdmin' && $role->name != 'Admin')
<a href="javascript:;" data-bs-toggle="modal" data-bs-target="#roleModal" wire:click="loadRoleData('edit', {{ $role->id }})"
class="text-body ms-2"
data-bs-toggle="tooltip"
data-popup="tooltip-custom"
data-bs-placement="top"
title="Editar rol">
<i class="fa-regular fa-pen-to-square"></i>
</a>
@endif
@endcan
@can('system.roles.create')
<a href="javascript:;" data-bs-toggle="modal" data-bs-target="#roleModal" wire:click="loadRoleData('clone', {{ $role->id }})"
class="text-body ms-2"
data-bs-toggle="tooltip"
data-popup="tooltip-custom"
data-bs-placement="top"
title="Crear una copia">
<i class="fa-regular fa-copy"></i>
</a>
@endcan
@can('system.roles.delete')
@if ($role->name != 'SuperAdmin' && $role->name != 'Admin')
<a href="javascript:;" data-bs-toggle="modal" data-bs-target="#roleDeleteModal" data-id="{{ $role->id }}"
class="role-delete-modal text-body ms-2"
data-bs-toggle="tooltip"
data-popup="tooltip-custom"
data-bs-placement="top"
title="Eliminar">
<i class="fa-regular fa-trash-can"></i>
</a>
@endif
@endcan
</div>
</div>
</div>
</div>
</div>
@endforeach
@can('system.roles.create')
<div class="col-xl-4 col-lg-6 col-md-6">
<div class="card h-100">
<div class="row h-100">
<div class="col-sm-5">
<div class="d-flex align-items-end h-100 justify-content-center mt-sm-0 mt-3">
<img src="{{ asset('assets/admin/img/illustrations/add-new-roles.png') }}" class="img-fluid mt-sm-4 mt-md-0" alt="add-new-roles" width="83">
</div>
</div>
<div class="col-sm-7">
<div class="card-body text-sm-end text-center ps-sm-0">
<button data-bs-target="#roleModal" data-bs-toggle="modal" class="btn btn-primary mb-2 text-nowrap add-new-role">
<i class="fa-solid fa-plus me-1"></i> Nuevo rol
</button>
<p class="mb-0 mt-1">Agregar rol, si no existe</p>
</div>
</div>
</div>
</div>
</div>
@endcan
</div>
<!--/ Role cards -->
<!-- Role Modals -->
@include('admin::roles._form_modal')
@include('admin::roles._delete_modal')
<!-- / Role Modals -->
<div>
@push('page-script')
<script>
// Función para obtener elementos del formulario
const getFormElements = () => {
const form = document.getElementById('roleForm');
const formElements = form.querySelectorAll('input, select, textarea, button');
return {
roleModal: document.getElementById('roleModal'),
roleTitle: document.querySelector('.role-title'),
form: form,
inputId: document.querySelector('#roleForm input[name="id"]'),
inputName: document.querySelector('#roleForm input[name="name"]'),
formElements: formElements,
addRoleButton: document.querySelector('.add-new-role'),
selectAll: document.querySelector('#selectAll'),
submitButton: document.querySelector('#roleForm button[type="submit"]'),
deleteRoleButtons: document.querySelectorAll('.role-delete-modal'),
deleteRoleModal: document.getElementById('roleDeleteModal'),
deleteRoleForm: document.getElementById('deleteRoleForm'),
deleteRoleText: document.querySelector('#roleDeleteModal .confirmation-text'),
};
};
// Función para habilitar o deshabilitar el formulario
const habilitarForm = (enableForm = true) => {
const { formElements, submitButton } = getFormElements();
formElements.forEach(element => {
element.disabled = !enableForm;
});
submitButton.disabled = !enableForm;
}
// Función para resetear el formulario
const resetForm = () => {
const { roleTitle, form, submitButton } = getFormElements();
roleTitle.textContent = 'Agregar un nuevo rol';
submitButton.textContent = 'Crear nuevo rol';
form.reset();
// Limpiar errores de validación
form.querySelectorAll('.is-invalid').forEach(element => {
element.classList.remove('is-invalid');
});
// Restablecer mensajes de error
form.querySelectorAll('.invalid-feedback').forEach(element => {
element.textContent = '';
});
};
// Función para inicializar la validación del formulario
const initializeFormValidation = (form) => {
const { inputId, inputName } = getFormElements();
FormValidation.formValidation(form, {
fields: {
name: {
validators: {
notEmpty: {
message: 'El nombre del rol es requerido'
},
// Agregar una regla personalizada para la validación AJAX
remote: {
url: '{{ route('admin.system.roles.check-unique-name') }}',
data: function() {
return {
name: inputName.value,
id: inputId.value,
};
},
message: 'Este nombre de rol ya está en uso',
method: 'GET'
}
}
},
},
plugins: {
trigger: new FormValidation.plugins.Trigger(),
bootstrap5: new FormValidation.plugins.Bootstrap5({
rowSelector: '.col-12'
}),
submitButton: new FormValidation.plugins.SubmitButton(),
autoFocus: new FormValidation.plugins.AutoFocus(),
}
})
.on('core.form.valid', function(e) {
Livewire.dispatch('saveRole');
});
};
// Función para agregar el listener a un botón de eliminación de rol
const addDeleteRoleListener = (button) => {
button.addEventListener('click', function() {
const { deleteRoleText } = getFormElements();
var roleText = '¿Está seguro que desea eliminar el rol "' + button.closest('.card').querySelector('.role-name').innerHTML.trim() + '"?';
@this.deleteRoleId = this.dataset.id;
deleteRoleText.textContent = roleText;
});
}
// Función para cambiar el estado de los checkboxes de permisos
const setPermissionCheckboxState = (input, state) => {
if(!input)
return false;
let modelName = input.getAttribute('wire:model');
modelName = modelName.split('.').pop();
if(modelName)
@this.permissionsInputs[modelName] = state;
}
// Inicialización
document.addEventListener('DOMContentLoaded', function() {
Livewire.on('reloadForm', () => {
setTimeout(() => {
const { form, selectAll, deleteRoleForm } = getFormElements();
// Seleccionar/deseleccionar todos los checkboxes
selectAll.addEventListener('change', e => {
Object.keys(@this.permissionsInputs).forEach(key => {
@this.permissionsInputs[key] = e.target.checked;
});
});
const checkboxList = document.querySelectorAll('#roleForm .permission-row input[type="checkbox"]');
checkboxList.forEach(checkbox => {
checkbox.addEventListener('change', e => {
let permissionType = e.target.dataset.type,
permissionsRow = e.target.closest('.permission-row');
if (permissionType == 'view' && !e.target.checked) {
let permissionCheckboxView = permissionsRow.querySelector('input[data-type="view"]'),
permissionCheckboxCreate = permissionsRow.querySelector('input[data-type="create"]'),
permissionCheckboxEdit = permissionsRow.querySelector('input[data-type="edit"]'),
permissionCheckboxCancel = permissionsRow.querySelector('input[data-type="cancel"]'),
permissionCheckboxDelete = permissionsRow.querySelector('input[data-type="delete"]');
if(permissionCheckboxView)
setPermissionCheckboxState(permissionCheckboxView, false);
if(permissionCheckboxCreate)
setPermissionCheckboxState(permissionCheckboxCreate, false);
if(permissionCheckboxEdit)
setPermissionCheckboxState(permissionCheckboxEdit, false);
if(permissionCheckboxCancel)
setPermissionCheckboxState(permissionCheckboxCancel, false);
if(permissionCheckboxDelete)
setPermissionCheckboxState(permissionCheckboxDelete, false);
}
if ((permissionType == 'create' || permissionType == 'edit' || permissionType == 'cancel' || permissionType == 'delete') && e.target.checked) {
let permissionCheckboxView = permissionsRow.querySelector('input[data-type="view"]');
setPermissionCheckboxState(permissionCheckboxView, true);
}
});
});
// Validación de formulario
initializeFormValidation(form);
deleteRoleForm.addEventListener('submit', function(e) {
e.preventDefault();
Livewire.dispatch('deleteRole');
});
}, 1);
});
Livewire.on('habilitarFormulario', () => {
habilitarForm();
})
Livewire.on('deshabilitarFormulario', () => {
setTimeout(() => {
habilitarForm(false);
}, 1);
})
Livewire.on('modalHide', () => {
const { roleModal } = getFormElements();
const modal = bootstrap.Modal.getInstance(roleModal);
modal.hide();
});
Livewire.on('modalDeleteHide', () => {
const { deleteRoleModal } = getFormElements();
const modal = bootstrap.Modal.getInstance(deleteRoleModal);
modal.hide();
});
Livewire.on('saveRole', () => {
const { deleteRoleButtons } = getFormElements();
deleteRoleButtons.forEach(button => {
addDeleteRoleListener(button);
});
});
const { roleModal, addRoleButton, deleteRoleButtons } = getFormElements();
// Al agregar Rol
addRoleButton.addEventListener('click', function() {
const { form } = getFormElements();
resetForm();
habilitarForm();
});
// Al abrir el Modal Crear / Editar / Clonar
roleModal.addEventListener('shown.bs.modal', function () {
const { inputName } = getFormElements();
inputName.focus();
});
// Eliminar
deleteRoleButtons.forEach(button => {
addDeleteRoleListener(button);
});
});
</script>
@endpush

60
modules/Admin/Resources/views/livewire/users/user-count.blade.php Normal file
View File

@ -0,0 +1,60 @@
<div class="row g-4 mb-4 text-right">
<div class="col-sm-6 col-xl-3"></div>
<div class="col-sm-6 col-xl-3">
<div class="card">
<div class="card-body">
<div class="d-flex align-items-start justify-content-between">
<div class="content-left">
<div class="d-flex align-items-center my-2">
<h3 class="mb-0 mx-4">{{ $enabled }}</h3>
</div>
<p class="mb-0">Usuarios activos</p>
</div>
<div class="avatar">
<span class="avatar-initial rounded bg-label-success">
<i class="ti ti-user-plus ti-sm"></i>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-xl-3">
<div class="card">
<div class="card-body">
<div class="d-flex align-items-start justify-content-between">
<div class="content-left">
<div class="d-flex align-items-center my-2">
<h3 class="mb-0 mx-4">{{ $disabled }}</h3>
</div>
<p class="mb-0">Usuarios suspendidos</p>
</div>
<div class="avatar">
<span class="avatar-initial rounded bg-label-warning">
<i class="ti ti-user-check ti-sm"></i>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-xl-3">
<div class="card">
<div class="card-body">
<div class="d-flex align-items-start justify-content-between">
<div class="content-left">
<div class="d-flex align-items-center my-2">
<h3 class="mb-0 mx-4">{{ $total }}</h3>
</div>
<p class="mb-0">Total de usuarios</p>
</div>
<div class="avatar">
<span class="avatar-initial rounded bg-label-primary">
<i class="ti ti-user ti-sm"></i>
</span>
</div>
</div>
</div>
</div>
</div>
</div>

708
modules/Admin/Resources/views/livewire/users/user-table.blade.php Normal file
View File

@ -0,0 +1,708 @@
<div>
<div class="users-index alert-errors">{!! $indexAlert !!}</div>
<!-- Users List Table -->
<div class="card" wire:ignore>
<div class="card-datatable table-responsive">
<table class="datatables-users table">
<thead class="border-top">
<tr>
<th></th>
<th>Id</th>
<th>Usuario</th>
<th>Roles</th>
<th>Estatus</th>
<th>Creado</th>
<th>Acciones</th>
</tr>
</thead>
</table>
</div>
</div>
<!-- Offcanvas to add new user -->
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasUser" aria-labelledby="offcanvasLabel">
<div class="offcanvas-header border-bottom">
<h5 id="offcanvasLabel" class="offcanvas-title">{{ $modalTitle }}</h5>
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body mx-0 flex-grow-0 p-6 h-100">
<form class="pt-0" id="userForm" autocomplete='off'>
<input type="hidden" name="id" wire:model.defer='userId' />
<div class="mb-3">
<label for="name" class="form-label">Nombre completo</label>
<div class="input-group input-group-merge">
<span class="input-group-text"><i class="ti ti-user"></i></span>
<input type="text" name="name" wire:model.defer='name' id="name" class="form-control" placeholder="Pepe Pecas" />
</div>
<div class="error-message"></div>
</div>
<div class="mb-3">
<label for="email" class="form-label">Correo electrónico</label>
<div class="input-group input-group-merge">
<span class="input-group-text"><i class="ti ti-mail"></i></span>
<input type="text" name="email" wire:model.defer='email' id="email" class="form-control" placeholder="picapapas@mail.com" />
</div>
<div class="error-message"></div>
</div>
<div class="mb-3">
<label for="password" class="form-label">Contraseña</label>
<div class="input-group input-group-merge form-password-toggle">
<span class="input-group-text"><i class="ti ti-key"></i></span>
<input type="password" name="password" wire:model.defer='password' class="form-control form-control-merge" id="password" placeholder="············" />
<span class="input-group-text cursor-pointer"><i class="ti ti-eye"></i></span>
</div>
<div class="error-message"></div>
</div>
<div class="mb-3">
<label for="roles" class="form-label">Roles del usuario</label>
<x-form.select
id="roles"
name="roles[]"
wire:model.defer='roles'
:options="$roles_options"
multiple
class="select2 form-select" />
</div>
<div class="mb-3">
<label for="status" class="form-label">Estatus</label>
<div class="input-group input-group-merge">
<span class="input-group-text"><i class="ti ti-alert-triangle"></i></span>
<x-form.select
id="status"
name="status"
wire:model.defer='status'
:options="$status_options"
class="form-select" />
</div>
</div>
<div class="mb-3">
<label for="photo" class="form-label">Imagen de perfil</label>
<div class="image-wrapper mb-1">
<img id="user-image" class="max-w-full" src="{{ $src_photo }}" alt="">
</div>
<input type="file" name="photo" id="photo" class='form-control' accept='image/*' />
</div>
<div class="alert-errors"></div>
<button type="submit" class="btn btn-primary me-3 data-submit">{{ $btnSubmitTxt }}</button>
<button type="reset" class="btn btn-label-danger" data-bs-dismiss="offcanvas">Cancelar</button>
</form>
</div>
</div>
<!-- Delete User Modal -->
<div class="modal fade" id="deleteUserModal" tabindex="-1" aria-hidden="true" wire:ignore>
<div class="modal-dialog modal-dialog-centered modal-simple">
<div class="modal-content p-3 p-md-5">
<div class="modal-body">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="text-center mb-4">
<h3 class="mb-2">Eliminar usuario</h3>
<p class="text-muted">El proceso de eliminación es definitivo e irreversible</p>
</div>
<form class="row g-3">
<div class="col-12">
<p class="name text-center font-bold"></p>
</div>
<div class="col-12 text-center">
<button type="submit" class="btn btn-primary me-sm-3 me-1 btn-submit">Eliminar usuario</button>
<button type="reset" class="btn btn-secondary btn-reset" data-bs-dismiss="modal" aria-label="Close">Cancelar</button>
</div>
</form>
</div>
</div>
</div>
</div>
<!--/ Delete User Modal -->
</div>
@section('page-script')
<script type="text/javascript">
document.addEventListener("DOMContentLoaded", function() {
const store_route = '{{ route('admin.system.users.store') }}',
update_route = '{{ route('admin.system.users.update-ajax', '0~0') }}',
show_route = '{{ route('admin.system.users.show', '0~0') }}',
destroy_route = '{{ route('admin.system.users.destroy', '0~0') }}';
var statusObj = <?= json_encode($statuses) ?>,
$usersIndexAlert = $('.users-index.alert-errors'),
$dt_user_table = $('.datatables-users'),
dt_user;
var offcanvasElement = document.getElementById('offcanvasUser'),
offcanvasUser = new bootstrap.Offcanvas(offcanvasElement);
load_js_form = () => {
$('#userForm .select2')
.each(function() {
var $this = $(this)
$this.wrap('<div class="position-relative"></div>')
$this.select2({
dropdownAutoWidth: true,
width: '100%',
dropdownParent: $this.parent()
});
});
// Previo de imagenes
document.getElementById("photo").addEventListener('change', updatePreviewImage);
// Reset form
$("#userForm")
.on('reset', function(){
setTimeout(function(){
$('#roles').trigger('change');
}, 250)
$('#user-image').prop("src", "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
$('#userForm .alert-errors').html('');
});
$("#userForm")
.validate({
errorClass: 'error',
highlight: function(element, errorClass, validClass) {
// Agrega la clase de error a la fila (contenedor del campo)
$(element).closest('.mb-3').addClass('has-error');
},
unhighlight: function(element, errorClass, validClass) {
// Elimina la clase de error de la fila (contenedor del campo)
$(element).closest('.mb-3').removeClass('has-error');
},
errorPlacement: function(error, element) {
// Controla dónde se colocan los mensajes de error
error.appendTo(element.closest('.mb-3').find('.error-message'));
},
rules: {
name: {
required: true,
minlength: 8
},
email: {
required: true,
email: true
},
password: {
required: function(element) {
return !$("#userForm input[name=id]").val();
},
minlength: 6
}
},
messages: {
name: {
required: "Por favor ingrese su nombre completo",
minlength: "El nombre completo debe tener al menos 8 caracteres"
},
email: {
required: "Por favor ingrese su correo electrónico",
email: "El valor no es una dirección de correo válida"
},
password: {
required: "La contraseña es obligatoria para nuevos usuarios",
minlength: "La contraseña debe tener al menos 6 caracteres"
}
},
submitHandler: function(form) {
// Aquí puedes agregar lo que deseas hacer al enviar el formulario
console.log("Formulario válido y enviado");
//$('#userForm .alert-errors').html('');
var form = $("#userForm")[0],
data = new FormData(form);
$('#userForm :input').prop('disabled', true);
var url = $(form.id).val() ?
update_route.replace('0~0', $(form.id).val()) :
store_route;
$.ajax({
url: url,
method: 'POST',
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
data: data,
contentType: false,
processData: false,
cache: false,
timeout: 3000,
success: function(data) {
$('#userForm :input').prop('disabled', false);
if (data.errors) {
$('#userForm .alert-errors').html('<div class="alert alert-danger alert-dismissible fade show" role="alert">' +
'<div class="alert-body">' + data.errors + '</div>' +
'<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>' +
'</div>');
} else {
$usersIndexAlert.html('<div class="alert alert-success alert-dismissible fade show" role="alert">' +
'<div class="alert-body">' +
'<p class="mb-0"><strong>' + data.success + '</strong></p>' +
'</div>' +
'<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>' +
'</div>');
$('#userForm button[type=reset]').trigger('click');
//@this.call('refreshUserCount');
dt_user.ajax.reload();
}
},
error: function(e) {
$('#userForm :input').prop('disabled', false);
$('#userForm .alert-errors').html('<div class="alert alert-danger alert-dismissible fade show" role="alert">' +
'<div class="alert-body">' + e.responseJSON.message + '</div>' +
'<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>' +
'</div>');
}
});
}
});
}
// Previo de imagen de perfil
updatePreviewImage = (event) => {
var file = event.target.files[0],
reader = new FileReader();
reader.onload = event => {
document.getElementById('user-image').setAttribute('src', event.target.result);
};
reader.readAsDataURL(file);
}
// Add User
add_user = () => {
let $offcanvasUser = $('#offcanvasUser');
$('.offcanvas-title', $offcanvasUser).html('Crear usuario nuevo');
$('.btn-submit', $offcanvasUser).html('Crear usuario');
if ($('input[name=id]', $offcanvasUser).val()){
document.getElementById('userForm').reset();
$('input[name=id]', $offcanvasUser).val('');
$('#roles').trigger('change');
$('#user-image').prop("src", "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
$('.alert-errors', $offcanvasUser).html('');
}
}
Livewire.on('openModal', () => {
setTimeout(() =>{
offcanvasUser.show();
load_js_form();
dt_user.ajax.reload();
}, 1)
});
Livewire.on('afterDelete', () => {
setTimeout(() =>{
var modalElement = document.getElementById('deleteUserModal'),
modalDelete = bootstrap.Modal.getInstance(modalElement);
modalDelete.hide();
load_js_form();
dt_user.ajax.reload();
}, 1)
});
// (jquery)
$(function () {
let borderColor, bodyBg, headingColor;
if (isDarkStyle) {
borderColor = config.colors_dark.borderColor;
bodyBg = config.colors_dark.bodyBg;
headingColor = config.colors_dark.headingColor;
} else {
borderColor = config.colors.borderColor;
bodyBg = config.colors.bodyBg;
headingColor = config.colors.headingColor;
}
// Users datatable
dt_user = $dt_user_table.DataTable({
ajax: '{{ url()->current() }}',
columns: [
// columns according to JSON
{ data: 'id' },
{ data: 'id' },
{ data: 'name' },
{ data: 'roles' },
{ data: 'status' },
{ data: 'created_at' },
{ data: 'action' }
],
columnDefs: [
{
// For Responsive
className: 'control',
searchable: false,
orderable: false,
responsivePriority: 2,
targets: 0,
render: function (data, type, full, meta) {
return '';
}
},
{
// User name and email
targets: 2,
responsivePriority: 3,
render: function (data, type, full, meta) {
var $name = full['name'],
$email = full['email'],
$image = full['avatar'];
if ($image) {
// For Avatar image
var $output =
'<img src="' + $image + '" alt="Avatar" class="rounded-circle">';
} else {
// For Avatar badge
var $name = full['full_name'],
$initials = $name.match(/\b\w/g) || [];
$initials = (($initials.shift() || '') + ($initials.pop() || '')).toUpperCase();
$output = '<span class="avatar-initial rounded-circle>' + $initials + '</span>';
}
// Creates full output for row
var $row_output =
'<div class="d-flex justify-content-start align-items-center user-name">' +
'<div class="avatar-wrapper">' +
'<div class="avatar avatar-sm me-4">' + $output + '</div>' +
'</div>' +
'<div class="d-flex flex-column">' +
'<a href="' + show_route.replace('0~0', full['id']) + '" class="text-heading text-truncate"><span class="fw-medium">' + $name + '</span></a>' +
'<small>' + $email + '</small>' +
'</div>' +
'</div>';
return $row_output;
}
},
{
// User Role
targets: 3,
render: function(data, type, full, meta) {
var $assignedTo = full['roles'],
$output = '',
roleBadgeObj = <?= json_encode($rows_roles) ?>;
for (var i = 0; i < $assignedTo.length; i++) {
var val = $assignedTo[i];
$output += roleBadgeObj[val];
}
return $output;
}
},
{
// User Status
targets: 4,
render: function (data, type, full, meta) {
var $status = full['status'];
return ('<span class="badge rounded-pill ' + statusObj[$status].class + '" text-capitalized>' + statusObj[$status].title + '</span>');
}
},
{
// Created
targets: 5,
render: function (data, type, full, meta) {
return full['created_at'];
}
},
{
// Actions
targets: -1,
title: 'Acciones',
searchable: false,
orderable: false,
render: function (data, type, full, meta) {
return ('<div class="d-flex align-items-center">' +
'<a href="' + show_route.replace('0~0', full['id']) + '" class="btn btn-icon btn-text-secondary waves-effect waves-light rounded-pill"><i class="ti ti-eye ti-md"></i></a>' +
'<a href="javascript:;"" wire:click.prevent="edit(' + full['id'] + ')" class="btn btn-icon btn-text-secondary waves-effect waves-light rounded-pill"><i class="ti ti-edit ti-md"></i></a>' +
@can('system.users.destroy')
'<a href="javascript:;" class="btn btn-icon btn-text-secondary waves-effect waves-light rounded-pill dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="ti ti-dots-vertical ti-md"></i></a>' +
'<div class="dropdown-menu dropdown-menu-end m-0">' +
'<a href="javascript:;" class="dropdown-item delete-record">Eliminar</a>' +
'</div>' +
@endcan
'</div>');
}
}
],
order: [[2, 'desc']],
dom:
'<"row"' +
'<"col-md-2"<"ms-n2"l>>' +
'<"col-md-10"<"dt-action-buttons text-xl-end text-lg-start text-md-end text-start d-flex align-items-center justify-content-end flex-md-row flex-column mb-6 mb-md-0 mt-n6 mt-md-0"<"user_role dataTables_filter">fB>>' +
'>t' +
'<"row"' +
'<"col-sm-12 col-md-6"i>' +
'<"col-sm-12 col-md-6"p>' +
'>',
language: $.fn.dataTable.ext.datatable_spanish_default,
// Buttons with Dropdown
buttons: [
{
extend: 'collection',
className: 'btn btn-label-secondary dropdown-toggle mx-4 waves-effect waves-light',
text: '<i class="ti ti-upload me-2 ti-xs"></i>Exportar',
buttons: [
{
extend: 'print',
text: '<i class="ti ti-printer me-2" ></i>Imprimir',
className: 'dropdown-item',
exportOptions: {
columns: [1, 2, 3, 4, 5],
// prevent avatar to be print
format: {
body: function (inner, coldex, rowdex) {
if (inner.length <= 0) return inner;
var el = $.parseHTML(inner);
var result = '';
$.each(el, function (index, item) {
if (item.classList !== undefined && item.classList.contains('user-name')) {
result = result + item.lastChild.firstChild.textContent;
} else if (item.innerText === undefined) {
result = result + item.textContent;
} else result = result + item.innerText;
});
return result;
}
}
},
customize: function (win) {
//customize print view for dark
$(win.document.body)
.css('color', headingColor)
.css('border-color', borderColor)
.css('background-color', bodyBg);
$(win.document.body)
.find('table')
.addClass('compact')
.css('color', 'inherit')
.css('border-color', 'inherit')
.css('background-color', 'inherit');
}
},
{
extend: 'csv',
text: '<i class="ti ti-file-text me-2" ></i>Csv',
className: 'dropdown-item',
exportOptions: {
columns: [1, 2, 3, 4, 5],
// prevent avatar to be display
format: {
body: function (inner, coldex, rowdex) {
if (inner.length <= 0) return inner;
var el = $.parseHTML(inner);
var result = '';
$.each(el, function (index, item) {
if (item.classList !== undefined && item.classList.contains('user-name')) {
result = result + item.lastChild.firstChild.textContent;
} else if (item.innerText === undefined) {
result = result + item.textContent;
} else result = result + item.innerText;
});
return result;
}
}
}
},
{
extend: 'excel',
text: '<i class="ti ti-file-spreadsheet me-2"></i>Excel',
className: 'dropdown-item',
exportOptions: {
columns: [1, 2, 3, 4, 5],
// prevent avatar to be display
format: {
body: function (inner, coldex, rowdex) {
if (inner.length <= 0) return inner;
var el = $.parseHTML(inner);
var result = '';
$.each(el, function (index, item) {
if (item.classList !== undefined && item.classList.contains('user-name')) {
result = result + item.lastChild.firstChild.textContent;
} else if (item.innerText === undefined) {
result = result + item.textContent;
} else result = result + item.innerText;
});
return result;
}
}
}
},
/*
{
extend: 'pdf',
text: '<i class="ti ti-file-code-2 me-2"></i>Pdf',
className: 'dropdown-item',
exportOptions: {
columns: [1, 2, 3, 4, 5],
// prevent avatar to be display
format: {
body: function (inner, coldex, rowdex) {
if (inner.length <= 0) return inner;
var el = $.parseHTML(inner);
var result = '';
$.each(el, function (index, item) {
if (item.classList !== undefined && item.classList.contains('user-name')) {
result = result + item.lastChild.firstChild.textContent;
} else if (item.innerText === undefined) {
result = result + item.textContent;
} else result = result + item.innerText;
});
return result;
}
}
}
},
*/
{
extend: 'copy',
text: '<i class="ti ti-copy me-2" ></i>Copiar',
className: 'dropdown-item',
exportOptions: {
columns: [1, 2, 3, 4, 5],
// prevent avatar to be display
format: {
body: function (inner, coldex, rowdex) {
if (inner.length <= 0) return inner;
var el = $.parseHTML(inner);
var result = '';
$.each(el, function (index, item) {
if (item.classList !== undefined && item.classList.contains('user-name')) {
result = result + item.lastChild.firstChild.textContent;
} else if (item.innerText === undefined) {
result = result + item.textContent;
} else result = result + item.innerText;
});
return result;
}
}
}
}
]
},
@can('system.users.create') {
text: '<i class="ti ti-plus me-0 me-sm-1 ti-xs"></i><span class="d-none d-sm-inline-block">Nuevo usuario</span>',
className: 'add-new btn btn-primary waves-effect waves-light',
attr: {
'onclick': 'add_user()',
'data-bs-toggle': 'offcanvas',
'data-bs-target': '#offcanvasUser'
}
}
@endcan
],
// For responsive popup
responsive: {
details: {
display: $.fn.dataTable.Responsive.display.modal({
header: function (row) {
var data = row.data();
return 'Details of ' + data['full_name'];
}
}),
type: 'column',
renderer: function (api, rowIdx, columns) {
var data = $.map(columns, function (col, i) {
return col.title !== '' // ? Do not show row in modal popup if title is blank (for check box)
? '<tr data-dt-row="' + col.rowIndex + '" data-dt-column="' + col.columnIndex + '">' +
'<td>' + col.title + ':' + '</td> ' +
'<td>' + col.data + '</td>' +
'</tr>'
: '';
}).join('');
return data ? $('<table class="table"/><tbody />').append(data) : false;
}
}
},
initComplete: function () {
this.api()
.columns(3)
.every(function () {
var column = this,
select = $('{!! $roles_html_select !!}')
.appendTo('.user_role')
.on('change', function() {
var val = $.fn.dataTable.util.escapeRegex($(this).val());
column.search(val? val: '', true, false).draw();
});
});
}
});
// Delete Record
$('.datatables-users tbody')
.on('click', '.delete-record', function () {
var tr = $(this).closest('tr'),
data = dt_user.row(tr).data();
$('#deleteUserModal').modal('show');
$('#deleteUserModal .name').html(data.id + ': ' + data.name);
$('#deleteUserModal').data('userId', data.id);
});
// Attach the event listener to the submit button
$('#deleteUserModal .btn-submit')
.on('click', function (e) {
e.preventDefault();
@this.call('delete', $('#deleteUserModal').data('userId'));
});
// Filter form control to default size
// ? setTimeout used for multilingual table initialization
setTimeout(() => {
$('.dataTables_filter .form-control').removeClass('form-control-sm');
$('.dataTables_length .form-select').removeClass('form-select-sm');
}, 300);
load_js_form();
});
});
</script>
@endsection

57
modules/Admin/Resources/views/livewire/website-settings/analytics-settings.blade.php Normal file
View File

@ -0,0 +1,57 @@
<div x-data="{
googleanalyticsEnabled: @entangle('google_analytics_enabled')
}">
<form id="website-analytics-settings-card" novalidate="novalidate">
<div class="card">
<div class="card-body">
<h5>Google Analytics</h5>
<div class="mb-6">
<a href="https://analytics.google.com/analytics/web/">https://analytics.google.com/analytics/web/</a>
</div>
<div class="mb-4">
<x-form.checkbox
name='google_analytics_enabled'
wire:model.defer='google_analytics_enabled'
parent_class='form-switch'>
Habilitar Google Analytics
</x-form.checkbox>
</div>
<div class="mb-4 fv-row">
<label for="google_analytics_id" class="form-label">ID de medición de Google Analytics</label>
<div class="input-group">
<span class="input-group-text"><i class="fab fa-google"></i></span>
<input type="text" id="google_analytics_id" name="google_analytics_id" wire:model='google_analytics_id' class="form-control" placeholder="XX-12345678901" :disabled="!googleanalyticsEnabled">
</div>
@error("google_analytics_id")
<span class="text-danger">{{ $message }}</span>
@enderror
</div>
</div>
</div>
<div>
{{-- Botones --}}
<div class="row my-4">
<div class="col-lg-12 text-end">
<button
type="submit"
class="btn btn-primary btn-save btn-sm mt-2 mr-2 waves-effect waves-light"
disabled
data-loading-text="Guardando...">
<i class="ti ti-device-floppy mr-2"></i>
Guardar cambios
</button>
<button
type="button"
wire:click="loadSettings"
class="btn btn-secondary btn-cancel btn-sm mt-2 mr-2 waves-effect waves-light"
disabled>
<i class="ti ti-rotate-2 mr-2"></i>
Cancelar
</button>
</div>
</div>
{{-- Notifications --}}
<div class="notification-container" wire:ignore></div>
</div>
</form>
</div>

58
modules/Admin/Resources/views/livewire/website-settings/chat-settings.blade.php Normal file
View File

@ -0,0 +1,58 @@
<div x-data="{ chatProvider: @entangle('chat_provider') }">
<form id="website-chat-settings-card" novalidate="novalidate" x-data="{ selectedChat: '' }">
<div class="card">
<div class="card-body">
<h5>Chat</h5>
<div class="mb-4 fv-row">
<label for="chat_provider" class="form-label">Proveedor</label>
<select id="chat_provider" name="chat_provider" x-model="chatProvider" wire:model="chat_provider" class="form-select">
<option value="">Deshabilitar Chat</option>
<option value="whatsapp">WhatsApp</option>
</select>
</div>
<div x-show="chatProvider === 'whatsapp'" class="mt-5">
<h5>WhatsApp</h5>
<div class="mb-4 fv-row">
<label for="chat_whatsapp_number" class="form-label">Número telefónico</label>
<input type="text" id="chat_whatsapp_number" name="chat_whatsapp_number" wire:model='chat_whatsapp_number' class="form-control" placeholder="Número telefónico">
@error("chat_whatsapp_number")
<span class="text-danger">{{ $message }}</span>
@enderror
</div>
<div class="mb-4 fv-row">
<label for="chat_whatsapp_message" class="form-label">Mensaje de saludo</label>
<input type="text" id="chat_whatsapp_message" name="chat_whatsapp_message" wire:model='chat_whatsapp_message' class="form-control" placeholder="Mensaje de saludo">
@error("chat_whatsapp_message")
<span class="text-danger">{{ $message }}</span>
@enderror
</div>
</div>
</div>
</div>
<div>
{{-- Botones --}}
<div class="row my-4">
<div class="col-lg-12 text-end">
<button
type="submit"
class="btn btn-primary btn-save btn-sm mt-2 mr-2 waves-effect waves-light"
disabled
data-loading-text="Guardando...">
<i class="ti ti-device-floppy mr-2"></i>
Guardar cambios
</button>
<button
type="button"
wire:click="loadSettings"
class="btn btn-secondary btn-cancel btn-sm mt-2 mr-2 waves-effect waves-light"
disabled>
<i class="ti ti-rotate-2 mr-2"></i>
Cancelar
</button>
</div>
</div>
{{-- Notifications --}}
<div class="notification-container" wire:ignore></div>
</div>
</form>
</div>

55
modules/Admin/Resources/views/livewire/website-settings/contact-form-settings.blade.php Normal file
View File

@ -0,0 +1,55 @@
<div>
<form id="website-contact-form-settings-card" onsubmit="return false" novalidate="novalidate">
<div class="card">
<div class="card-body">
<h5>Formulario de contacto</h5>
<div class="mb-4 fv-row">
<label for="contact_form_email" class="form-label">Correo electrónico de recepción</label>
<input type="text" id="contact_form_email" name="contact_form_email" wire:model='contact_form_email' class="form-control" placeholder="Correo electrónico de recepción">
@error("contact_form_email")
<span class="text-danger">{{ $message }}</span>
@enderror
</div>
<div class="mb-4 fv-row">
<label for="contact_form_email_cc" class="form-label">Con copia a</label>
<input type="text" id="contact_form_email_cc" name="contact_form_email_cc" wire:model='contact_form_email_cc' class="form-control" placeholder="Con copia a">
@error("contact_form_email_cc")
<span class="text-danger">{{ $message }}</span>
@enderror
</div>
<div class="mb-4 fv-row">
<label for="contact_form_subject" class="form-label">Titulo del correo</label>
<input type="text" id="contact_form_subject" name="contact_form_subject" wire:model='contact_form_subject' class="form-control" placeholder="Titulo del correo">
@error("contact_form_subject")
<span class="text-danger">{{ $message }}</span>
@enderror
</div>
</div>
</div>
<div>
{{-- Botones --}}
<div class="row my-4">
<div class="col-lg-12 text-end">
<button
type="submit"
class="btn btn-primary btn-save btn-sm mt-2 mr-2 waves-effect waves-light"
disabled
data-loading-text="Guardando...">
<i class="ti ti-device-floppy mr-2"></i>
Guardar cambios
</button>
<button
type="button"
wire:click="loadSettings"
class="btn btn-secondary btn-cancel btn-sm mt-2 mr-2 waves-effect waves-light"
disabled>
<i class="ti ti-rotate-2 mr-2"></i>
Cancelar
</button>
</div>
</div>
{{-- Notifications --}}
<div class="notification-container" wire:ignore></div>
</div>
</form>
</div>

55
modules/Admin/Resources/views/livewire/website-settings/contact-info-settings.blade.php Normal file
View File

@ -0,0 +1,55 @@
<div>
<form id="website-contact-info-settings-card" novalidate="novalidate">
<div class="card">
<div class="card-body">
<h5>Información de contacto</h5>
<div class="mb-4 fv-row">
<label for="contact_phone_number" class="form-label">Número telefónico</label>
<input type="text" id="contact_phone_number" name="contact_phone_number" wire:model='contact_phone_number' class="form-control" placeholder="Número telefónico">
@error("contact_phone_number")
<span class="text-danger">{{ $message }}</span>
@enderror
</div>
<div class="mb-4 fv-row">
<label for="contact_phone_number_ext" class="form-label">Extención telefónica</label>
<input type="text" id="contact_phone_number_ext" name="contact_phone_number_ext" wire:model='contact_phone_number_ext' class="form-control" placeholder="Extención telefónica">
@error("contact_phone_number_ext")
<span class="text-danger">{{ $message }}</span>
@enderror
</div>
<div class="mb-4 fv-row">
<label for="contact_email" class="form-label">Correo electrónico</label>
<input type="text" id="contact_email" name="contact_email" wire:model='contact_email' class="form-control" placeholder="Correo electrónico">
@error("contact_email")
<span class="text-danger">{{ $message }}</span>
@enderror
</div>
</div>
</div>
<div>
{{-- Botones --}}
<div class="row my-4">
<div class="col-lg-12 text-end">
<button
type="submit"
class="btn btn-primary btn-save btn-sm mt-2 mr-2 waves-effect waves-light"
disabled
data-loading-text="Guardando...">
<i class="ti ti-device-floppy mr-2"></i>
Guardar cambios
</button>
<button
type="button"
wire:click="loadSettings"
class="btn btn-secondary btn-cancel btn-sm mt-2 mr-2 waves-effect waves-light"
disabled>
<i class="ti ti-rotate-2 mr-2"></i>
Cancelar
</button>
</div>
</div>
{{-- Notifications --}}
<div class="notification-container" wire:ignore></div>
</div>
</form>
</div>

91
modules/Admin/Resources/views/livewire/website-settings/favicon-settings.blade.php Normal file
View File

@ -0,0 +1,91 @@
<div>
<form id="website-favicon-settings-card" novalidate="novalidate">
<div class="card">
<div class="card-body">
<h5 class="" >Icono de página</h5>
<div class="fv-row mb-4">
<input type="file" wire:model="upload_image_favicon" id="upload_image_favicon" class="form-control"accept="image/*" />
@error('upload_image_favicon')
<span class="text-danger">{{ $message }}</span>
@enderror
</div>
<div class="row">
<div class="col-sm-6">
<div class="mb-3 text-center d-flex flex-column align-items-center">
<div class="image-wrapper-16x16 d-flex justify-content-center align-items-center">
<img src="{{ $upload_image_favicon ? $upload_image_favicon->temporaryUrl() : asset('storage/' . $website_favicon_16x16) }}">
</div>
<span class="text-muted mt-1">Navegadores web (16x16)</span>
</div>
</div>
<div class="col-sm-6">
<div class="mb-3 text-center d-flex flex-column align-items-center">
<div class="image-wrapper-76x76 d-flex justify-content-center align-items-center">
<img src="{{ $upload_image_favicon ? $upload_image_favicon->temporaryUrl() : asset('storage/' . $website_favicon_76x76) }}">
</div>
<span class="text-muted mt-1">iPad sin Retina (76x76)</span>
</div>
</div>
<div class="col-sm-6">
<div class="mb-3 text-center d-flex flex-column align-items-center">
<div class="image-wrapper-120x120 d-flex justify-content-center align-items-center">
<img src="{{ $upload_image_favicon ? $upload_image_favicon->temporaryUrl() : asset('storage/' . $website_favicon_120x120) }}">
</div>
<span class="text-muted mt-1">iPhone (120x120)</span>
</div>
</div>
<div class="col-sm-6">
<div class="mb-3 text-center d-flex flex-column align-items-center">
<div class="image-wrapper-152x152 d-flex justify-content-center align-items-center">
<img src="{{ $upload_image_favicon ? $upload_image_favicon->temporaryUrl() : asset('storage/' . $website_favicon_152x152) }}">
</div>
<span class="text-muted mt-1">iPad (152x152)</span>
</div>
</div>
<div class="col-sm-6">
<div class="mb-3 text-center d-flex flex-column align-items-center">
<div class="image-wrapper-180x180 d-flex justify-content-center align-items-center">
<img src="{{ $upload_image_favicon ? $upload_image_favicon->temporaryUrl() : asset('storage/' . $website_favicon_180x180) }}">
</div>
<span class="text-muted mt-1">iPhone con Retina HD (180x180)</span>
</div>
</div>
<div class="col-sm-6">
<div class="mb-3 text-center d-flex flex-column align-items-center">
<div class="image-wrapper-192x192 d-flex justify-content-center align-items-center">
<img src="{{ $upload_image_favicon ? $upload_image_favicon->temporaryUrl() : asset('storage/' . $website_favicon_192x192) }}">
</div>
<span class="text-muted mt-1">Android y otros dispositivos móviles (192x192)</span>
</div>
</div>
</div>
</div>
</div>
<div>
{{-- Botones --}}
<div class="row my-4">
<div class="col-lg-12 text-end">
<button
type="button"
wire:click="save"
class="btn btn-primary btn-save btn-sm mt-2 mr-2 waves-effect waves-light"
:disabled="{{ $upload_image_favicon === null? 'true' : 'false' }}"
data-loading-text="Guardando...">
<i class="ti ti-device-floppy mr-2"></i>
Guardar cambios
</button>
<button
type="button"
wire:click="loadSettings"
:disabled="{{ $upload_image_favicon === null? 'true' : 'false' }}"
class="btn btn-secondary btn-save btn-sm mt-2 mr-2 waves-effect waves-light">
<i class="ti ti-rotate-2 mr-2"></i>
Cancelar
</button>
</div>
</div>
{{-- Notifications --}}
<div class="notification-container" wire:ignore></div>
</div>
</form>
</div>

58
modules/Admin/Resources/views/livewire/website-settings/image-logo-settings.blade.php Normal file
View File

@ -0,0 +1,58 @@
<div>
<form id="website-image-logo-settings-card" novalidate="novalidate">
<div class="card">
<div class="card-body">
<h5>Logotipo claro</h5>
<div class="fv-row mb-4">
<input type="file" wire:model="upload_image_logo" id="upload_image_logo" class="form-control" accept="image/*" />
@error('upload_image_logo')
<span class="text-danger">{{ $message }}</span>
@enderror
</div>
<div class="mb-8 text-center align-items-center">
<div class="justify-content-center align-items-center">
<img src="{{ $upload_image_logo ? $upload_image_logo->temporaryUrl() : asset('storage/' . $website_image_logo) }}">
</div>
</div>
<h5>Logotipo obscuro</h5>
<div class="fv-row mb-4">
<input type="file" wire:model="upload_image_logo_dark" id="upload_image_logo_dark" class="form-control" accept="image/*" />
@error('upload_image_logo_dark')
<span class="text-danger">{{ $message }}</span>
@enderror
</div>
<div class="mb-3 text-center align-items-center">
<div class="justify-content-center align-items-center">
<img src="{{ $upload_image_logo_dark ? $upload_image_logo_dark->temporaryUrl() : asset('storage/' . $website_image_logo_dark) }}">
</div>
</div>
</div>
</div>
<div>
{{-- Botones --}}
<div class="row my-4">
<div class="col-lg-12 text-end">
<button
type="button"
wire:click="save"
class="btn btn-primary btn-save btn-sm mt-2 mr-2 waves-effect waves-light"
:disabled="{{ $upload_image_logo === null && $upload_image_logo_dark === null ? 'true' : 'false' }}"
data-loading-text="Guardando...">
<i class="ti ti-device-floppy mr-2"></i>
Guardar cambios
</button>
<button
type="button"
wire:click="loadSettings"
class="btn btn-secondary btn-cancel btn-sm mt-2 mr-2 waves-effect waves-light"
:disabled="{{ $upload_image_logo === null && $upload_image_logo_dark === null ? 'true' : 'false' }}">
<i class="ti ti-rotate-2 mr-2"></i>
Cancelar
</button>
</div>
</div>
{{-- Notifications --}}
<div class="notification-container" wire:ignore></div>
</div>
</form>
</div>

80
modules/Admin/Resources/views/livewire/website-settings/legal-settings.blade.php Normal file
View File

@ -0,0 +1,80 @@
<div>
<div class="card" id="website-legal-settings-card">
<div class="card-body">
<div class="nav-align-left mb-6">
<ul class="nav nav-pills" role="tablist" wire:ignore>
<li>
<h5>Avislos legales</h5>
</li>
@foreach($legalVars as $key => $section)
<li class="nav-item">
<button
type="button"
class="nav-link @if($currentSection === $key) active @endif"
onclick="@this.currentSection = '{{ $key }}'; WebsiteLegalSettingsForm.switchToForm('{{ $key }}-nav');"
role="tab"
data-bs-toggle="tab"
data-bs-target="#{{ $key }}-nav"
aria-controls="{{ $key }}-nav"
aria-selected="@if($currentSection === $key)= true: flase @endif">
{{ $section['title'] }}
</button>
</li>
@endforeach
</ul>
<div class="tab-content">
@foreach($legalVars as $key => $section)
<div class="tab-pane fade @if($currentSection === $key) show active @endif" id="{{ $key }}-nav" role="tabpanel">
<h4 class="card-title text-center">{{ $section['title'] }}</h4>
<div class="form-check mb-3">
<x-form.checkbox
id="{{ $key }}-enabled"
wire:model="legalVars.{{ $key }}.enabled"
parent_class='form-switch'>
Habilitar {{ $section['title'] }}
</x-form.checkbox>
</div>
<!-- Div Quill ignorado por Livewire -->
<div wire:ignore>
<div id="{{ $key }}-content">
{!! $section['content'] !!}
</div>
</div>
<textarea id="{{ $key }}-textarea" class="hidden" wire:model.defer="legalVars.{{ $key }}.content"></textarea>
@error("legalVars.{$key}.content")
<span class="text-danger">{{ $message }}</span>
@enderror
</div>
@endforeach
<div>
{{-- Botones --}}
<div class="row my-4">
<div class="col-lg-12 text-end">
<button
type="button"
id="save-button"
class="btn btn-primary btn-sm mt-2 mr-2 waves-effect waves-light"
disabled
data-loading-text="Guardando...">
<i class="ti ti-device-floppy mr-2"></i>
Guardar cambios
</button>
<button
type="button"
id="cancel-button"
class="btn btn-secondary btn-sm mt-2 mr-2 waves-effect waves-light"
wire:click="loadSettings"
disabled>
<i class="ti ti-rotate-2 mr-2"></i>
Cancelar
</button>
</div>
</div>
{{-- Notifications --}}
<div class="notification-container" wire:ignore></div>
</div>
</div>
</div>
</div>
</div>
</div>

64
modules/Admin/Resources/views/livewire/website-settings/location-settings.blade.php Normal file
View File

@ -0,0 +1,64 @@
<div>
<form id="website-location-settings-card" onsubmit="return false" novalidate="novalidate">
<div class="card">
<div class="card-body">
<h5>Ubicación y Horarios</h5>
<div class="mb-4 fv-row">
<label for="contact_direccion" class="form-label">Dirección</label>
<input type="text" id="contact_direccion" name="contact_direccion" wire:model='contact_direccion' class="form-control" placeholder="Dirección">
@error("contact_direccion")
<span class="text-danger">{{ $message }}</span>
@enderror
</div>
<div class="mb-4 fv-row">
<label for="contact_horario" class="form-label">Horario</label>
<input type="text" id="contact_horario" name="contact_horario" wire:model='contact_horario' class="form-control" placeholder="Horario">
@error("contact_horario")
<span class="text-danger">{{ $message }}</span>
@enderror
</div>
<div class="row">
<div class="col-md-6 fv-row">
<label for="contact_location_lat" class="form-label">Latitud</label>
<input type="text" id="contact_location_lat" name="contact_location_lat" wire:model='contact_location_lat' class="form-control" placeholder="Latitud">
@error("contact_location_lat")
<span class="text-danger">{{ $message }}</span>
@enderror
</div>
<div class="col-md-6 fv-row">
<label for="contact_location_lng" class="form-label">Longitud</label>
<input type="text" id="contact_location_lng" name="contact_location_lng" wire:model='contact_location_lng' class="form-control" placeholder="Longitud">
@error("contact_location_lng")
<span class="text-danger">{{ $message }}</span>
@enderror
</div>
</div>
</div>
</div>
<div>
{{-- Botones --}}
<div class="row my-4">
<div class="col-lg-12 text-end">
<button
type="submit"
class="btn btn-primary btn-save btn-sm mt-2 mr-2 waves-effect waves-light"
disabled
data-loading-text="Guardando...">
<i class="ti ti-device-floppy mr-2"></i>
Guardar cambios
</button>
<button
type="button"
wire:click="loadSettings"
class="btn btn-secondary btn-cancel btn-sm mt-2 mr-2 waves-effect waves-light"
disabled>
<i class="ti ti-rotate-2 mr-2"></i>
Cancelar
</button>
</div>
</div>
{{-- Notifications --}}
<div class="notification-container" wire:ignore></div>
</div>
</form>
</div>

119
modules/Admin/Resources/views/livewire/website-settings/social-settings.blade.php Normal file
View File

@ -0,0 +1,119 @@
<div>
<form id="website-social-settings-card" novalidate="novalidate">
<div class="card">
<div class="card-body">
<h5>Redes sociales</h5>
<div class="row">
<div class="col-md-6">
<div class="mb-4 fv-row">
<label for="social_whatsapp" class="form-label">WhatsApp</label>
<div class="input-group">
<span class="input-group-text"><i class="fab fa-whatsapp"></i></span>
<input type="text" id="social_whatsapp" name="social_whatsapp" wire:model='social_whatsapp' class="form-control" placeholder="Número telefónico de WhatsApp">
</div>
@error("social_whatsapp")
<span class="text-danger">{{ $message }}</span>
@enderror
</div>
<div class="mb-4 fv-row">
<input type="text" id="social_whatsapp_message" name="social_whatsapp_message" wire:model='social_whatsapp_message' class="form-control" placeholder="Mensaje de saludo WhatsApp">
@error("social_whatsapp_message")
<span class="text-danger">{{ $message }}</span>
@enderror
</div>
<div class="mb-4 fv-row">
<label for="social_facebook" class="form-label">Facebook</label>
<div class="input-group">
<span class="input-group-text"><i class="fab fa-facebook"></i></span>
<input type="text" id="social_facebook" name="social_facebook" wire:model='social_facebook' class="form-control" placeholder="Enlace de Facebook">
</div>
</div>
<div class="mb-4 fv-row">
<label for="social_instagram" class="form-label">Instagram</label>
<div class="input-group">
<span class="input-group-text"><i class="fab fa-instagram"></i></span>
<input type="text" id="social_instagram" name="social_instagram" wire:model='social_instagram' class="form-control" placeholder="Enlace de Instagram">
</div>
</div>
<div class="mb-4 fv-row">
<label for="social_linkedin" class="form-label">LinkedIn</label>
<div class="input-group">
<span class="input-group-text"><i class="fab fa-linkedin"></i></span>
<input type="text" id="social_linkedin" name="social_linkedin" wire:model='social_linkedin' class="form-control" placeholder="Enlace de LinkedIn">
</div>
</div>
<div class="mb-4 fv-row">
<label for="social_tiktok" class="form-label">TikTok</label>
<div class="input-group">
<span class="input-group-text"><i class="fab fa-tiktok"></i></span>
<input type="text" id="social_tiktok" name="social_tiktok" wire:model='social_tiktok' class="form-control" placeholder="Enlace de TikTok">
</div>
</div>
</div>
<div class="col-md-6">
<div class="mb-4 fv-row">
<label for="social_x_twitter" class="form-label">X (Twitter)</label>
<div class="input-group">
<span class="input-group-text"><i class="fab fa-x"></i></span>
<input type="text" id="social_x_twitter" name="social_x_twitter" wire:model='social_x_twitter' class="form-control" placeholder="Enlace de X (Twitter)">
</div>
</div>
<div class="mb-4 fv-row">
<label for="social_google" class="form-label">Google</label>
<div class="input-group">
<span class="input-group-text"><i class="fab fa-google"></i></span>
<input type="text" id="social_google" name="social_google" wire:model='social_google' class="form-control" placeholder="Enlace de Google">
</div>
</div>
<div class="mb-4 fv-row">
<label for="social_pinterest" class="form-label">Pinterest</label>
<div class="input-group">
<span class="input-group-text"><i class="fab fa-pinterest"></i></span>
<input type="text" id="social_pinterest" name="social_pinterest" wire:model='social_pinterest' class="form-control" placeholder="Enlace de Pinterest">
</div>
</div>
<div class="mb-4 fv-row">
<label for="social_youtube" class="form-label">YouTube</label>
<div class="input-group">
<span class="input-group-text"><i class="fab fa-youtube"></i></span>
<input type="text" id="social_youtube" name="social_youtube" wire:model='social_youtube' class="form-control" placeholder="Enlace de YouTube">
</div>
</div>
<div class="mb-4 fv-row">
<label for="social_vimeo" class="form-label">Vimeo</label>
<div class="input-group">
<span class="input-group-text"><i class="fab fa-vimeo"></i></span>
<input type="text" id="social_vimeo" name="social_vimeo" wire:model='social_vimeo' class="form-control" placeholder="Enlace de Vimeo">
</div>
</div>
</div>
</div>
</div>
</div>
<div>
{{-- Botones --}}
<div class="row my-4">
<div class="col-lg-12 text-end">
<button
type="submit"
class="btn btn-primary btn-save btn-sm mt-2 mr-2 waves-effect waves-light"
disabled
data-loading-text="Guardando...">
<i class="ti ti-device-floppy mr-2"></i>
Guardar cambios
</button>
<button
type="button"
wire:click="loadSettings"
class="btn btn-secondary btn-cancel btn-sm mt-2 mr-2 waves-effect waves-light"
disabled>
<i class="ti ti-rotate-2 mr-2"></i>
Cancelar
</button>
</div>
</div>
{{-- Notifications --}}
<div class="notification-container" wire:ignore></div>
</div>
</form>
</div>

49
modules/Admin/Resources/views/livewire/website-settings/template-settings.blade.php Normal file
View File

@ -0,0 +1,49 @@
<div>
<form id="website-template-settings-card" novalidate="novalidate">
<div class="card">
<div class="card-body">
<h5>Porto Template 12.0.0</h5>
<div class="mb-4">
<x-form.checkbox
name='website_tpl_style_switcher'
wire:model.defer='website_tpl_style_switcher'
parent_class='form-switch'>
Mostrar personalizador de estilos
</x-form.checkbox>
</div>
<div class="mb-4 fv-row">
<label for="website_tpl_footer_text" class="form-label">Titulo de pie de página</label>
<input type="text" id="website_tpl_footer_text" name="website_tpl_footer_text" wire:model='website_tpl_footer_text' class="form-control" placeholder="Titulo de pie de página">
@error("website_tpl_footer_text")
<span class="text-danger">{{ $message }}</span>
@enderror
</div>
</div>
</div>
<div>
{{-- Botones --}}
<div class="row my-4">
<div class="col-lg-12 text-end">
<button
type="submit"
class="btn btn-primary btn-save btn-sm mt-2 mr-2 waves-effect waves-light"
disabled
data-loading-text="Guardando...">
<i class="ti ti-device-floppy mr-2"></i>
Guardar cambios
</button>
<button
type="button"
wire:click="loadSettings"
class="btn btn-secondary btn-cancel btn-sm mt-2 mr-2 waves-effect waves-light"
disabled>
<i class="ti ti-rotate-2 mr-2"></i>
Cancelar
</button>
</div>
</div>
{{-- Notifications --}}
<div class="notification-container" wire:ignore></div>
</div>
</form>
</div>

60
modules/Admin/Resources/views/livewire/website-settings/website-settings.blade.php Normal file
View File

@ -0,0 +1,60 @@
<div>
<form id="website-settings-card" novalidate="novalidate">
<div class="card">
<div class="card-body">
<h5>Sitio Web</h5>
<div class="fv-row mb-4">
<label for="website_title" class="form-label">
Titulo del sitio web
</label>
<input type="text" id="website_title" name="website_title" wire:model.defer="website_title" class="form-control" placeholder="Titulo del sitio">
@error('website_title')
<span class="text-danger">{{ $message }}</span>
@enderror
</div>
<div class="fv-row mb-4">
<label for="website_description" class="form-label">
Descripción del sitio web
</label>
<textarea
id="website_description"
name="website_description"
wire:model.defer="website_description"
class="form-control"
placeholder="Descripción del sitio web"
rows="3"
maxlength="255">
</textarea>
@error('website_description')
<span class="text-danger">{{ $message }}</span>
@enderror
</div>
</div>
</div>
<div>
{{-- Botones --}}
<div class="row my-4">
<div class="col-lg-12 text-end">
<button
type="submit"
class="btn btn-primary btn-save btn-sm mt-2 mr-2 waves-effect waves-light"
disabled
data-loading-text="Guardando...">
<i class="ti ti-device-floppy mr-2"></i>
Guardar cambios
</button>
<button
type="button"
wire:click="loadSettings"
class="btn btn-secondary btn-cancel btn-sm mt-2 mr-2 waves-effect waves-light"
disabled>
<i class="ti ti-rotate-2 mr-2"></i>
Cancelar
</button>
</div>
</div>
{{-- Notifications --}}
<div class="notification-container" wire:ignore></div>
</div>
</form>
</div>

65
modules/Admin/Resources/views/notifications/email.blade.php Normal file
View File

@ -0,0 +1,65 @@
<x-mail::message>
{{-- Imagen con URL o Base64 --}}
@if (! empty($image))
<img src="{{ $image }}"
alt="{{ config('app.name') }}"
style="max-width: 85%; height: auto; display: block; margin: 0 auto 10px auto;">
@endif
{{-- Greeting --}}
@if (! empty($greeting))
# {{ $greeting }}
@else
@if ($level === 'error')
# @lang('Whoops!')
@else
# @lang('Hello!')
@endif
@endif
{{-- Intro Lines --}}
@foreach ($introLines as $line)
{{ $line }}
@endforeach
{{-- Action Button --}}
@isset($actionText)
<?php
$color = match ($level) {
'success', 'error' => $level,
default => 'primary',
};
?>
<x-mail::button :url="$actionUrl" :color="$color">
{{ $actionText }}
</x-mail::button>
@endisset
{{-- Outro Lines --}}
@foreach ($outroLines as $line)
{{ $line }}
@endforeach
{{-- Salutation --}}
@if (! empty($salutation))
{{ $salutation }}
@else
@lang('Regards,')<br>
{{ config('app.name') }}
@endif
{{-- Subcopy --}}
@isset($actionText)
<x-slot:subcopy>
@lang(
"If you're having trouble clicking the \":actionText\" button, copy and paste the URL below\n".
'into your web browser:',
[
'actionText' => $actionText,
]
) <span class="break-all">[{{ $displayableActionUrl }}]({{ $actionUrl }})</span>
</x-slot:subcopy>
@endisset
</x-mail::message>

9
modules/Admin/Resources/views/pages/about.blade.php Normal file
View File

@ -0,0 +1,9 @@
@php
$configData = Helper::appClasses();
@endphp
@extends('admin::layouts.vuexy.layoutMaster')
@section('content')
@endsection

37
modules/Admin/Resources/views/pages/comingsoon.blade.php Normal file
View File

@ -0,0 +1,37 @@
@php
$customizerHidden = 'customizer-hide';
$configData = Helper::appClasses();
@endphp
@extends('admin::layouts.vuexy.layoutMaster')
@section('title', 'Muy pronto!')
@section('page-style')
@vite(['/modules/Admin/Resources/scss/auth/page-misc.scss'])
@endsection
@section('content')
<!-- Coming Soon -->
<div class="container-xxl container-p-y py-4">
<div class="misc-wrapper">
<h4 class="mb-2 mx-2">Lanzaremos pronto 🚀</h4>
<p class="mb-6 mx-2">Nuestro sitio web se inaugurará pronto. ¡Regístrese para recibir una notificación cuando esté listo!</p>
<form onsubmit="return false">
<div class="mb-0">
<div class="mb-0 d-flex gap-4">
<input type="text" class="form-control" placeholder="Ingresa tu correo electrónico" autofocus>
<button type="submit" class="btn btn-primary">Notificar</button>
</div>
</div>
</form>
<div class="mt-12">
<img src="{{ asset('assets/admin/img/illustrations/page-misc-launching-soon.png') }}" alt="page-misc-launching-soon" width="263" class="img-fluid">
</div>
</div>
</div>
<div class="container-fluid misc-bg-wrapper">
<img src="{{ asset('assets/admin/img/illustrations/bg-shape-image-'.$configData['style'].'.png') }}" height="355" alt="page-misc-coming-soon" data-app-light-img="illustrations/bg-shape-image-light.png" data-app-dark-img="illustrations/bg-shape-image-dark.png">
</div>
<!-- /Coming soon -->
@endsection

47
modules/Admin/Resources/views/pages/home.blade.php Normal file
View File

@ -0,0 +1,47 @@
@php
$configData = Helper::appClasses();
@endphp
@extends('admin::layouts.vuexy.layoutMaster')
@section('content')
<h4>Covirsa Soluciones en Tecnología</h4>
<p>Para mayor información al respecto consulta la <a href="{{ config('_var.documentation') }}" target="_blank" rel="noopener noreferrer">documentación</a>.</p>
@php
use Illuminate\Support\Facades\Auth;
// Obtener el usuario autenticado
$user = Auth::user();
echo '<pre>';
if ($user) {
// Imprimir información del usuario
echo "Usuario: {$user->name}\n";
echo "Email: {$user->email}\n\n";
// Obtener todos los roles del usuario
$roles = $user->roles;
// Iterar sobre los roles del usuario
foreach ($roles as $role) {
echo "Rol: {$role->name}\n";
// Obtener todos los permisos del rol
$permissions = $role->permissions;
// Imprimir los permisos del rol
foreach ($permissions as $permission) {
echo " - Permiso: {$permission->name}\n";
}
echo "\n";
}
} else {
echo "Usuario no autenticado\n";
}
echo '</pre>';
@endphp
@endsection

30
modules/Admin/Resources/views/pages/under-maintenance.blade.php Normal file
View File

@ -0,0 +1,30 @@
@php
$customizerHidden = 'customizer-hide';
$configData = Helper::appClasses();
@endphp
@extends('admin::layouts.vuexy.layoutMaster')
@section('title', '¡En mantenimiento!')
@section('page-style')
@vite(['/modules/Admin/Resources/scss/auth/page-misc.scss'])
@endsection
@section('content')
<!--Under Maintenance -->
<div class="container-xxl container-p-y">
<div class="misc-wrapper">
<h4 class="mb-2 mx-2">¡En mantenimiento! 🚧</h4>
<p class="mb-6 mx-2">Disculpe las molestias, pero estamos realizando tareas de mantenimiento en estos momentos.</p>
<a href="{{ route('admin.home.index') }}" class="btn btn-primary">Regresar al inicio</a>
<div class="mt-12">
<img src="{{ asset('assets/admin/img/illustrations/page-misc-under-maintenance.png') }}" alt="page-misc-under-maintenance" width="550" class="img-fluid">
</div>
</div>
</div>
<div class="container-fluid misc-bg-wrapper misc-under-maintenance-bg-wrapper">
<img src="{{ asset('assets/admin/img/illustrations/bg-shape-image-'.$configData['style'].'.png') }}" height="355" alt="page-misc-under-maintenance" data-app-light-img="illustrations/bg-shape-image-light.png" data-app-dark-img="illustrations/bg-shape-image-dark.png">
</div>
<!-- /Under Maintenance -->
@endsection

30
modules/Admin/Resources/views/permissions/index.blade.php Normal file
View File

@ -0,0 +1,30 @@
@extends('admin::layouts.vuexy.layoutMaster')
@section('title', 'Permisos del sistema')
@section('vendor-style')
@vite([
'modules/Admin/Resources/assets/vendor/libs/datatables-bs5/datatables.bootstrap5.scss',
'modules/Admin/Resources/assets/vendor/libs/datatables-responsive-bs5/responsive.bootstrap5.scss',
'modules/Admin/Resources/assets/vendor/libs/datatables-buttons-bs5/buttons.bootstrap5.scss',
'modules/Admin/Resources/assets/vendor/libs/@form-validation/form-validation.scss',
])
@endsection
@section('vendor-script')
@vite([
'modules/Admin/Resources/assets/vendor/libs/datatables-bs5/datatables-bootstrap5.js',
'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/rbac/permissions-scripts.js')
@endsection
@section('content')
@livewire('permissions-index')
@endsection

25
modules/Admin/Resources/views/roles/_delete_modal.blade.php Normal file
View File

@ -0,0 +1,25 @@
<!-- Delete Role Card Modal -->
<div class="modal fade" id="roleDeleteModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered1 modal-simple modal-delete-role">
<div class="modal-content p-3 p-md-5">
<div class="modal-body">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="text-center mb-4">
<h3 class="role-title mb-2">Eliminar Rol</h3>
<p class="role-subtitle text-muted">Se eliminará de forma definitiva</p>
</div>
<form id="deleteRoleForm" class="row g-3">
<input type="hidden" name="id" wire:model='deleteRoleId'>
<div class="col-12">
<p class="confirmation-text"></p>
</div>
<div class="col-12 text-center">
<button type="submit" class="btn btn-danger me-sm-3 me-1">Eliminar rol</button>
<button type="reset" class="btn btn-label-secondary btn-reset" data-bs-dismiss="modal" aria-label="Close">Cancelar</button>
</div>
</form>
</div>
</div>
</div>
</div>
<!--/ Delete Role Card Modal -->

116
modules/Admin/Resources/views/roles/_form_modal.blade.php Normal file
View File

@ -0,0 +1,116 @@
<!-- Add Role Modal -->
<div class="modal fade" id="roleModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-xl modal-dialog-centered modal-add-new-role">
<div class="modal-content p-3 p-md-5">
<button type="button" class="btn-close btn-pinned" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="modal-body">
<div class="text-center mb-4">
<h3 class="role-title mb-2">{{ $title }}</h3>
<p class="role-subtitle text-muted">Configuración de rol de usuario</p>
</div>
<!-- Role form -->
<form id="roleForm" class="row g-3" method="POST">
<input type="hidden" name="id" wire:model='roleId'>
<div class="col-xl-4 col-md-6 col-12 col-inputs">
<div class="mb-1">
<label for="name" class="form-label">Nombre del rol</label>
<input type="text" name="name" value="" class="form-control" placeholder="Nombre del rol" tabindex="-1" wire:model="name">
</div>
</div>
<div class="col-xl-4 col-md-6 col-12 col-inputs">
<div class="mb-1">
<label for="style" class="form-label">CSS style</label>
<select id="style" name="style" wire:model="style" class="form-select">
<option value="">Estilos CSS</option>
<option value="info">.info</option>
<option value="success">.success</option>
<option value="primary">.primary</option>
<option value="secondary">.secondary</option>
<option value="dark">.dark</option>
<option value="danger">.danger</option>
<option value="warning">.warning</option>
</select>
</div>
</div>
<div class="col-12">
<!-- Permission table -->
<div class="table-responsive">
<table class="table table-flush-spacing">
<tbody>
<tr>
<td class="text-nowrap fw-bolder">
<h4 class="mt-2 pt-50">Permisos de usuario</h4>
</td>
<td>
<div class="form-check">
<input class="form-check-input" type="checkbox" id="selectAll" />
<label class="form-check-label" for="selectAll">Seleccionar todo</label>
</div>
</td>
</tr>
@foreach ($permissions as $key => $permission)
<tr class="permission-row">
<td class="text-nowrap fw-bolder">{{ $permission['group_name'] }} - {{ $permission['sub_group_name'] }}</td>
<td>
<div class="d-flex">
@isset($permission['allow'])
<div class="form-check me-3 me-lg-5">
<label class="form-check-label"> Permitir
<input class="form-check-input" type="checkbox" data-type="allow" wire:model="permissionsInputs.{{ str_replace('.', '_', $permission['allow']) }}">
</label>
</div>
@endisset
@isset($permission['view'])
<div class="form-check me-3 me-lg-5">
<label class="form-check-label"> Leer
<input class="form-check-input" type="checkbox" data-type="view" wire:model="permissionsInputs.{{ str_replace('.', '_', $permission['view']) }}">
</label>
</div>
@endisset
@isset($permission['create'])
<div class="form-check me-3 me-lg-5">
<label class="form-check-label"> Crear
<input class="form-check-input" type="checkbox" data-type="create" wire:model="permissionsInputs.{{ str_replace('.', '_', $permission['create']) }}">
</label>
</div>
@endisset
@isset($permission['edit'])
<div class="form-check me-3 me-lg-5">
<label class="form-check-label"> Modificar
<input class="form-check-input" type="checkbox" data-type="edit" wire:model="permissionsInputs.{{ str_replace('.', '_', $permission['edit']) }}">
</label>
</div>
@endisset
@isset($permission['cancel'])
<div class="form-check me-3 me-lg-5">
<label class="form-check-label"> Cancelar
<input class="form-check-input" type="checkbox" data-type="cancel" wire:model="permissionsInputs.{{ str_replace('.', '_', $permission['cancel']) }}">
</label>
</div>
@endisset
@isset($permission['delete'])
<div class="form-check me-3 me-lg-5">
<label class="form-check-label"> Eliminar
<input class="form-check-input" type="checkbox" data-type="delete" wire:model="permissionsInputs.{{ str_replace('.', '_', $permission['delete']) }}">
</label>
</div>
@endisset
</div>
</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
<div class="col-12 text-center mt-4">
<button type="submit" class="btn btn-primary me-sm-3 me-1">{{ $btn_submit_text }}</button>
<button type="reset" class="btn btn-label-secondary" data-bs-dismiss="modal" aria-label="Close">Cancelar</button>
</div>
</form>
<!--/ Add role form -->
</div>
</div>
</div>
</div>
<!--/ Add Role Modal -->

21
modules/Admin/Resources/views/roles/index.blade.php Normal file
View File

@ -0,0 +1,21 @@
@extends('admin::layouts.vuexy.layoutMaster')
@section('title', 'Roles de usuarios')
@push('vendor-style')
@vite([
'modules/Admin/Resources/assets/vendor/libs/@form-validation/form-validation.scss',
])
@endpush
@push('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',
])
@endpush
@section('content')
@livewire('role-card')
@endsection

57
modules/Admin/Resources/views/user/app-access-permission.blade.php Normal file
View File

@ -0,0 +1,57 @@
@extends('admin::layouts.vuexy.layoutMaster')
@section('title', 'Permission - Apps')
@section('vendor-style')
@vite([
'modules/Admin/Resources/assets/vendor/libs/datatables-bs5/datatables.bootstrap5.scss',
'modules/Admin/Resources/assets/vendor/libs/datatables-responsive-bs5/responsive.bootstrap5.scss',
'modules/Admin/Resources/assets/vendor/libs/datatables-buttons-bs5/buttons.bootstrap5.scss',
'modules/Admin/Resources/assets/vendor/libs/@form-validation/form-validation.scss',
])
@endsection
@section('vendor-script')
@vite([
'modules/Admin/Resources/assets/vendor/libs/datatables-bs5/datatables-bootstrap5.js',
'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/app-access-permission.js',
'modules/Admin/Resources/js/modal-add-permission.js',
'modules/Admin/Resources/js/modal-edit-permission.js',
])
@endsection
@section('content')
<!-- Permission Table -->
<div class="card">
<div class="card-datatable table-responsive">
<table class="datatables-permissions table border-top">
<thead>
<tr>
<th></th>
<th></th>
<th>Name</th>
<th>Assigned To</th>
<th>Created Date</th>
<th>Actions</th>
</tr>
</thead>
</table>
</div>
</div>
<!--/ Permission Table -->
<!-- Modal -->
@include('_partials/_modals/modal-add-permission')
@include('_partials/_modals/modal-edit-permission')
<!-- /Modal -->
@endsection

239
modules/Admin/Resources/views/user/app-access-roles.blade.php Normal file
View File

@ -0,0 +1,239 @@
@php
$configData = Helper::appClasses();
@endphp
@extends('admin::layouts.vuexy.layoutMaster')
@section('title', 'Roles - Apps')
@section('vendor-style')
@vite([
'modules/Admin/Resources/assets/vendor/libs/datatables-bs5/datatables.bootstrap5.scss',
'modules/Admin/Resources/assets/vendor/libs/datatables-responsive-bs5/responsive.bootstrap5.scss',
'modules/Admin/Resources/assets/vendor/libs/@form-validation/form-validation.scss',
'modules/Admin/Resources/assets/vendor/libs/datatables-buttons-bs5/buttons.bootstrap5.scss',
])
@endsection
@section('vendor-script')
@vite([
'modules/Admin/Resources/assets/vendor/libs/datatables-bs5/datatables-bootstrap5.js',
'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/app-access-roles.js',
'modules/Admin/Resources/js/modal-add-role.js',
])
@endsection
@section('content')
<h4 class="mb-1">Roles List</h4>
<p class="mb-6">A role provided access to predefined menus and features so that depending on <br> assigned role an administrator can have access to what user needs.</p>
<!-- Role cards -->
<div class="row g-6">
<div class="col-xl-4 col-lg-6 col-md-6">
<div class="card">
<div class="card-body">
<div class="d-flex justify-content-between align-items-center mb-4">
<h6 class="fw-normal mb-0 text-body">Total 4 users</h6>
<ul class="list-unstyled d-flex align-items-center avatar-group mb-0">
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" title="Vinnie Mostowy" class="avatar pull-up">
<img class="rounded-circle" src="{{ asset('assets/img/avatars/5.png') }}" alt="Avatar">
</li>
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" title="Allen Rieske" class="avatar pull-up">
<img class="rounded-circle" src="{{ asset('assets/img/avatars/12.png') }}" alt="Avatar">
</li>
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" title="Julee Rossignol" class="avatar pull-up">
<img class="rounded-circle" src="{{ asset('assets/img/avatars/6.png') }}" alt="Avatar">
</li>
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" title="Kaith D'souza" class="avatar pull-up">
<img class="rounded-circle" src="{{ asset('assets/img/avatars/3.png') }}" alt="Avatar">
</li>
</ul>
</div>
<div class="d-flex justify-content-between align-items-end">
<div class="role-heading">
<h5 class="mb-1">Administrator</h5>
<a href="javascript:;" data-bs-toggle="modal" data-bs-target="#addRoleModal" class="role-edit-modal"><span>Edit Role</span></a>
</div>
<a href="javascript:void(0);"><i class="ti ti-copy ti-md text-heading"></i></a>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6">
<div class="card">
<div class="card-body">
<div class="d-flex justify-content-between align-items-center mb-4">
<h6 class="fw-normal mb-0 text-body">Total 7 users</h6>
<ul class="list-unstyled d-flex align-items-center avatar-group mb-0">
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" title="Jimmy Ressula" class="avatar pull-up">
<img class="rounded-circle" src="{{ asset('assets/img/avatars/4.png') }}" alt="Avatar">
</li>
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" title="John Doe" class="avatar pull-up">
<img class="rounded-circle" src="{{ asset('assets/img/avatars/1.png') }}" alt="Avatar">
</li>
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" title="Kristi Lawker" class="avatar pull-up">
<img class="rounded-circle" src="{{ asset('assets/img/avatars/2.png') }}" alt="Avatar">
</li>
<li class="avatar">
<span class="avatar-initial rounded-circle pull-up" data-bs-toggle="tooltip" data-bs-placement="bottom" title="4 more">+4</span>
</li>
</ul>
</div>
<div class="d-flex justify-content-between align-items-end">
<div class="role-heading">
<h5 class="mb-1">Manager</h5>
<a href="javascript:;" data-bs-toggle="modal" data-bs-target="#addRoleModal" class="role-edit-modal"><span>Edit Role</span></a>
</div>
<a href="javascript:void(0);"><i class="ti ti-copy ti-md text-heading"></i></a>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6">
<div class="card">
<div class="card-body">
<div class="d-flex justify-content-between align-items-center mb-4">
<h6 class="fw-normal mb-0 text-body">Total 5 users</h6>
<ul class="list-unstyled d-flex align-items-center avatar-group mb-0">
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" title="Andrew Tye" class="avatar pull-up">
<img class="rounded-circle" src="{{ asset('assets/img/avatars/6.png') }}" alt="Avatar">
</li>
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" title="Rishi Swaat" class="avatar pull-up">
<img class="rounded-circle" src="{{ asset('assets/img/avatars/9.png') }}" alt="Avatar">
</li>
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" title="Rossie Kim" class="avatar pull-up">
<img class="rounded-circle" src="{{ asset('assets/img/avatars/12.png') }}" alt="Avatar">
</li>
<li class="avatar">
<span class="avatar-initial rounded-circle pull-up" data-bs-toggle="tooltip" data-bs-placement="bottom" title="2 more">+2</span>
</li>
</ul>
</div>
<div class="d-flex justify-content-between align-items-end">
<div class="role-heading">
<h5 class="mb-1">Users</h5>
<a href="javascript:;" data-bs-toggle="modal" data-bs-target="#addRoleModal" class="role-edit-modal"><span>Edit Role</span></a>
</div>
<a href="javascript:void(0);"><i class="ti ti-copy ti-md text-heading"></i></a>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6">
<div class="card">
<div class="card-body">
<div class="d-flex justify-content-between align-items-center mb-4">
<h6 class="fw-normal mb-0 text-body">Total 3 users</h6>
<ul class="list-unstyled d-flex align-items-center avatar-group mb-0">
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" title="Kim Karlos" class="avatar pull-up">
<img class="rounded-circle" src="{{ asset('assets/img/avatars/3.png') }}" alt="Avatar">
</li>
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" title="Katy Turner" class="avatar pull-up">
<img class="rounded-circle" src="{{ asset('assets/img/avatars/9.png') }}" alt="Avatar">
</li>
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" title="Peter Adward" class="avatar pull-up">
<img class="rounded-circle" src="{{ asset('assets/img/avatars/4.png') }}" alt="Avatar">
</li>
<li class="avatar">
<span class="avatar-initial rounded-circle pull-up" data-bs-toggle="tooltip" data-bs-placement="bottom" title="3 more">+3</span>
</li>
</ul>
</div>
<div class="d-flex justify-content-between align-items-end">
<div class="role-heading">
<h5 class="mb-1">Support</h5>
<a href="javascript:;" data-bs-toggle="modal" data-bs-target="#addRoleModal" class="role-edit-modal"><span>Edit Role</span></a>
</div>
<a href="javascript:void(0);"><i class="ti ti-copy ti-md text-heading"></i></a>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6">
<div class="card">
<div class="card-body">
<div class="d-flex justify-content-between align-items-center mb-4">
<h6 class="fw-normal mb-0 text-body">Total 2 users</h6>
<ul class="list-unstyled d-flex align-items-center avatar-group mb-0">
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" title="Kim Merchent" class="avatar pull-up">
<img class="rounded-circle" src="{{ asset('assets/img/avatars/10.png') }}" alt="Avatar">
</li>
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" title="Sam D'souza" class="avatar pull-up">
<img class="rounded-circle" src="{{ asset('assets/img/avatars/13.png') }}" alt="Avatar">
</li>
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" title="Nurvi Karlos" class="avatar pull-up">
<img class="rounded-circle" src="{{ asset('assets/img/avatars/5.png') }}" alt="Avatar">
</li>
<li class="avatar">
<span class="avatar-initial rounded-circle pull-up" data-bs-toggle="tooltip" data-bs-placement="bottom" title="7 more">+7</span>
</li>
</ul>
</div>
<div class="d-flex justify-content-between align-items-end">
<div class="role-heading">
<h5 class="mb-1">Restricted User</h5>
<a href="javascript:;" data-bs-toggle="modal" data-bs-target="#addRoleModal" class="role-edit-modal"><span>Edit Role</span></a>
</div>
<a href="javascript:void(0);"><i class="ti ti-copy ti-md text-heading"></i></a>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6">
<div class="card h-100">
<div class="row h-100">
<div class="col-sm-5">
<div class="d-flex align-items-end h-100 justify-content-center mt-sm-0 mt-4">
<img src="{{ asset('assets/admin/img/illustrations/add-new-roles.png') }}" class="img-fluid mt-sm-4 mt-md-0" alt="add-new-roles" width="83">
</div>
</div>
<div class="col-sm-7">
<div class="card-body text-sm-end text-center ps-sm-0">
<button data-bs-target="#addRoleModal" data-bs-toggle="modal" class="btn btn-sm btn-primary mb-4 text-nowrap add-new-role">Add New Role</button>
<p class="mb-0"> Add new role, <br> if it doesn't exist.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-12">
<h4 class="mt-6 mb-1">Total users with their roles</h4>
<p class="mb-0">Find all of your company’s administrator accounts and their associate roles.</p>
</div>
<div class="col-12">
<!-- Role Table -->
<div class="card">
<div class="card-datatable table-responsive">
<table class="datatables-users table border-top">
<thead>
<tr>
<th></th>
<th></th>
<th>User</th>
<th>Role</th>
<th>Plan</th>
<th>Billing</th>
<th>Status</th>
<th>Actions</th>
</tr>
</thead>
</table>
</div>
</div>
<!--/ Role Table -->
</div>
</div>
<!--/ Role cards -->
<!-- Add Role Modal -->
@include('_partials/_modals/modal-add-role')
<!-- / Add Role Modal -->
@endsection

226
modules/Admin/Resources/views/user/app-user-list.blade.php Normal file
View File

@ -0,0 +1,226 @@
@extends('admin::layouts.vuexy.layoutMaster')
@section('title', 'User List - Pages')
@section('vendor-style')
@vite([
'modules/Admin/Resources/assets/vendor/libs/datatables-bs5/datatables.bootstrap5.scss',
'modules/Admin/Resources/assets/vendor/libs/datatables-responsive-bs5/responsive.bootstrap5.scss',
'modules/Admin/Resources/assets/vendor/libs/datatables-buttons-bs5/buttons.bootstrap5.scss',
'modules/Admin/Resources/assets/vendor/libs/select2/select2.scss',
'modules/Admin/Resources/assets/vendor/libs/@form-validation/form-validation.scss'
])
@endsection
@section('vendor-script')
@vite([
'modules/Admin/Resources/assets/vendor/libs/moment/moment.js',
'modules/Admin/Resources/assets/vendor/libs/datatables-bs5/datatables-bootstrap5.js',
'modules/Admin/Resources/assets/vendor/libs/select2/select2.js',
'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',
'modules/Admin/Resources/assets/vendor/libs/cleavejs/cleave.js',
'modules/Admin/Resources/assets/vendor/libs/cleavejs/cleave-phone.js'
])
@endsection
@section('page-script')
@vite('modules/Admin/Resources/js/app-user-list.js')
@endsection
@section('content')
<div class="row g-6 mb-6">
<div class="col-sm-6 col-xl-3">
<div class="card">
<div class="card-body">
<div class="d-flex align-items-start justify-content-between">
<div class="content-left">
<span class="text-heading">Session</span>
<div class="d-flex align-items-center my-1">
<h4 class="mb-0 me-2">21,459</h4>
<p class="text-success mb-0">(+29%)</p>
</div>
<small class="mb-0">Total Users</small>
</div>
<div class="avatar">
<span class="avatar-initial rounded bg-label-primary">
<i class="ti ti-users ti-26px"></i>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-xl-3">
<div class="card">
<div class="card-body">
<div class="d-flex align-items-start justify-content-between">
<div class="content-left">
<span class="text-heading">Paid Users</span>
<div class="d-flex align-items-center my-1">
<h4 class="mb-0 me-2">4,567</h4>
<p class="text-success mb-0">(+18%)</p>
</div>
<small class="mb-0">Last week analytics </small>
</div>
<div class="avatar">
<span class="avatar-initial rounded bg-label-danger">
<i class="ti ti-user-plus ti-26px"></i>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-xl-3">
<div class="card">
<div class="card-body">
<div class="d-flex align-items-start justify-content-between">
<div class="content-left">
<span class="text-heading">Active Users</span>
<div class="d-flex align-items-center my-1">
<h4 class="mb-0 me-2">19,860</h4>
<p class="text-danger mb-0">(-14%)</p>
</div>
<small class="mb-0">Last week analytics</small>
</div>
<div class="avatar">
<span class="avatar-initial rounded bg-label-success">
<i class="ti ti-user-check ti-26px"></i>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-xl-3">
<div class="card">
<div class="card-body">
<div class="d-flex align-items-start justify-content-between">
<div class="content-left">
<span class="text-heading">Pending Users</span>
<div class="d-flex align-items-center my-1">
<h4 class="mb-0 me-2">237</h4>
<p class="text-success mb-0">(+42%)</p>
</div>
<small class="mb-0">Last week analytics</small>
</div>
<div class="avatar">
<span class="avatar-initial rounded bg-label-warning">
<i class="ti ti-user-search ti-26px"></i>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Users List Table -->
<div class="card">
<div class="card-header border-bottom">
<h5 class="card-title mb-0">Filters</h5>
<div class="d-flex justify-content-between align-items-center row pt-4 gap-4 gap-md-0">
<div class="col-md-4 user_role"></div>
<div class="col-md-4 user_plan"></div>
<div class="col-md-4 user_status"></div>
</div>
</div>
<div class="card-datatable table-responsive">
<table class="datatables-users table">
<thead class="border-top">
<tr>
<th></th>
<th></th>
<th>User</th>
<th>Role</th>
<th>Plan</th>
<th>Billing</th>
<th>Status</th>
<th>Actions</th>
</tr>
</thead>
</table>
</div>
<!-- Offcanvas to add new user -->
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasAddUser" aria-labelledby="offcanvasAddUserLabel">
<div class="offcanvas-header border-bottom">
<h5 id="offcanvasAddUserLabel" class="offcanvas-title">Add User</h5>
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body mx-0 flex-grow-0 p-6 h-100">
<form class="add-new-user pt-0" id="addNewUserForm" onsubmit="return false">
<div class="mb-6">
<label class="form-label" for="add-user-fullname">Full Name</label>
<input type="text" class="form-control" id="add-user-fullname" placeholder="John Doe" name="userFullname" aria-label="John Doe" />
</div>
<div class="mb-6">
<label class="form-label" for="add-user-email">Email</label>
<input type="text" id="add-user-email" class="form-control" placeholder="john.doe@example.com" aria-label="john.doe@example.com" name="userEmail" />
</div>
<div class="mb-6">
<label class="form-label" for="add-user-contact">Contact</label>
<input type="text" id="add-user-contact" class="form-control phone-mask" placeholder="+1 (609) 988-44-11" aria-label="john.doe@example.com" name="userContact" />
</div>
<div class="mb-6">
<label class="form-label" for="add-user-company">Company</label>
<input type="text" id="add-user-company" class="form-control" placeholder="Web Developer" aria-label="jdoe1" name="companyName" />
</div>
<div class="mb-6">
<label class="form-label" for="country">Country</label>
<select id="country" class="select2 form-select">
<option value="">Select</option>
<option value="Australia">Australia</option>
<option value="Bangladesh">Bangladesh</option>
<option value="Belarus">Belarus</option>
<option value="Brazil">Brazil</option>
<option value="Canada">Canada</option>
<option value="China">China</option>
<option value="France">France</option>
<option value="Germany">Germany</option>
<option value="India">India</option>
<option value="Indonesia">Indonesia</option>
<option value="Israel">Israel</option>
<option value="Italy">Italy</option>
<option value="Japan">Japan</option>
<option value="Korea">Korea, Republic of</option>
<option value="Mexico">Mexico</option>
<option value="Philippines">Philippines</option>
<option value="Russia">Russian Federation</option>
<option value="South Africa">South Africa</option>
<option value="Thailand">Thailand</option>
<option value="Turkey">Turkey</option>
<option value="Ukraine">Ukraine</option>
<option value="United Arab Emirates">United Arab Emirates</option>
<option value="United Kingdom">United Kingdom</option>
<option value="United States">United States</option>
</select>
</div>
<div class="mb-6">
<label class="form-label" for="user-role">User Role</label>
<select id="user-role" class="form-select">
<option value="subscriber">Subscriber</option>
<option value="editor">Editor</option>
<option value="maintainer">Maintainer</option>
<option value="author">Author</option>
<option value="admin">Admin</option>
</select>
</div>
<div class="mb-6">
<label class="form-label" for="user-plan">Select Plan</label>
<select id="user-plan" class="form-select">
<option value="basic">Basic</option>
<option value="enterprise">Enterprise</option>
<option value="company">Company</option>
<option value="team">Team</option>
</select>
</div>
<button type="submit" class="btn btn-primary me-3 data-submit">Submit</button>
<button type="reset" class="btn btn-label-danger" data-bs-dismiss="offcanvas">Cancel</button>
</form>
</div>
</div>
</div>
@endsection

307
modules/Admin/Resources/views/user/app-user-view-account.blade.php Normal file
View File

@ -0,0 +1,307 @@
@extends('admin::layouts.vuexy.layoutMaster')
@section('title', 'User View - Pages')
@section('vendor-style')
@vite([
'modules/Admin/Resources/assets/vendor/libs/datatables-bs5/datatables.bootstrap5.scss',
'modules/Admin/Resources/assets/vendor/libs/datatables-responsive-bs5/responsive.bootstrap5.scss',
'modules/Admin/Resources/assets/vendor/libs/datatables-buttons-bs5/buttons.bootstrap5.scss',
'modules/Admin/Resources/assets/vendor/libs/animate-css/animate.scss',
'modules/Admin/Resources/assets/vendor/libs/sweetalert2/sweetalert2.scss',
'modules/Admin/Resources/assets/vendor/libs/select2/select2.scss',
'modules/Admin/Resources/assets/vendor/libs/@form-validation/form-validation.scss'
])
@endsection
@section('page-style')
@vite([
'modules/Admin/Resources/assets/vendor/scss/pages/page-user-view.scss'
])
@endsection
@section('vendor-script')
@vite([
'modules/Admin/Resources/assets/vendor/libs/moment/moment.js',
'modules/Admin/Resources/assets/vendor/libs/datatables-bs5/datatables-bootstrap5.js',
'modules/Admin/Resources/assets/vendor/libs/sweetalert2/sweetalert2.js',
'modules/Admin/Resources/assets/vendor/libs/cleavejs/cleave.js',
'modules/Admin/Resources/assets/vendor/libs/cleavejs/cleave-phone.js',
'modules/Admin/Resources/assets/vendor/libs/select2/select2.js',
'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/modal-edit-user.js',
'modules/Admin/Resources/js/app-user-view.js',
'modules/Admin/Resources/js/app-user-view-account.js',
'modules/Admin/Resources/js/auth/pages-profile.js'
])
@endsection
@section('content')
<div class="row">
<!-- User Sidebar -->
<div class="col-xl-4 col-lg-5 order-1 order-md-0">
<!-- User Card -->
<div class="card mb-6">
<div class="card-body pt-12">
<div class="user-avatar-section">
<div class=" d-flex align-items-center flex-column">
<img class="img-fluid rounded mb-4" src="{{ asset('assets/img/avatars/1.png') }}" height="120" width="120" alt="User avatar" />
<div class="user-info text-center">
<h5>Violet Mendoza</h5>
<span class="badge bg-label-secondary">Author</span>
</div>
</div>
</div>
<div class="d-flex justify-content-around flex-wrap my-6 gap-0 gap-md-3 gap-lg-4">
<div class="d-flex align-items-center me-5 gap-4">
<div class="avatar">
<div class="avatar-initial bg-label-primary rounded">
<i class='ti ti-checkbox ti-lg'></i>
</div>
</div>
<div>
<h5 class="mb-0">1.23k</h5>
<span>Task Done</span>
</div>
</div>
<div class="d-flex align-items-center gap-4">
<div class="avatar">
<div class="avatar-initial bg-label-primary rounded">
<i class='ti ti-briefcase ti-lg'></i>
</div>
</div>
<div>
<h5 class="mb-0">568</h5>
<span>Project Done</span>
</div>
</div>
</div>
<h5 class="pb-4 border-bottom mb-4">Details</h5>
<div class="info-container">
<ul class="list-unstyled mb-6">
<li class="mb-2">
<span class="h6">Username:</span>
<span>@violet.dev</span>
</li>
<li class="mb-2">
<span class="h6">Email:</span>
<span>vafgot@vultukir.org</span>
</li>
<li class="mb-2">
<span class="h6">Status:</span>
<span>Active</span>
</li>
<li class="mb-2">
<span class="h6">Role:</span>
<span>Author</span>
</li>
<li class="mb-2">
<span class="h6">Tax id:</span>
<span>Tax-8965</span>
</li>
<li class="mb-2">
<span class="h6">Contact:</span>
<span>(123) 456-7890</span>
</li>
<li class="mb-2">
<span class="h6">Languages:</span>
<span>French</span>
</li>
<li class="mb-2">
<span class="h6">Country:</span>
<span>England</span>
</li>
</ul>
<div class="d-flex justify-content-center">
<a href="javascript:;" class="btn btn-primary me-4" data-bs-target="#editUser" data-bs-toggle="modal">Edit</a>
<a href="javascript:;" class="btn btn-label-danger suspend-user">Suspend</a>
</div>
</div>
</div>
</div>
<!-- /User Card -->
<!-- Plan Card -->
<div class="card mb-6 border border-2 border-primary rounded primary-shadow">
<div class="card-body">
<div class="d-flex justify-content-between align-items-start">
<span class="badge bg-label-primary">Standard</span>
<div class="d-flex justify-content-center">
<sub class="h5 pricing-currency mb-auto mt-1 text-primary">$</sub>
<h1 class="mb-0 text-primary">99</h1>
<sub class="h6 pricing-duration mt-auto mb-3 fw-normal">month</sub>
</div>
</div>
<ul class="list-unstyled g-2 my-6">
<li class="mb-2 d-flex align-items-center"><i class="ti ti-circle-filled ti-10px text-secondary me-2"></i><span>10 Users</span></li>
<li class="mb-2 d-flex align-items-center"><i class="ti ti-circle-filled ti-10px text-secondary me-2"></i><span>Up to 10 GB storage</span></li>
<li class="mb-2 d-flex align-items-center"><i class="ti ti-circle-filled ti-10px text-secondary me-2"></i><span>Basic Support</span></li>
</ul>
<div class="d-flex justify-content-between align-items-center mb-1">
<span class="h6 mb-0">Days</span>
<span class="h6 mb-0">26 of 30 Days</span>
</div>
<div class="progress mb-1 bg-label-primary" style="height: 6px;">
<div class="progress-bar" role="progressbar" style="width: 65%;" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<small>4 days remaining</small>
<div class="d-grid w-100 mt-6">
<button class="btn btn-primary" data-bs-target="#upgradePlanModal" data-bs-toggle="modal">Upgrade Plan</button>
</div>
</div>
</div>
<!-- /Plan Card -->
</div>
<!--/ User Sidebar -->
<!-- User Content -->
<div class="col-xl-8 col-lg-7 order-0 order-md-1">
<!-- User Pills -->
<div class="nav-align-top">
<ul class="nav nav-pills flex-column flex-md-row flex-wrap mb-6 row-gap-2">
<li class="nav-item"><a class="nav-link active" href="javascript:void(0);"><i class="ti ti-user-check ti-sm me-1_5"></i>Account</a></li>
<li class="nav-item"><a class="nav-link" href="{{url('app/user/view/security')}}"><i class="ti ti-lock ti-sm me-1_5"></i>Security</a></li>
<li class="nav-item"><a class="nav-link" href="{{url('app/user/view/billing')}}"><i class="ti ti-bookmark ti-sm me-1_5"></i>Billing & Plans</a></li>
<li class="nav-item"><a class="nav-link" href="{{url('app/user/view/notifications')}}"><i class="ti ti-bell ti-sm me-1_5"></i>Notifications</a></li>
<li class="nav-item"><a class="nav-link" href="{{url('app/user/view/connections')}}"><i class="ti ti-link ti-sm me-1_5"></i>Connections</a></li>
</ul>
</div>
<!--/ User Pills -->
<!-- Project table -->
<div class="card mb-6">
<div class="card-datatable table-responsive">
<table class="datatables-projects table border-top">
<thead>
<tr>
<th></th>
<th></th>
<th>Project</th>
<th>Leader</th>
<th>Team</th>
<th class="w-px-200">Progress</th>
<th>Action</th>
</tr>
</thead>
</table>
</div>
</div>
<!-- /Project table -->
<!-- Activity Timeline -->
<div class="card mb-6">
<h5 class="card-header">User Activity Timeline</h5>
<div class="card-body pt-1">
<ul class="timeline mb-0">
<li class="timeline-item timeline-item-transparent">
<span class="timeline-point timeline-point-primary"></span>
<div class="timeline-event">
<div class="timeline-header mb-3">
<h6 class="mb-0">12 Invoices have been paid</h6>
<small class="text-muted">12 min ago</small>
</div>
<p class="mb-2">
Invoices have been paid to the company
</p>
<div class="d-flex align-items-center mb-2">
<div class="badge bg-lighter rounded d-flex align-items-center">
<img src="{{asset('assets/img/icons/misc/pdf.png')}}" alt="img" width="15" class="me-2">
<span class="h6 mb-0 text-body">invoices.pdf</span>
</div>
</div>
</div>
</li>
<li class="timeline-item timeline-item-transparent">
<span class="timeline-point timeline-point-success"></span>
<div class="timeline-event">
<div class="timeline-header mb-3">
<h6 class="mb-0">Client Meeting</h6>
<small class="text-muted">45 min ago</small>
</div>
<p class="mb-2">
Project meeting with john @10:15am
</p>
<div class="d-flex justify-content-between flex-wrap gap-2 mb-2">
<div class="d-flex flex-wrap align-items-center mb-50">
<div class="avatar avatar-sm me-2">
<img src="{{ asset('assets/img/avatars/1.png') }}" alt="Avatar" class="rounded-circle" />
</div>
<div>
<p class="mb-0 small fw-medium">Lester McCarthy (Client)</p>
<small>CEO of {{ config('_var.creatorName') }}</small>
</div>
</div>
</div>
</div>
</li>
<li class="timeline-item timeline-item-transparent">
<span class="timeline-point timeline-point-info"></span>
<div class="timeline-event">
<div class="timeline-header mb-3">
<h6 class="mb-0">Create a new project for client</h6>
<small class="text-muted">2 Day Ago</small>
</div>
<p class="mb-2">
6 team members in a project
</p>
<ul class="list-group list-group-flush">
<li class="list-group-item d-flex justify-content-between align-items-center flex-wrap border-top-0 p-0">
<div class="d-flex flex-wrap align-items-center">
<ul class="list-unstyled users-list d-flex align-items-center avatar-group m-0 me-2">
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" title="Vinnie Mostowy" class="avatar pull-up">
<img class="rounded-circle" src="{{ asset('assets/img/avatars/5.png') }}" alt="Avatar" />
</li>
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" title="Allen Rieske" class="avatar pull-up">
<img class="rounded-circle" src="{{ asset('assets/img/avatars/12.png') }}" alt="Avatar" />
</li>
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" title="Julee Rossignol" class="avatar pull-up">
<img class="rounded-circle" src="{{ asset('assets/img/avatars/6.png') }}" alt="Avatar" />
</li>
<li class="avatar">
<span class="avatar-initial rounded-circle pull-up text-heading" data-bs-toggle="tooltip" data-bs-placement="bottom" title="3 more">+3</span>
</li>
</ul>
</div>
</li>
</ul>
</div>
</li>
</ul>
</div>
</div>
<!-- /Activity Timeline -->
<!-- Invoice table -->
<div class="card mb-4">
<div class="card-datatable table-responsive">
<table class="table datatable-invoice">
<thead>
<tr>
<th></th>
<th>#</th>
<th>Status</th>
<th>Total</th>
<th>Issued Date</th>
<th>Action</th>
</tr>
</thead>
</table>
</div>
</div>
<!-- /Invoice table -->
</div>
<!--/ User Content -->
</div>
<!-- Modal -->
@include('_partials/_modals/modal-edit-user')
@include('_partials/_modals/modal-upgrade-plan')
<!-- /Modal -->
@endsection

345
modules/Admin/Resources/views/user/app-user-view-billing.blade.php Normal file
View File

@ -0,0 +1,345 @@
@extends('admin::layouts.vuexy.layoutMaster')
@section('title', 'User View - Pages')
@section('vendor-style')
@vite([
'modules/Admin/Resources/assets/vendor/libs/sweetalert2/sweetalert2.scss',
'modules/Admin/Resources/assets/vendor/libs/select2/select2.scss',
'modules/Admin/Resources/assets/vendor/libs/@form-validation/form-validation.scss'
])
@endsection
@section('vendor-script')
@vite([
'modules/Admin/Resources/assets/vendor/libs/sweetalert2/sweetalert2.js',
'modules/Admin/Resources/assets/vendor/libs/cleavejs/cleave.js',
'modules/Admin/Resources/assets/vendor/libs/cleavejs/cleave-phone.js',
'modules/Admin/Resources/assets/vendor/libs/select2/select2.js',
'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-style')
@vite('modules/Admin/Resources/assets/vendor/scss/pages/page-user-view.scss')
@endsection
@section('page-script')
@vite([
'modules/Admin/Resources/js/modal-edit-user.js',
'modules/Admin/Resources/js/modal-edit-cc.js',
'modules/Admin/Resources/js/modal-add-new-cc.js',
'modules/Admin/Resources/js/modal-add-new-address.js',
'modules/Admin/Resources/js/app-user-view.js',
'modules/Admin/Resources/js/app-user-view-billing.js'
])
@endsection
@section('content')
<div class="row">
<!-- User Sidebar -->
<div class="col-xl-4 col-lg-5 order-1 order-md-0">
<!-- User Card -->
<div class="card mb-6">
<div class="card-body pt-12">
<div class="user-avatar-section">
<div class=" d-flex align-items-center flex-column">
<img class="img-fluid rounded mb-4" src="{{ asset('assets/img/avatars/1.png') }}" height="120" width="120" alt="User avatar" />
<div class="user-info text-center">
<h5>Violet Mendoza</h5>
<span class="badge bg-label-secondary">Author</span>
</div>
</div>
</div>
<div class="d-flex justify-content-around flex-wrap my-6 gap-0 gap-md-3 gap-lg-4">
<div class="d-flex align-items-center me-5 gap-4">
<div class="avatar">
<div class="avatar-initial bg-label-primary rounded">
<i class='ti ti-checkbox ti-lg'></i>
</div>
</div>
<div>
<h5 class="mb-0">1.23k</h5>
<span>Task Done</span>
</div>
</div>
<div class="d-flex align-items-center gap-4">
<div class="avatar">
<div class="avatar-initial bg-label-primary rounded">
<i class='ti ti-briefcase ti-lg'></i>
</div>
</div>
<div>
<h5 class="mb-0">568</h5>
<span>Project Done</span>
</div>
</div>
</div>
<h5 class="pb-4 border-bottom mb-4">Details</h5>
<div class="info-container">
<ul class="list-unstyled mb-6">
<li class="mb-2">
<span class="h6">Username:</span>
<span>@violet.dev</span>
</li>
<li class="mb-2">
<span class="h6">Email:</span>
<span>vafgot@vultukir.org</span>
</li>
<li class="mb-2">
<span class="h6">Status:</span>
<span>Active</span>
</li>
<li class="mb-2">
<span class="h6">Role:</span>
<span>Author</span>
</li>
<li class="mb-2">
<span class="h6">Tax id:</span>
<span>Tax-8965</span>
</li>
<li class="mb-2">
<span class="h6">Contact:</span>
<span>(123) 456-7890</span>
</li>
<li class="mb-2">
<span class="h6">Languages:</span>
<span>French</span>
</li>
<li class="mb-2">
<span class="h6">Country:</span>
<span>England</span>
</li>
</ul>
<div class="d-flex justify-content-center">
<a href="javascript:;" class="btn btn-primary me-4" data-bs-target="#editUser" data-bs-toggle="modal">Edit</a>
<a href="javascript:;" class="btn btn-label-danger suspend-user">Suspend</a>
</div>
</div>
</div>
</div>
<!-- /User Card -->
<!-- Plan Card -->
<div class="card mb-6 border border-2 border-primary rounded primary-shadow">
<div class="card-body">
<div class="d-flex justify-content-between align-items-start">
<span class="badge bg-label-primary">Standard</span>
<div class="d-flex justify-content-center">
<sub class="h5 pricing-currency mb-auto mt-1 text-primary">$</sub>
<h1 class="mb-0 text-primary">99</h1>
<sub class="h6 pricing-duration mt-auto mb-3 fw-normal">month</sub>
</div>
</div>
<ul class="list-unstyled g-2 my-6">
<li class="mb-2 d-flex align-items-center"><i class="ti ti-circle-filled ti-10px text-secondary me-2"></i><span>10 Users</span></li>
<li class="mb-2 d-flex align-items-center"><i class="ti ti-circle-filled ti-10px text-secondary me-2"></i><span>Up to 10 GB storage</span></li>
<li class="mb-2 d-flex align-items-center"><i class="ti ti-circle-filled ti-10px text-secondary me-2"></i><span>Basic Support</span></li>
</ul>
<div class="d-flex justify-content-between align-items-center mb-1">
<span class="h6 mb-0">Days</span>
<span class="h6 mb-0">26 of 30 Days</span>
</div>
<div class="progress mb-1 bg-label-primary" style="height: 6px;">
<div class="progress-bar" role="progressbar" style="width: 65%;" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<small>4 days remaining</small>
<div class="d-grid w-100 mt-6">
<button class="btn btn-primary" data-bs-target="#upgradePlanModal" data-bs-toggle="modal">Upgrade Plan</button>
</div>
</div>
</div>
<!-- /Plan Card -->
</div>
<!--/ User Sidebar -->
<!-- User Content -->
<div class="col-xl-8 col-lg-7 order-0 order-md-1">
<!-- User Pills -->
<div class="nav-align-top">
<ul class="nav nav-pills flex-column flex-md-row mb-6 row-gap-2">
<li class="nav-item"><a class="nav-link" href="{{url('app/user/view/account')}}"><i class="ti ti-user-check me-1_5 ti-sm"></i>Account</a></li>
<li class="nav-item"><a class="nav-link" href="{{url('app/user/view/security')}}"><i class="ti ti-lock me-1_5 ti-sm"></i>Security</a></li>
<li class="nav-item"><a class="nav-link active" href="javascript:void(0);"><i class="ti ti-bookmark me-1_5 ti-sm"></i>Billing & Plans</a></li>
<li class="nav-item"><a class="nav-link" href="{{url('app/user/view/notifications')}}"><i class="ti ti-bell me-1_5 ti-sm"></i>Notifications</a></li>
<li class="nav-item"><a class="nav-link" href="{{url('app/user/view/connections')}}"><i class="ti ti-link me-1_5 ti-sm"></i>Connections</a></li>
</ul>
</div>
<!--/ User Pills -->
<!-- Current Plan -->
<div class="card mb-6">
<h5 class="card-header">Current Plan</h5>
<div class="card-body">
<div class="row row-gap-4 row-gap-xl-0">
<div class="col-xl-6 order-1 order-xl-0">
<div class="mb-4">
<h6 class="mb-1">Your Current Plan is Basic</h6>
<p>A simple start for everyone</p>
</div>
<div class="mb-4">
<h6 class="mb-1">Active until Dec 09, 2021</h6>
<p>We will send you a notification upon Subscription expiration</p>
</div>
<div class="mb-xl-6">
<h6 class="mb-1"><span class="me-1">$199 Per Month</span> <span class="badge bg-label-primary rounded-pill">Popular</span></h6>
<p class="mb-0">Standard plan for small to medium businesses</p>
</div>
</div>
<div class="col-xl-6 order-0 order-xl-0">
<div class="alert alert-warning" role="alert">
<h5 class="alert-heading mb-2">We need your attention!</h5>
<span>Your plan requires update</span>
</div>
<div class="plan-statistics">
<div class="d-flex justify-content-between">
<h6 class="mb-1">Days</h6>
<h6 class="mb-1">26 of 30 Days</h6>
</div>
<div class="progress mb-1 bg-label-primary" style="height: 10px;">
<div class="progress-bar w-75" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<small>Your plan requires update</small>
</div>
</div>
<div class="col-12 order-2 order-xl-0 d-flex flex-wrap row-gap-4">
<button class="btn btn-primary me-3" data-bs-toggle="modal" data-bs-target="#upgradePlanModal">Upgrade Plan</button>
<button class="btn btn-label-danger cancel-subscription">Cancel Subscription</button>
</div>
</div>
</div>
</div>
<!-- /Current Plan -->
<!-- Payment Methods -->
<div class="card card-action mb-6">
<div class="card-header align-items-center">
<h5 class="card-action-title mb-0">Payment Methods</h5>
<div class="card-action-element">
<button class="btn btn-primary btn-sm" type="button" data-bs-toggle="modal" data-bs-target="#addNewCCModal"><i class="ti ti-plus ti-14px me-1_5"></i>Add Card</button>
</div>
</div>
<div class="card-body">
<div class="added-cards">
<div class="cardMaster border p-6 rounded mb-4">
<div class="d-flex justify-content-between flex-sm-row flex-column">
<div class="card-information">
<img class="mb-2 img-fluid" src="{{asset('assets/img/icons/payments/mastercard.png')}}" alt="Master Card">
<div class="d-flex align-items-center mb-2">
<h6 class="mb-0 me-2">Kaith Morrison</h6>
<span class="badge bg-label-primary me-1">Popular</span>
</div>
<span class="card-number">&#8727;&#8727;&#8727;&#8727; &#8727;&#8727;&#8727;&#8727; &#8727;&#8727;&#8727;&#8727; 9856</span>
</div>
<div class="d-flex flex-column text-start text-lg-end">
<div class="d-flex order-sm-0 order-1">
<button class="btn btn-sm btn-label-primary me-4" data-bs-toggle="modal" data-bs-target="#editCCModal">Edit</button>
<button class="btn btn-sm btn-label-danger">Delete</button>
</div>
<small class="mt-sm-4 mt-2 order-sm-1 order-0 text-sm-end mb-2">Card expires at 12/24</small>
</div>
</div>
</div>
<div class="cardMaster border p-6 rounded mb-4">
<div class="d-flex justify-content-between flex-sm-row flex-column">
<div class="card-information">
<img class="mb-2 img-fluid" src="{{asset('assets/img/icons/payments/visa.png') }}" alt="Master Card">
<h6 class="mb-2 me-2">Tom McBride</h6>
<span class="card-number">&#8727;&#8727;&#8727;&#8727; &#8727;&#8727;&#8727;&#8727; &#8727;&#8727;&#8727;&#8727; 6542</span>
</div>
<div class="d-flex flex-column text-start text-lg-end">
<div class="d-flex order-sm-0 order-1">
<button class="btn btn-sm btn-label-primary me-4" data-bs-toggle="modal" data-bs-target="#editCCModal">Edit</button>
<button class="btn btn-sm btn-label-danger">Delete</button>
</div>
<small class="mt-sm-4 mt-2 order-sm-1 order-0 text-sm-end mb-2">Card expires at 02/24</small>
</div>
</div>
</div>
<div class="cardMaster border p-6 rounded">
<div class="d-flex justify-content-between flex-sm-row flex-column">
<div class="card-information">
<img class="mb-2 img-fluid" src="{{asset('assets/img/icons/payments/american-express-logo.png') }}" alt="Visa Card">
<div class="d-flex align-items-center mb-2">
<h6 class="mb-0 me-2">Mildred Wagner</h6>
<span class="badge bg-label-danger me-1">Expired</span>
</div>
<span class="card-number">&#8727;&#8727;&#8727;&#8727; &#8727;&#8727;&#8727;&#8727; &#8727;&#8727;&#8727;&#8727; 5896</span>
</div>
<div class="d-flex flex-column text-start text-lg-end">
<div class="d-flex order-sm-0 order-1">
<button class="btn btn-sm btn-label-primary me-4" data-bs-toggle="modal" data-bs-target="#editCCModal">Edit</button>
<button class="btn btn-sm btn-label-danger">Delete</button>
</div>
<small class="mt-sm-4 mt-2 order-sm-1 order-0 text-sm-end mb-2">Card expires at 08/20</small>
</div>
</div>
</div>
</div>
</div>
</div>
<!--/ Payment Methods -->
<!-- Billing Address -->
<div class="card card-action mb-4">
<div class="card-header align-items-center flex-wrap gap-2">
<h5 class="card-action-title mb-0">Billing Address</h5>
<div class="card-action-element">
<button class="btn btn-sm btn-primary edit-address" type="button" data-bs-toggle="modal" data-bs-target="#addNewAddress"><i class='ti ti-plus ti-14px me-1_5'></i>Edit address</button>
</div>
</div>
<div class="card-body">
<div class="row">
<div class="col-xl-7 col-12">
<dl class="row mb-0 gx-2">
<dt class="col-sm-4 mb-sm-2 text-nowrap fw-medium text-heading">Company Name:</dt>
<dd class="col-sm-8">Kelly Group</dd>
<dt class="col-sm-4 mb-sm-2 text-nowrap fw-medium text-heading">Billing Email:</dt>
<dd class="col-sm-8">user@ex.com</dd>
<dt class="col-sm-4 mb-sm-2 text-nowrap fw-medium text-heading">Tax ID:</dt>
<dd class="col-sm-8">TAX-357378</dd>
<dt class="col-sm-4 mb-sm-2 text-nowrap fw-medium text-heading">VAT Number:</dt>
<dd class="col-sm-8">SDF754K77</dd>
<dt class="col-sm-4 mb-sm-2 text-nowrap fw-medium text-heading mb-0">Billing Address:</dt>
<dd class="col-sm-8 mb-0">100 Water Plant <br>Avenue, Building 1303<br> Wake Island</dd>
</dl>
</div>
<div class="col-xl-5 col-12">
<dl class="row mb-0 gx-2">
<dt class="col-sm-4 mb-sm-2 text-nowrap fw-medium text-heading">Contact:</dt>
<dd class="col-sm-8">+1 (605) 977-32-65</dd>
<dt class="col-sm-4 mb-sm-2 text-nowrap fw-medium text-heading">Country:</dt>
<dd class="col-sm-8">Wake Island</dd>
<dt class="col-sm-4 mb-sm-2 text-nowrap fw-medium text-heading">State:</dt>
<dd class="col-sm-8">Capholim</dd>
<dt class="col-sm-4 mb-sm-2 text-nowrap fw-medium text-heading">Zipcode:</dt>
<dd class="col-sm-8">403114</dd>
</dl>
</div>
</div>
</div>
</div>
<!--/ Billing Address -->
</div>
<!--/ User Content -->
</div>
<!-- Modal -->
@include('_partials/_modals/modal-edit-user')
@include('_partials/_modals/modal-edit-cc')
@include('_partials/_modals/modal-add-new-address')
@include('_partials/_modals/modal-add-new-cc')
@include('_partials/_modals/modal-upgrade-plan')
<!-- /Modal -->
@endsection

345
modules/Admin/Resources/views/user/app-user-view-connections.blade.php Normal file
View File

@ -0,0 +1,345 @@
@extends('admin::layouts.vuexy.layoutMaster')
@section('title', 'User View - Pages')
@section('vendor-style')
@vite([
'modules/Admin/Resources/assets/vendor/libs/sweetalert2/sweetalert2.scss',
'modules/Admin/Resources/assets/vendor/libs/select2/select2.scss',
'modules/Admin/Resources/assets/vendor/libs/@form-validation/form-validation.scss'
])
@endsection
@section('page-style')
@vite('modules/Admin/Resources/assets/vendor/scss/pages/page-user-view.scss')
@endsection
@section('vendor-script')
@vite([
'modules/Admin/Resources/assets/vendor/libs/sweetalert2/sweetalert2.js',
'modules/Admin/Resources/assets/vendor/libs/cleavejs/cleave.js',
'modules/Admin/Resources/assets/vendor/libs/cleavejs/cleave-phone.js',
'modules/Admin/Resources/assets/vendor/libs/select2/select2.js',
'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/modal-edit-user.js',
'modules/Admin/Resources/js/app-user-view.js'
])
@endsection
@section('content')
<div class="row">
<!-- User Sidebar -->
<div class="col-xl-4 col-lg-5 order-1 order-md-0">
<!-- User Card -->
<div class="card mb-6">
<div class="card-body pt-12">
<div class="user-avatar-section">
<div class=" d-flex align-items-center flex-column">
<img class="img-fluid rounded mb-4" src="{{ asset('assets/img/avatars/1.png') }}" height="120" width="120" alt="User avatar" />
<div class="user-info text-center">
<h5>Violet Mendoza</h5>
<span class="badge bg-label-secondary">Author</span>
</div>
</div>
</div>
<div class="d-flex justify-content-around flex-wrap my-6 gap-0 gap-md-3 gap-lg-4">
<div class="d-flex align-items-center me-5 gap-4">
<div class="avatar">
<div class="avatar-initial bg-label-primary rounded">
<i class='ti ti-checkbox ti-lg'></i>
</div>
</div>
<div>
<h5 class="mb-0">1.23k</h5>
<span>Task Done</span>
</div>
</div>
<div class="d-flex align-items-center gap-4">
<div class="avatar">
<div class="avatar-initial bg-label-primary rounded">
<i class='ti ti-briefcase ti-lg'></i>
</div>
</div>
<div>
<h5 class="mb-0">568</h5>
<span>Project Done</span>
</div>
</div>
</div>
<h5 class="pb-4 border-bottom mb-4">Details</h5>
<div class="info-container">
<ul class="list-unstyled mb-6">
<li class="mb-2">
<span class="h6">Username:</span>
<span>@violet.dev</span>
</li>
<li class="mb-2">
<span class="h6">Email:</span>
<span>vafgot@vultukir.org</span>
</li>
<li class="mb-2">
<span class="h6">Status:</span>
<span>Active</span>
</li>
<li class="mb-2">
<span class="h6">Role:</span>
<span>Author</span>
</li>
<li class="mb-2">
<span class="h6">Tax id:</span>
<span>Tax-8965</span>
</li>
<li class="mb-2">
<span class="h6">Contact:</span>
<span>(123) 456-7890</span>
</li>
<li class="mb-2">
<span class="h6">Languages:</span>
<span>French</span>
</li>
<li class="mb-2">
<span class="h6">Country:</span>
<span>England</span>
</li>
</ul>
<div class="d-flex justify-content-center">
<a href="javascript:;" class="btn btn-primary me-4" data-bs-target="#editUser" data-bs-toggle="modal">Edit</a>
<a href="javascript:;" class="btn btn-label-danger suspend-user">Suspend</a>
</div>
</div>
</div>
</div>
<!-- /User Card -->
<!-- Plan Card -->
<div class="card mb-6 border border-2 border-primary rounded primary-shadow">
<div class="card-body">
<div class="d-flex justify-content-between align-items-start">
<span class="badge bg-label-primary">Standard</span>
<div class="d-flex justify-content-center">
<sub class="h5 pricing-currency mb-auto mt-1 text-primary">$</sub>
<h1 class="mb-0 text-primary">99</h1>
<sub class="h6 pricing-duration mt-auto mb-3 fw-normal">month</sub>
</div>
</div>
<ul class="list-unstyled g-2 my-6">
<li class="mb-2 d-flex align-items-center"><i class="ti ti-circle-filled ti-10px text-secondary me-2"></i><span>10 Users</span></li>
<li class="mb-2 d-flex align-items-center"><i class="ti ti-circle-filled ti-10px text-secondary me-2"></i><span>Up to 10 GB storage</span></li>
<li class="mb-2 d-flex align-items-center"><i class="ti ti-circle-filled ti-10px text-secondary me-2"></i><span>Basic Support</span></li>
</ul>
<div class="d-flex justify-content-between align-items-center mb-1">
<span class="h6 mb-0">Days</span>
<span class="h6 mb-0">26 of 30 Days</span>
</div>
<div class="progress mb-1 bg-label-primary" style="height: 6px;">
<div class="progress-bar" role="progressbar" style="width: 65%;" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<small>4 days remaining</small>
<div class="d-grid w-100 mt-6">
<button class="btn btn-primary" data-bs-target="#upgradePlanModal" data-bs-toggle="modal">Upgrade Plan</button>
</div>
</div>
</div>
<!-- /Plan Card -->
</div>
<!--/ User Sidebar -->
<!-- User Content -->
<div class="col-xl-8 col-lg-7 order-0 order-md-1">
<!-- User Pills -->
<div class="nav-align-top">
<ul class="nav nav-pills flex-column flex-md-row mb-6 row-gap-2">
<li class="nav-item"><a class="nav-link" href="{{url('app/user/view/account')}}"><i class="ti ti-user-check ti-sm me-1_5"></i>Account</a></li>
<li class="nav-item"><a class="nav-link" href="{{url('app/user/view/security')}}"><i class="ti ti-lock ti-sm me-1_5"></i>Security</a></li>
<li class="nav-item"><a class="nav-link" href="{{url('app/user/view/billing')}}"><i class="ti ti-bookmark ti-sm me-1_5"></i>Billing & Plans</a></li>
<li class="nav-item"><a class="nav-link" href="{{url('app/user/view/notifications')}}"><i class="ti ti-bell ti-sm me-1_5"></i>Notifications</a></li>
<li class="nav-item"><a class="nav-link active" href="javascript:void(0);"><i class="ti ti-link ti-sm me-1_5"></i>Connections</a></li>
</ul>
</div>
<!--/ User Pills -->
<!-- Connected Accounts -->
<div class="card mb-6">
<div class="card-header">
<h5 class="mb-0">Connected Accounts</h5>
<p class="my-0 card-subtitle">Display content from your connected accounts on your site</p>
</div>
<div class="card-body pt-0">
<div class="d-flex mb-4">
<div class="flex-shrink-0">
<img src="{{ asset('assets/img/icons/brands/google.png')}}" alt="google" class="me-4" height="36">
</div>
<div class="flex-grow-1 d-flex align-items-center justify-content-between">
<div class="mb-sm-0 mb-2">
<h6 class="mb-50">Google</h6>
<span class="small">Calendar and contacts</span>
</div>
<div>
<div class="form-check form-switch mb-0">
<input type="checkbox" class="form-check-input" checked />
</div>
</div>
</div>
</div>
<div class="d-flex mb-4 align-items-center">
<div class="flex-shrink-0">
<img src="{{ asset('assets/img/icons/brands/slack.png')}}" alt="slack" class="me-4" height="36">
</div>
<div class="flex-grow-1 d-flex align-items-center justify-content-between">
<div class="mb-sm-0 mb-2">
<h6 class="mb-50">Slack</h6>
<span class="small">Communication</span>
</div>
<div>
<div class="form-check form-switch mb-0">
<input type="checkbox" class="form-check-input" />
</div>
</div>
</div>
</div>
<div class="d-flex mb-4 align-items-center">
<div class="flex-shrink-0">
<img src="{{ asset('assets/img/icons/brands/github.png')}}" alt="github" class="me-4" height="36">
</div>
<div class="flex-grow-1 d-flex align-items-center justify-content-between">
<div class="mb-sm-0 mb-2">
<h6 class="mb-50">Github</h6>
<span class="small">Manage your Git repositories</span>
</div>
<div>
<div class="form-check form-switch mb-0">
<input type="checkbox" class="form-check-input" checked />
</div>
</div>
</div>
</div>
<div class="d-flex mb-4 align-items-center">
<div class="flex-shrink-0">
<img src="{{ asset('assets/img/icons/brands/mailchimp.png')}}" alt="mailchimp" class="me-4" height="36">
</div>
<div class="flex-grow-1 d-flex align-items-center justify-content-between">
<div class="mb-sm-0 mb-2">
<h6 class="mb-50">Mailchimp</h6>
<span class="small">Email marketing service</span>
</div>
<div>
<div class="form-check form-switch mb-0">
<input type="checkbox" class="form-check-input" checked />
</div>
</div>
</div>
</div>
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="{{ asset('assets/img/icons/brands/asana.png')}}" alt="asana" class="me-4" height="36">
</div>
<div class="flex-grow-1 d-flex align-items-center justify-content-between">
<div class="mb-sm-0 mb-2">
<h6 class="mb-50">Asana</h6>
<span class="small">Communication</span>
</div>
<div>
<div class="form-check form-switch mb-0">
<input type="checkbox" class="form-check-input" />
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /Connected Accounts -->
<!-- Social Accounts -->
<div class="card mb-6">
<div class="card-header">
<h5 class="mb-0">Social Accounts</h5>
<p class="my-0 card-subtitle">Display content from social accounts on your site</p>
</div>
<div class="card-body pt-0">
<div class="d-flex mb-4 align-items-center">
<div class="flex-shrink-0">
<img src="{{ asset('assets/img/icons/brands/facebook.png')}}" alt="facebook" class="me-4" height="36">
</div>
<div class="flex-grow-1 row align-items-center me-n1">
<div class="col-7 mb-sm-0 mb-2">
<h6 class="mb-50">Facebook</h6>
<span class="small">Not Connected</span>
</div>
<div class="col-5 text-end">
<button class="btn btn-label-secondary btn-icon"><i class="ti ti-link ti-md"></i></button>
</div>
</div>
</div>
<div class="d-flex mb-4 align-items-center">
<div class="flex-shrink-0">
<img src="{{ asset('assets/img/icons/brands/twitter.png')}}" alt="twitter" class="me-4" height="36">
</div>
<div class="flex-grow-1 row align-items-center me-n1">
<div class="col-7 mb-sm-0 mb-2">
<h6 class="mb-1">Twitter</h6>
<a href="{{config('_var.twitterUrl')}}" class="small" target="_blank">{{ (!empty(config('_var.creatorName')) ? config('_var.creatorName') : '') }}</a>
</div>
<div class="col-5 text-end">
<button class="btn btn-label-danger btn-icon"><i class="ti ti-trash ti-md"></i></button>
</div>
</div>
</div>
<div class="d-flex mb-4 align-items-center">
<div class="flex-shrink-0">
<img src="{{ asset('assets/img/icons/brands/linkedin.png')}}" alt="linkedin" class="me-4" height="36">
</div>
<div class="flex-grow-1 row align-items-center me-n1">
<div class="col-7 mb-sm-0 mb-2">
<h6 class="mb-1">linkedin</h6>
<a href="{{config('_var.linkedinUrl')}}" class="small" target="_blank">{{ (!empty(config('_var.creatorName')) ? config('_var.creatorName') : '') }}</a>
</div>
<div class="col-5 text-end">
<button class="btn btn-label-danger btn-icon"><i class="ti ti-trash ti-md"></i></button>
</div>
</div>
</div>
<div class="d-flex mb-4 align-items-center">
<div class="flex-shrink-0">
<img src="{{ asset('assets/img/icons/brands/dribbble.png')}}" alt="dribbble" class="me-4" height="36">
</div>
<div class="flex-grow-1 row align-items-center me-n1">
<div class="col-7 mb-sm-0 mb-2">
<h6 class="mb-50">Dribbble</h6>
<span class="small">Not Connected</span>
</div>
<div class="col-5 text-end">
<button class="btn btn-label-secondary btn-icon"><i class="ti ti-link ti-md"></i></button>
</div>
</div>
</div>
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="{{ asset('assets/img/icons/brands/behance.png')}}" alt="behance" class="me-4" height="36">
</div>
<div class="flex-grow-1 row align-items-center me-n1">
<div class="col-7 mb-sm-0 mb-2">
<h6 class="mb-50">Behance</h6>
<span class="small">Not Connected</span>
</div>
<div class="col-5 text-end">
<button class="btn btn-label-secondary btn-icon"><i class="ti ti-link ti-md"></i></button>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /Social Accounts -->
</div>
<!-- Modals -->
@include('_partials/_modals/modal-edit-user')
@include('_partials/_modals/modal-upgrade-plan')
<!-- /Modals -->
@endsection

277
modules/Admin/Resources/views/user/app-user-view-notifications.blade.php Normal file
View File

@ -0,0 +1,277 @@
@extends('admin::layouts.vuexy.layoutMaster')
@section('title', 'User View - Pages')
@section('vendor-style')
@vite([
'modules/Admin/Resources/assets/vendor/libs/sweetalert2/sweetalert2.scss',
'modules/Admin/Resources/assets/vendor/libs/select2/select2.scss',
'modules/Admin/Resources/assets/vendor/libs/@form-validation/form-validation.scss'
])
@endsection
@section('page-style')
@vite('modules/Admin/Resources/assets/vendor/scss/pages/page-user-view.scss')
@endsection
@section('vendor-script')
@vite([
'modules/Admin/Resources/assets/vendor/libs/sweetalert2/sweetalert2.js',
'modules/Admin/Resources/assets/vendor/libs/cleavejs/cleave.js',
'modules/Admin/Resources/assets/vendor/libs/cleavejs/cleave-phone.js',
'modules/Admin/Resources/assets/vendor/libs/select2/select2.js',
'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/modal-edit-user.js',
'modules/Admin/Resources/js/app-user-view.js'
])
@endsection
@section('content')
<div class="row">
<!-- User Sidebar -->
<div class="col-xl-4 col-lg-5 order-1 order-md-0">
<!-- User Card -->
<div class="card mb-6">
<div class="card-body pt-12">
<div class="user-avatar-section">
<div class=" d-flex align-items-center flex-column">
<img class="img-fluid rounded mb-4" src="{{ asset('assets/img/avatars/1.png')}}" height="120" width="120" alt="User avatar" />
<div class="user-info text-center">
<h5>Violet Mendoza</h5>
<span class="badge bg-label-secondary">Author</span>
</div>
</div>
</div>
<div class="d-flex justify-content-around flex-wrap my-6 gap-0 gap-md-3 gap-lg-4">
<div class="d-flex align-items-center me-5 gap-4">
<div class="avatar">
<div class="avatar-initial bg-label-primary rounded">
<i class='ti ti-checkbox ti-lg'></i>
</div>
</div>
<div>
<h5 class="mb-0">1.23k</h5>
<span>Task Done</span>
</div>
</div>
<div class="d-flex align-items-center gap-4">
<div class="avatar">
<div class="avatar-initial bg-label-primary rounded">
<i class='ti ti-briefcase ti-lg'></i>
</div>
</div>
<div>
<h5 class="mb-0">568</h5>
<span>Project Done</span>
</div>
</div>
</div>
<h5 class="pb-4 border-bottom mb-4">Details</h5>
<div class="info-container">
<ul class="list-unstyled mb-6">
<li class="mb-2">
<span class="h6">Username:</span>
<span>@violet.dev</span>
</li>
<li class="mb-2">
<span class="h6">Email:</span>
<span>vafgot@vultukir.org</span>
</li>
<li class="mb-2">
<span class="h6">Status:</span>
<span>Active</span>
</li>
<li class="mb-2">
<span class="h6">Role:</span>
<span>Author</span>
</li>
<li class="mb-2">
<span class="h6">Tax id:</span>
<span>Tax-8965</span>
</li>
<li class="mb-2">
<span class="h6">Contact:</span>
<span>(123) 456-7890</span>
</li>
<li class="mb-2">
<span class="h6">Languages:</span>
<span>French</span>
</li>
<li class="mb-2">
<span class="h6">Country:</span>
<span>England</span>
</li>
</ul>
<div class="d-flex justify-content-center">
<a href="javascript:;" class="btn btn-primary me-4" data-bs-target="#editUser" data-bs-toggle="modal">Edit</a>
<a href="javascript:;" class="btn btn-label-danger suspend-user">Suspend</a>
</div>
</div>
</div>
</div>
<!-- /User Card -->
<!-- Plan Card -->
<div class="card mb-6 border border-2 border-primary rounded primary-shadow">
<div class="card-body">
<div class="d-flex justify-content-between align-items-start">
<span class="badge bg-label-primary">Standard</span>
<div class="d-flex justify-content-center">
<sub class="h5 pricing-currency mb-auto mt-1 text-primary">$</sub>
<h1 class="mb-0 text-primary">99</h1>
<sub class="h6 pricing-duration mt-auto mb-3 fw-normal">month</sub>
</div>
</div>
<ul class="list-unstyled g-2 my-6">
<li class="mb-2 d-flex align-items-center"><i class="ti ti-circle-filled ti-10px text-secondary me-2"></i><span>10 Users</span></li>
<li class="mb-2 d-flex align-items-center"><i class="ti ti-circle-filled ti-10px text-secondary me-2"></i><span>Up to 10 GB storage</span></li>
<li class="mb-2 d-flex align-items-center"><i class="ti ti-circle-filled ti-10px text-secondary me-2"></i><span>Basic Support</span></li>
</ul>
<div class="d-flex justify-content-between align-items-center mb-1">
<span class="h6 mb-0">Days</span>
<span class="h6 mb-0">26 of 30 Days</span>
</div>
<div class="progress mb-1 bg-label-primary" style="height: 6px;">
<div class="progress-bar" role="progressbar" style="width: 65%;" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<small>4 days remaining</small>
<div class="d-grid w-100 mt-6">
<button class="btn btn-primary" data-bs-target="#upgradePlanModal" data-bs-toggle="modal">Upgrade Plan</button>
</div>
</div>
</div>
<!-- /Plan Card -->
</div>
<!--/ User Sidebar -->
<!-- User Content -->
<div class="col-xl-8 col-lg-7 order-0 order-md-1">
<!-- User Pills -->
<div class="nav-align-top">
<ul class="nav nav-pills flex-column flex-md-row mb-6 row-gap-2">
<li class="nav-item"><a class="nav-link" href="{{url('app/user/view/account')}}"><i class="ti ti-user-check me-1_5 ti-sm"></i>Account</a></li>
<li class="nav-item"><a class="nav-link" href="{{url('app/user/view/security')}}"><i class="ti ti-lock me-1_5 ti-sm"></i>Security</a></li>
<li class="nav-item"><a class="nav-link" href="{{url('app/user/view/billing')}}"><i class="ti ti-bookmark me-1_5 ti-sm"></i>Billing & Plans</a></li>
<li class="nav-item"><a class="nav-link active" href="javascript:void(0);"><i class="ti ti-bell me-1_5 ti-sm"></i>Notifications</a></li>
<li class="nav-item"><a class="nav-link" href="{{url('app/user/view/connections')}}"><i class="ti ti-link me-1_5 ti-sm"></i>Connections</a></li>
</ul>
</div>
<!--/ User Pills -->
<!-- Project table -->
<div class="card mb-6">
<!-- Notifications -->
<div class="card-header">
<h5 class="mb-0">Notifications</h5>
<span class="card-subtitle fw-medium">Change to notification settings, the user will get the update</span>
</div>
<div class="table-responsive">
<table class="table">
<thead class="border-top">
<tr>
<th class="text-nowrap">Type</th>
<th class="text-nowrap text-center">Email</th>
<th class="text-nowrap text-center">Browser</th>
<th class="text-nowrap text-center">App</th>
</tr>
</thead>
<tbody>
<tr>
<td class="text-nowrap text-heading">New for you</td>
<td>
<div class="form-check d-flex justify-content-center">
<input class="form-check-input" type="checkbox" id="defaultCheck1" checked />
</div>
</td>
<td>
<div class="form-check d-flex justify-content-center">
<input class="form-check-input" type="checkbox" id="defaultCheck2" checked />
</div>
</td>
<td>
<div class="form-check d-flex justify-content-center">
<input class="form-check-input" type="checkbox" id="defaultCheck3" checked />
</div>
</td>
</tr>
<tr>
<td class="text-nowrap text-heading">Account activity</td>
<td>
<div class="form-check d-flex justify-content-center">
<input class="form-check-input" type="checkbox" id="defaultCheck4" checked />
</div>
</td>
<td>
<div class="form-check d-flex justify-content-center">
<input class="form-check-input" type="checkbox" id="defaultCheck5" checked />
</div>
</td>
<td>
<div class="form-check d-flex justify-content-center">
<input class="form-check-input" type="checkbox" id="defaultCheck6" checked />
</div>
</td>
</tr>
<tr>
<td class="text-nowrap text-heading">A new browser used to sign in</td>
<td>
<div class="form-check d-flex justify-content-center">
<input class="form-check-input" type="checkbox" id="defaultCheck7" checked />
</div>
</td>
<td>
<div class="form-check d-flex justify-content-center">
<input class="form-check-input" type="checkbox" id="defaultCheck8" checked />
</div>
</td>
<td>
<div class="form-check d-flex justify-content-center">
<input class="form-check-input" type="checkbox" id="defaultCheck9" />
</div>
</td>
</tr>
<tr>
<td class="text-nowrap text-heading">A new device is linked</td>
<td>
<div class="form-check d-flex justify-content-center">
<input class="form-check-input" type="checkbox" id="defaultCheck10" checked />
</div>
</td>
<td>
<div class="form-check d-flex justify-content-center">
<input class="form-check-input" type="checkbox" id="defaultCheck11" />
</div>
</td>
<td>
<div class="form-check d-flex justify-content-center">
<input class="form-check-input" type="checkbox" id="defaultCheck12" />
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="card-body">
<button type="submit" class="btn btn-primary me-3">Save changes</button>
<button type="reset" class="btn btn-label-secondary">Discard</button>
</div>
<!-- /Notifications -->
</div>
<!-- /Project table -->
</div>
<!--/ User Content -->
</div>
<!-- Modals -->
@include('_partials/_modals/modal-edit-user')
@include('_partials/_modals/modal-upgrade-plan')
<!-- /Modals -->
@endsection

280
modules/Admin/Resources/views/user/app-user-view-security.blade.php Normal file
View File

@ -0,0 +1,280 @@
@extends('admin::layouts.vuexy.layoutMaster')
@section('title', 'User View - Pages')
@section('vendor-style')
@vite([
'modules/Admin/Resources/assets/vendor/libs/sweetalert2/sweetalert2.scss',
'modules/Admin/Resources/assets/vendor/libs/select2/select2.scss',
'modules/Admin/Resources/assets/vendor/libs/@form-validation/form-validation.scss'
])
@endsection
@section('page-style')
@vite('modules/Admin/Resources/assets/vendor/scss/pages/page-user-view.scss')
@endsection
@section('vendor-script')
@vite([
'modules/Admin/Resources/assets/vendor/libs/sweetalert2/sweetalert2.js',
'modules/Admin/Resources/assets/vendor/libs/cleavejs/cleave.js',
'modules/Admin/Resources/assets/vendor/libs/cleavejs/cleave-phone.js',
'modules/Admin/Resources/assets/vendor/libs/select2/select2.js',
'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/modal-edit-user.js',
'modules/Admin/Resources/js/modal-enable-otp.js',
'modules/Admin/Resources/js/app-user-view.js',
'modules/Admin/Resources/js/app-user-view-security.js'
])
@endsection
@section('content')
<div class="row">
<!-- User Sidebar -->
<div class="col-xl-4 col-lg-5 order-1 order-md-0">
<!-- User Card -->
<div class="card mb-6">
<div class="card-body pt-12">
<div class="user-avatar-section">
<div class=" d-flex align-items-center flex-column">
<img class="img-fluid rounded mb-4" src="{{ asset('assets/img/avatars/1.png') }}" height="120" width="120" alt="User avatar" />
<div class="user-info text-center">
<h5>Violet Mendoza</h5>
<span class="badge bg-label-secondary">Author</span>
</div>
</div>
</div>
<div class="d-flex justify-content-around flex-wrap my-6 gap-0 gap-md-3 gap-lg-4">
<div class="d-flex align-items-center me-5 gap-4">
<div class="avatar">
<div class="avatar-initial bg-label-primary rounded">
<i class='ti ti-checkbox ti-lg'></i>
</div>
</div>
<div>
<h5 class="mb-0">1.23k</h5>
<span>Task Done</span>
</div>
</div>
<div class="d-flex align-items-center gap-4">
<div class="avatar">
<div class="avatar-initial bg-label-primary rounded">
<i class='ti ti-briefcase ti-lg'></i>
</div>
</div>
<div>
<h5 class="mb-0">568</h5>
<span>Project Done</span>
</div>
</div>
</div>
<h5 class="pb-4 border-bottom mb-4">Details</h5>
<div class="info-container">
<ul class="list-unstyled mb-6">
<li class="mb-2">
<span class="h6">Username:</span>
<span>@violet.dev</span>
</li>
<li class="mb-2">
<span class="h6">Email:</span>
<span>vafgot@vultukir.org</span>
</li>
<li class="mb-2">
<span class="h6">Status:</span>
<span>Active</span>
</li>
<li class="mb-2">
<span class="h6">Role:</span>
<span>Author</span>
</li>
<li class="mb-2">
<span class="h6">Tax id:</span>
<span>Tax-8965</span>
</li>
<li class="mb-2">
<span class="h6">Contact:</span>
<span>(123) 456-7890</span>
</li>
<li class="mb-2">
<span class="h6">Languages:</span>
<span>French</span>
</li>
<li class="mb-2">
<span class="h6">Country:</span>
<span>England</span>
</li>
</ul>
<div class="d-flex justify-content-center">
<a href="javascript:;" class="btn btn-primary me-4" data-bs-target="#editUser" data-bs-toggle="modal">Edit</a>
<a href="javascript:;" class="btn btn-label-danger suspend-user">Suspend</a>
</div>
</div>
</div>
</div>
<!-- /User Card -->
<!-- Plan Card -->
<div class="card mb-6 border border-2 border-primary rounded primary-shadow">
<div class="card-body">
<div class="d-flex justify-content-between align-items-start">
<span class="badge bg-label-primary">Standard</span>
<div class="d-flex justify-content-center">
<sub class="h5 pricing-currency mb-auto mt-1 text-primary">$</sub>
<h1 class="mb-0 text-primary">99</h1>
<sub class="h6 pricing-duration mt-auto mb-3 fw-normal">month</sub>
</div>
</div>
<ul class="list-unstyled g-2 my-6">
<li class="mb-2 d-flex align-items-center"><i class="ti ti-circle-filled ti-10px text-secondary me-2"></i><span>10 Users</span></li>
<li class="mb-2 d-flex align-items-center"><i class="ti ti-circle-filled ti-10px text-secondary me-2"></i><span>Up to 10 GB storage</span></li>
<li class="mb-2 d-flex align-items-center"><i class="ti ti-circle-filled ti-10px text-secondary me-2"></i><span>Basic Support</span></li>
</ul>
<div class="d-flex justify-content-between align-items-center mb-1">
<span class="h6 mb-0">Days</span>
<span class="h6 mb-0">26 of 30 Days</span>
</div>
<div class="progress mb-1 bg-label-primary" style="height: 6px;">
<div class="progress-bar" role="progressbar" style="width: 65%;" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<small>4 days remaining</small>
<div class="d-grid w-100 mt-6">
<button class="btn btn-primary" data-bs-target="#upgradePlanModal" data-bs-toggle="modal">Upgrade Plan</button>
</div>
</div>
</div>
<!-- /Plan Card -->
</div>
<!--/ User Sidebar -->
<!-- User Content -->
<div class="col-xl-8 col-lg-7 order-0 order-md-1">
<!-- User Pills -->
<div class="nav-align-top">
<ul class="nav nav-pills flex-column flex-md-row mb-6 row-gap-2">
<li class="nav-item"><a class="nav-link" href="{{url('app/user/view/account')}}"><i class="ti ti-user-check me-1_5 ti-sm"></i>Account</a></li>
<li class="nav-item"><a class="nav-link active" href="javascript:void(0);"><i class="ti ti-lock me-1_5 ti-sm"></i>Security</a></li>
<li class="nav-item"><a class="nav-link" href="{{url('app/user/view/billing')}}"><i class="ti ti-bookmark me-1_5 ti-sm"></i>Billing & Plans</a></li>
<li class="nav-item"><a class="nav-link" href="{{url('app/user/view/notifications')}}"><i class="ti ti-bell me-1_5 ti-sm"></i>Notifications</a></li>
<li class="nav-item"><a class="nav-link" href="{{url('app/user/view/connections')}}"><i class="ti ti-link me-1_5 ti-sm"></i>Connections</a></li>
</ul>
</div>
<!--/ User Pills -->
<!-- Change Password -->
<div class="card mb-6">
<h5 class="card-header">Change Password</h5>
<div class="card-body">
<form id="formChangePassword" method="POST" onsubmit="return false">
<div class="alert alert-warning alert-dismissible" role="alert">
<h5 class="alert-heading mb-1">Ensure that these requirements are met</h5>
<span>Minimum 8 characters long, uppercase & symbol</span>
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
<div class="row gx-6">
<div class="mb-4 col-12 col-sm-6 form-password-toggle">
<label class="form-label" for="newPassword">New Password</label>
<div class="input-group input-group-merge">
<input class="form-control" type="password" id="newPassword" name="newPassword" placeholder="&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;" />
<span class="input-group-text cursor-pointer"><i class="ti ti-eye-off"></i></span>
</div>
</div>
<div class="mb-4 col-12 col-sm-6 form-password-toggle">
<label class="form-label" for="confirmPassword">Confirm New Password</label>
<div class="input-group input-group-merge">
<input class="form-control" type="password" name="confirmPassword" id="confirmPassword" placeholder="&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;" />
<span class="input-group-text cursor-pointer"><i class="ti ti-eye-off"></i></span>
</div>
</div>
<div>
<button type="submit" class="btn btn-primary me-2">Change Password</button>
</div>
</div>
</form>
</div>
</div>
<!--/ Change Password -->
<!-- Two-steps verification -->
<div class="card mb-6">
<div class="card-header">
<h5 class="mb-0">Two-steps verification</h5>
<span class="card-subtitle mt-0">Keep your account secure with authentication step.</span>
</div>
<div class="card-body pt-0">
<h6 class="mb-1">SMS</h6>
<div class="mb-4">
<div class="d-flex w-100 action-icons">
<input id="defaultInput" class="form-control me-4" type="text" placeholder="+1(968) 945-8832">
<a href="javascript:;" class="btn btn-icon btn-text-secondary" data-bs-target="#enableOTP" data-bs-toggle="modal"><i class="ti ti-edit ti-md"></i></a>
<a href="javascript:;" class="btn btn-icon btn-text-secondary"><i class="ti ti-trash ti-md"></i></a>
</div>
</div>
<p class="mb-0">Two-factor authentication adds an additional layer of security to your account by requiring more than just a password to log in.
<a href="javascript:void(0);" class="text-primary">Learn more.</a>
</p>
</div>
</div>
<!--/ Two-steps verification -->
<!-- Recent Devices -->
<div class="card mb-6">
<h5 class="card-header">Recent Devices</h5>
<div class="table-responsive table-border-bottom-0">
<table class="table">
<thead>
<tr>
<th class="text-truncate">Browser</th>
<th class="text-truncate">Device</th>
<th class="text-truncate">Location</th>
<th class="text-truncate">Recent Activities</th>
</tr>
</thead>
<tbody>
<tr>
<td class="text-truncate"><i class='ti ti-brand-windows ti-md text-info me-4'></i> <span class="text-heading">Chrome on Windows</span></td>
<td class="text-truncate">HP Spectre 360</td>
<td class="text-truncate">Switzerland</td>
<td class="text-truncate">10, July 2021 20:07</td>
</tr>
<tr>
<td class="text-truncate"><i class='ti ti-device-mobile ti-md text-danger me-4'></i> <span class="text-heading">Chrome on iPhone</span></td>
<td class="text-truncate">iPhone 12x</td>
<td class="text-truncate">Australia</td>
<td class="text-truncate">13, July 2021 10:10</td>
</tr>
<tr>
<td class="text-truncate"><i class='ti ti-brand-android ti-md text-success me-4'></i> <span class="text-heading">Chrome on Android</span></td>
<td class="text-truncate">Oneplus 9 Pro</td>
<td class="text-truncate">Dubai</td>
<td class="text-truncate">14, July 2021 15:15</td>
</tr>
<tr>
<td class="text-truncate"><i class='ti ti-brand-apple ti-md me-4'></i> <span class="text-heading">Chrome on MacOS</span></td>
<td class="text-truncate">Apple iMac</td>
<td class="text-truncate">India</td>
<td class="text-truncate">16, July 2021 16:17</td>
</tr>
</tbody>
</table>
</div>
</div>
<!--/ Recent Devices -->
</div>
<!--/ User Content -->
</div>
<!-- Modals -->
@include('_partials/_modals/modal-edit-user')
@include('_partials/_modals/modal-enable-otp')
@include('_partials/_modals/modal-upgrade-plan')
<!-- /Modals -->
@endsection

34
modules/Admin/Resources/views/users/index.blade.php Normal file
View File

@ -0,0 +1,34 @@
@extends('admin::layouts.vuexy.layoutMaster')
@section('title', 'Usuarios')
@section('vendor-style')
@vite([
'modules/Admin/Resources/assets/vendor/libs/datatables-bs5/datatables.bootstrap5.scss',
'modules/Admin/Resources/assets/vendor/libs/datatables-responsive-bs5/responsive.bootstrap5.scss',
'modules/Admin/Resources/assets/vendor/libs/datatables-buttons-bs5/buttons.bootstrap5.scss',
'modules/Admin/Resources/assets/vendor/libs/select2/select2.scss',
'modules/Admin/Resources/assets/vendor/libs/@form-validation/form-validation.scss'
])
@endsection
@section('vendor-script')
@vite([
'modules/Admin/Resources/assets/vendor/libs/moment/moment.js',
'modules/Admin/Resources/assets/vendor/libs/datatables-bs5/datatables-bootstrap5.js',
'modules/Admin/Resources/assets/vendor/libs/select2/select2.js',
'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',
'modules/Admin/Resources/assets/vendor/libs/cleavejs/cleave.js',
'modules/Admin/Resources/assets/vendor/libs/cleavejs/cleave-phone.js',
'modules/Admin/Resources/assets/vendor/libs/datatables-lang/datatable-lang-es.js',
])
@endsection
@section('content')
<section class="user-list">
@livewire('user-count')
@livewire('user-table')
</section>
@endsection

214
modules/Admin/Resources/views/users/show.blade.php Normal file
View File

@ -0,0 +1,214 @@
@extends('admin::layouts.vuexy.layoutMaster')
@section('title', 'Usuario | ' . $user->name)
@push('vendor-style')
{{-- Page Css files --}}
@vite([
'modules/Admin/Resources/assets/vendor/libs/datatables-bs5/datatables.bootstrap5.scss',
'modules/Admin/Resources/assets/vendor/libs/datatables-responsive-bs5/responsive.bootstrap5.scss',
'modules/Admin/Resources/assets/vendor/libs/datatables-buttons-bs5/buttons.bootstrap5.scss',
'modules/Admin/Resources/assets/vendor/libs/animate-css/animate.scss',
'modules/Admin/Resources/assets/vendor/libs/sweetalert2/sweetalert2.scss',
'modules/Admin/Resources/assets/vendor/libs/select2/select2.scss',
'modules/Admin/Resources/assets/vendor/libs/@form-validation/form-validation.scss'
])
@endpush
@push('page-style')
{{-- Page Css files --}}
@vite([
'modules/Admin/Resources/assets/vendor/scss/pages/page-user-view.scss'
])
@endpush
@section('content')
<section class="app-user-view-account">
<div class="row">
<!-- User Sidebar -->
<div class="col-xl-4 col-lg-5 col-md-5 order-1 order-md-0">
<!-- User Card -->
<div class="card">
<div class="card-body">
<div class="user-avatar-section">
<div class="d-flex align-items-center flex-column">
<img class="img-fluid rounded mt-3 mb-2"
src="{{ $user->profile_photo_url }}"
height="110"
width="110"
alt="User avatar"/>
<div class="user-info text-center">
<h4>{{ $user->name }}</h4>
<span class="badge bg-light-secondary">Author</span>
</div>
</div>
</div>
<div class="d-flex justify-content-around my-2 pt-75">
<div class="d-flex align-items-start me-2">
<span class="badge bg-light-primary p-75 rounded">
<i data-feather="check" class="font-medium-2"></i>
</span>
<div class="ms-75">
<h4 class="mb-0">1.23k</h4>
<small>Tasks Done</small>
</div>
</div>
<div class="d-flex align-items-start">
<span class="badge bg-light-primary p-75 rounded">
<i data-feather="briefcase" class="font-medium-2"></i>
</span>
<div class="ms-75">
<h4 class="mb-0">568</h4>
<small>Projects Done</small>
</div>
</div>
</div>
<h4 class="fw-bolder border-bottom pb-50 mb-1">Detalles</h4>
<div class="info-container">
<ul class="list-unstyled">
<li class="mb-75">
<span class="fw-bolder me-25">Nombre:</span>
<span>{{ $user->name }}</span>
</li>
<li class="mb-75">
<span class="fw-bolder me-25">Correo eletrónico:</span>
<span>{{ $user->email }}</span>
</li>
<li class="mb-75">
<span class="fw-bolder me-25">Status:</span>
@if ($user->status)
<span class="badge bg-light-{{ Modules\Admin\App\Models\User::$statusListClass[$user->status] }}">{{ Modules\Admin\App\Models\User::$statusList[$user->status] }}</span>
@endif
</li>
<li class="mb-75">
<span class="fw-bolder me-25">Role:</span>
@foreach ($user->getRoleNames() as $role)
<span class="badge bg-light-{{ Spatie\Permission\Models\Role::where('name', $role)->first()->style }}">{{ $role }}</span>
@endforeach
</li>
</ul>
<div class="d-flex justify-content-center pt-2">
<a href="javascript:;" class="btn btn-primary me-1" data-bs-target="#editUser" data-bs-toggle="modal">Editar</a>
<a href="javascript:;" class="btn btn-outline-danger suspend-user">Suspender</a>
</div>
</div>
</div>
</div>
<!-- /User Card -->
</div>
<!--/ User Sidebar -->
<!-- User Content -->
<div class="col-xl-8 col-lg-7 col-md-7 order-0 order-md-1">
<!-- User Pills -->
<ul class="nav nav-pills mb-2">
<li class="nav-item">
<a class="nav-link active" href="{{asset('app/user/view/account')}}">
<i data-feather="user" class="font-medium-3 me-50"></i>
<span class="fw-bold">Account</span></a
>
</li>
<li class="nav-item">
<a class="nav-link" href="{{asset('app/user/view/security')}}">
<i data-feather="lock" class="font-medium-3 me-50"></i>
<span class="fw-bold">Security</span>
</a>
</li>
</ul>
<!--/ User Pills -->
<!-- Activity Timeline -->
<div class="card">
<h4 class="card-header">User Activity Timeline</h4>
<div class="card-body pt-1">
<ul class="timeline ms-50">
<li class="timeline-item">
<span class="timeline-point timeline-point-indicator"></span>
<div class="timeline-event">
<div class="d-flex justify-content-between flex-sm-row flex-column mb-sm-0 mb-1">
<h6>User login</h6>
<span class="timeline-event-time me-1">12 min ago</span>
</div>
<p>User login at 2:12pm</p>
</div>
</li>
<li class="timeline-item">
<span class="timeline-point timeline-point-warning timeline-point-indicator"></span>
<div class="timeline-event">
<div class="d-flex justify-content-between flex-sm-row flex-column mb-sm-0 mb-1">
<h6>Meeting with john</h6>
<span class="timeline-event-time me-1">45 min ago</span>
</div>
<p>React Project meeting with john @10:15am</p>
<div class="d-flex flex-row align-items-center mb-50">
<div class="avatar me-50">
<img
src="{{asset('images/portrait/small/avatar-s-7.jpg')}}"
alt="Avatar"
width="38"
height="38"
/>
</div>
<div class="user-info">
<h6 class="mb-0">Leona Watkins (Client)</h6>
<p class="mb-0">CEO of pixinvent</p>
</div>
</div>
</div>
</li>
<li class="timeline-item">
<span class="timeline-point timeline-point-info timeline-point-indicator"></span>
<div class="timeline-event">
<div class="d-flex justify-content-between flex-sm-row flex-column mb-sm-0 mb-1">
<h6>Create a new react project for client</h6>
<span class="timeline-event-time me-1">2 day ago</span>
</div>
<p>Add files to new design folder</p>
</div>
</li>
<li class="timeline-item">
<span class="timeline-point timeline-point-danger timeline-point-indicator"></span>
<div class="timeline-event">
<div class="d-flex justify-content-between flex-sm-row flex-column mb-sm-0 mb-1">
<h6>Create Invoices for client</h6>
<span class="timeline-event-time me-1">12 min ago</span>
</div>
<p class="mb-0">Create new Invoices and send to Leona Watkins</p>
<div class="d-flex flex-row align-items-center mt-50">
<img class="me-1" src="{{asset('images/icons/pdf.png')}}" alt="data.json" height="25" />
<h6 class="mb-0">Invoices.pdf</h6>
</div>
</div>
</li>
</ul>
</div>
</div>
<!-- /Activity Timeline -->
</div>
<!--/ User Content -->
</div>
</section>
@endsection
@push('vendor-script')
@vite([
'modules/Admin/Resources/assets/vendor/libs/moment/moment.js',
'modules/Admin/Resources/assets/vendor/libs/datatables-bs5/datatables-bootstrap5.js',
'modules/Admin/Resources/assets/vendor/libs/sweetalert2/sweetalert2.js',
'modules/Admin/Resources/assets/vendor/libs/cleavejs/cleave.js',
'modules/Admin/Resources/assets/vendor/libs/cleavejs/cleave-phone.js',
'modules/Admin/Resources/assets/vendor/libs/select2/select2.js',
'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'
])
@endpush
@push('page-script')
@vite([
'modules/Admin/Resources/assets/js/modal-edit-user.js',
'modules/Admin/Resources/assets/js/app-user-view.js',
'modules/Admin/Resources/assets/js/app-user-view-account.js',
'modules/Admin/Resources/assets/js/pages-profile.js'
])
@endpush

7
modules/Admin/Resources/views/users/user-settings.blade.php Normal file
View File

@ -0,0 +1,7 @@
@extends('admin::layouts.vuexy.layoutMaster')
@section('title', 'Configuraciones de cuenta | ' . $user->name)
@section('content')
@endsection

114
modules/Admin/Resources/views/website-settings/general-settings-index.blade.php Normal file
View File

@ -0,0 +1,114 @@
@extends('admin::layouts.vuexy.layoutMaster')
@section('title', 'Ajustes generales')
@section('vendor-style')
@vite([
'modules/Admin/Resources/assets/vendor/libs/@form-validation/form-validation.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/website-settings/website-settings-scripts.js')
@endsection
@section('content')
<div class="nav-align-top mb-6">
<ul class="nav nav-pills mb-4 nav-fill" role="tablist">
<li class="nav-item mb-1 mb-sm-0">
<button type="button" class="nav-link active" role="tab" data-bs-toggle="tab" data-bs-target="#nav-website-content" aria-controls="nav-website-content" aria-selected="true">
<i class="ti-sm ti ti-world-www me-1_5"></i> Sitio Web
</button>
</li>
<li class="nav-item mb-1 mb-sm-0">
<button type="button" class="nav-link" role="tab" data-bs-toggle="tab" data-bs-target="#nav-social-content" aria-controls="nav-social-content" aria-selected="false">
<i class="ti-sm ti ti-social me-1_5"></i> Redes Sociales
</button>
</li>
<li class="nav-item mb-1 mb-sm-0">
<button type="button" class="nav-link" role="tab" data-bs-toggle="tab" data-bs-target="#nav-contact-content" aria-controls="nav-contact-content" aria-selected="false">
<i class="ti-sm ti ti-phone me-1_5"></i> Contacto
</button>
</li>
<li class="nav-item mb-1 mb-sm-0">
<button type="button" class="nav-link" role="tab" data-bs-toggle="tab" data-bs-target="#nav-chat-content" aria-controls="nav-chat-content" aria-selected="false">
<i class="ti-sm ti ti-message-2-code me-1_5"></i> Chat
</button>
</li>
<li class="nav-item mb-1 mb-sm-0">
<button type="button" class="nav-link" role="tab" data-bs-toggle="tab" data-bs-target="#nav-analytics-content" aria-controls="nav-analytics-content" aria-selected="false">
<i class="ti-sm ti ti-chart-histogram me-1_5"></i> Google Analytics
</button>
</li>
<li class="nav-item">
<button type="button" class="nav-link" role="tab" data-bs-toggle="tab" data-bs-target="#nav-templeate-content" aria-controls="nav-templeate-content" aria-selected="false">
<i class="ti-sm ti ti-tools me-1_5"></i> Template
</button>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane fade show active" id="nav-website-content" role="tabpanel">
<div class="row">
<div class="col-md-6">
<div class="mb-10">
@livewire('website-settings')
</div>
<div class="mb-10">
@livewire('website-favicon-settings')
</div>
</div>
<div class="col-md-6">
@livewire('website-image-logo-settings')
</div>
</div>
</div>
<div class="tab-pane fade" id="nav-social-content" role="tabpanel">
@livewire('website-social-settings')
</div>
<div class="tab-pane fade" id="nav-contact-content" role="tabpanel">
<div class="row">
<div class="col-md-6">
<div class="mb-10">
@livewire('website-contact-info-settings')
</div>
<div class="mb-10">
@livewire('website-contact-form-settings')
</div>
</div>
<div class="col-md-6">
@livewire('website-location-settings')
</div>
</div>
</div>
<div class="tab-pane fade" id="nav-chat-content" role="tabpanel">
<div class="row">
<div class="col-md-6">
@livewire('website-chat-settings')
</div>
</div>
</div>
<div class="tab-pane fade" id="nav-analytics-content" role="tabpanel">
<div class="row">
<div class="col-md-6">
@livewire('website-analytics-settings')
</div>
</div>
</div>
<div class="tab-pane fade" id="nav-templeate-content" role="tabpanel">
<div class="row">
<div class="col-md-6">
@livewire('website-template-settings')
</div>
</div>
</div>
</div>
</div>
@endsection

28
modules/Admin/Resources/views/website-settings/legal-index.blade.php Normal file
View File

@ -0,0 +1,28 @@
@extends('admin::layouts.vuexy.layoutMaster')
@section('title', 'Avisos legales')
<!-- Vendor Styles -->
@section('vendor-style')
@vite([
'modules/Admin/Resources/assets/vendor/libs/quill/typography.scss',
//'modules/Admin/Resources/assets/vendor/libs/quill/katex.scss',
'modules/Admin/Resources/assets/vendor/libs/quill/editor.scss'
])
@endsection
<!-- Vendor Scripts -->
@section('vendor-script')
@vite([
//'modules/Admin/Resources/assets/vendor/libs/quill/katex.js',
'modules/Admin/Resources/assets/vendor/libs/quill/quill.js'
])
@endsection
@section('page-script')
@vite('modules/Admin/Resources/js/website-settings/legal-settings-scripts.js')
@endsection
@section('content')
@livewire('website-legal-settings')
@endsection