TIF_NGANJUK_E41212146/resources/views/livewire/profile/update-password-form.blade.php

85 lines
3.3 KiB
PHP

<?php
use Illuminate\Support\Facades\Auth;
use Illuminate\Support\Facades\Hash;
use Illuminate\Validation\Rules\Password;
use Illuminate\Validation\ValidationException;
use Livewire\Volt\Component;
new class extends Component {
public string $current_password = '';
public string $password = '';
public string $password_confirmation = '';
/**
* Update the password for the currently authenticated user.
*/
public function updatePassword(): void
{
try {
$validated = $this->validate([
'current_password' => ['required', 'string', 'current_password'],
'password' => ['required', 'string', Password::defaults(), 'confirmed'],
]);
} catch (ValidationException $e) {
$this->reset('current_password', 'password', 'password_confirmation');
throw $e;
}
Auth::user()->update([
'password' => Hash::make($validated['password']),
]);
$this->reset('current_password', 'password', 'password_confirmation');
$this->dispatch('password-updated');
}
}; ?>
<section>
<header>
<h2 class="text-lg font-medium text-gray-900">
{{ __('Perbarui Kata Sandi') }}
</h2>
<p class="mt-1 text-sm text-gray-600">
{{ __('Pastikan akun Anda menggunakan kata sandi yang panjang dan acak untuk menjaga keamanannya
.') }}
</p>
</header>
<form wire:submit="updatePassword" class="mt-6 space-y-6">
<div>
<x-input-label for="update_password_current_password" :value="__('Kata Sandi Saat Ini')" />
<x-text-input wire:model="current_password" id="update_password_current_password" name="current_password"
type="password" class="mt-1 block w-full py-2.5" autocomplete="current-password" />
<x-input-error :messages="$errors->get('current_password')" class="mt-2" />
</div>
<div>
<x-input-label for="update_password_password" :value="__('Kata Sandi Baru')" />
<x-text-input wire:model="password" id="update_password_password" name="password" type="password"
class="mt-1 block w-full py-2.5" autocomplete="new-password" />
<x-input-error :messages="$errors->get('password')" class="mt-2" />
</div>
<div>
<x-input-label for="update_password_password_confirmation" :value="__('Konfirmasi Kata Sandi')" />
<x-text-input wire:model="password_confirmation" id="update_password_password_confirmation"
name="password_confirmation" type="password" class="mt-1 block w-full py-2.5"
autocomplete="new-password" />
<x-input-error :messages="$errors->get('password_confirmation')" class="mt-2" />
</div>
<div class="flex items-center gap-4">
<x-primary-button
class="ring-2 ring-gray-700 shadow-[4px_4px_0px_2px_#374151] text-white hover:shadow-[2px_2px_0px_2px_#374151] hover:translate-y-0.5 hover:translate-x-0.5 text-center bg-orangeCrayola px-20">{{ __('Simpan') }}</x-primary-button>
<x-action-message class="me-3" on="password-updated">
{{ __('Tersimpan.') }}
</x-action-message>
</div>
</form>
</section>