35 lines
1.6 KiB
PHP
35 lines
1.6 KiB
PHP
<dialog class="modal" :class="{ 'modal-open': isDialogSetPasswordOpen }">
|
|
<div class="modal-box">
|
|
<form method="dialog">
|
|
<button type="button" class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2" @click="closeDialogSetPassword()">✕</button>
|
|
</form>
|
|
<h3 class="font-bold text-lg mb-4 text-base-content"><i class="fa fa-key text-primary mr-2"></i>Change Password</h3>
|
|
|
|
<form @submit.prevent="savePassword('<?= session('userid'); ?>')">
|
|
<div class="form-control w-full mb-3">
|
|
<label class="input w-full mb-3">
|
|
<span class="label-text font-medium">Password</span>
|
|
<input type="password" placeholder="••••••••" x-model="password" />
|
|
</label>
|
|
<label class="input w-full mb-3">
|
|
<span class="label-text font-medium">Confirm</span>
|
|
<input type="password" placeholder="••••••••" x-model="confirm_password" />
|
|
</label>
|
|
<label class="label p-1 mt-1" x-show="error" x-transition>
|
|
<span class="label-text-alt text-error flex items-center gap-1"><i class="fa-solid fa-circle-exclamation"></i> <span x-text="error"></span></span>
|
|
</label>
|
|
</div>
|
|
|
|
<div class="modal-action border-t border-base-200 mt-2 pt-4">
|
|
<button type="button" class="btn btn-ghost" @click="closeDialogSetPassword()">Cancel</button>
|
|
<button type="submit" class="btn btn-primary px-6" :disabled="isLoading">
|
|
<span x-show="isLoading" class="loading loading-spinner loading-xs"></span>
|
|
Save
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<form method="dialog" class="modal-backdrop">
|
|
<button type="button" @click="closeDialogSetPassword()">close</button>
|
|
</form>
|
|
</dialog> |