48 lines
2.9 KiB
PHP
48 lines
2.9 KiB
PHP
<section>
|
|
<header>
|
|
<h2 class="text-lg font-semibold text-slate-900">Keamanan Akun</h2>
|
|
<p class="mt-1 text-sm text-slate-500">Gunakan password yang kuat dan tidak mudah ditebak untuk menjaga keamanan akun Anda.</p>
|
|
</header>
|
|
|
|
<form method="post" action="{{ route('password.update') }}" class="mt-6 space-y-6">
|
|
@csrf
|
|
@method('put')
|
|
|
|
<div class="grid grid-cols-1 gap-5">
|
|
<div>
|
|
<label for="update_password_current_password" class="mb-2 block text-sm font-medium text-slate-700">Password Saat Ini</label>
|
|
<input id="update_password_current_password" name="current_password" type="password" class="h-12 w-full rounded-2xl border border-slate-200 bg-white px-4 text-sm text-slate-700 focus:border-indigo-300 focus:outline-none focus:ring-4 focus:ring-indigo-100" autocomplete="current-password">
|
|
<x-input-error :messages="$errors->updatePassword->get('current_password')" class="mt-2" />
|
|
</div>
|
|
|
|
<div>
|
|
<label for="update_password_password" class="mb-2 block text-sm font-medium text-slate-700">Password Baru</label>
|
|
<input id="update_password_password" name="password" type="password" class="h-12 w-full rounded-2xl border border-slate-200 bg-white px-4 text-sm text-slate-700 focus:border-indigo-300 focus:outline-none focus:ring-4 focus:ring-indigo-100" autocomplete="new-password">
|
|
<x-input-error :messages="$errors->updatePassword->get('password')" class="mt-2" />
|
|
</div>
|
|
|
|
<div>
|
|
<label for="update_password_password_confirmation" class="mb-2 block text-sm font-medium text-slate-700">Konfirmasi Password Baru</label>
|
|
<input id="update_password_password_confirmation" name="password_confirmation" type="password" class="h-12 w-full rounded-2xl border border-slate-200 bg-white px-4 text-sm text-slate-700 focus:border-indigo-300 focus:outline-none focus:ring-4 focus:ring-indigo-100" autocomplete="new-password">
|
|
<x-input-error :messages="$errors->updatePassword->get('password_confirmation')" class="mt-2" />
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex flex-wrap items-center gap-3">
|
|
<button type="submit" class="inline-flex items-center justify-center rounded-2xl bg-slate-900 px-5 py-3 text-sm font-semibold text-white transition hover:bg-slate-800">
|
|
Simpan Password Baru
|
|
</button>
|
|
|
|
@if (session('status') === 'password-updated')
|
|
<p
|
|
x-data="{ show: true }"
|
|
x-show="show"
|
|
x-transition
|
|
x-init="setTimeout(() => show = false, 2000)"
|
|
class="text-sm font-medium text-emerald-600"
|
|
>Password berhasil diperbarui.</p>
|
|
@endif
|
|
</div>
|
|
</form>
|
|
</section>
|