feat: add resources and view components
This commit is contained in:
@@ -0,0 +1,75 @@
|
||||
<div class="card adminuiux-card mb-4 shadow-sm">
|
||||
<div class="card-body">
|
||||
|
||||
{{-- header --}}
|
||||
<h4 class="fw-bold mb-3">Update Password</h4>
|
||||
<p class="text-secondary small mb-4">Make sure your new password is secure.</p>
|
||||
{{-- form update password --}}
|
||||
<form method="POST" action="{{ route('password.update') }}" autocomplete="off" class="ajax-form">
|
||||
|
||||
@csrf
|
||||
@method('PUT')
|
||||
|
||||
{{-- anti autofill trap --}}
|
||||
<input type="text" name="fakeuser" style="display:none">
|
||||
<input type="password" name="fakepass" style="display:none">
|
||||
|
||||
{{-- Current Password --}}
|
||||
<div class="mb-3">
|
||||
<label for="update_password_current_password" class="form-label fw-semibold">
|
||||
{{ __('Current Password') }} <span class="text-danger">*</span>
|
||||
</label>
|
||||
<div class="input-group">
|
||||
<input type="password" id="update_password_current_password" name="current_password"
|
||||
class="form-control border-end-0" placeholder="Enter current password" required autocomplete="off" minlength="12"
|
||||
title="Enter your current password">
|
||||
<button class="btn btn-outline-secondary bg-white border-start-0 password-toggle" type="button" style="border-color: #dee2e6;">
|
||||
<i class="bi bi-eye text-secondary"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- New Password --}}
|
||||
<div class="mb-3">
|
||||
<label for="update_password_password" class="form-label fw-semibold">
|
||||
{{ __('New Password') }} <span class="text-danger">*</span>
|
||||
</label>
|
||||
<div class="input-group">
|
||||
<input type="password" id="update_password_password" name="password" class="form-control border-end-0"
|
||||
placeholder="Enter new password" required minlength="12" autocomplete="new-password"
|
||||
pattern="^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[\W_]).{12,}$"
|
||||
title="Minimum 12 characters with uppercase, lowercase, number, and symbol">
|
||||
<button class="btn btn-outline-secondary bg-white border-start-0 password-toggle" type="button" style="border-color: #dee2e6;">
|
||||
<i class="bi bi-eye text-secondary"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Confirm Password --}}
|
||||
<div class="mb-3">
|
||||
<label for="update_password_password_confirmation" class="form-label fw-semibold">
|
||||
{{ __('Confirm Password') }} <span class="text-danger">*</span>
|
||||
</label>
|
||||
<div class="input-group">
|
||||
<input type="password" id="update_password_password_confirmation" name="password_confirmation"
|
||||
class="form-control border-end-0" placeholder="Confirm new password" required minlength="12"
|
||||
autocomplete="new-password" title="Must match the new password exactly">
|
||||
<button class="btn btn-outline-secondary bg-white border-start-0 password-toggle" type="button" style="border-color: #dee2e6;">
|
||||
<i class="bi bi-eye text-secondary"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- submit --}}
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<button type="submit" class="btn btn-primary mt-3 px-3">
|
||||
{{ __('Update Password') }}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- redundant script removed --}}
|
||||
Reference in New Issue
Block a user