You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
48 lines
2.0 KiB
48 lines
2.0 KiB
<section> |
|
<header> |
|
<h2 class="text-lg font-medium text-gray-900 dark:text-gray-100"> |
|
{{ __('Update Password') }} |
|
</h2> |
|
|
|
<p class="mt-1 text-sm text-gray-600 dark:text-gray-400"> |
|
{{ __('Ensure your account is using a long, random password to stay secure.') }} |
|
</p> |
|
</header> |
|
|
|
<form method="post" action="{{ route('password.update') }}" class="mt-6 space-y-6"> |
|
@csrf |
|
@method('put') |
|
|
|
<div> |
|
<x-input-label for="current_password" :value="__('Current Password')" /> |
|
<x-text-input id="current_password" name="current_password" type="password" class="mt-1 block w-full" autocomplete="current-password" /> |
|
<x-input-error :messages="$errors->updatePassword->get('current_password')" class="mt-2" /> |
|
</div> |
|
|
|
<div> |
|
<x-input-label for="password" :value="__('New Password')" /> |
|
<x-text-input id="password" name="password" type="password" class="mt-1 block w-full" autocomplete="new-password" /> |
|
<x-input-error :messages="$errors->updatePassword->get('password')" class="mt-2" /> |
|
</div> |
|
|
|
<div> |
|
<x-input-label for="password_confirmation" :value="__('Confirm Password')" /> |
|
<x-text-input id="password_confirmation" name="password_confirmation" type="password" class="mt-1 block w-full" autocomplete="new-password" /> |
|
<x-input-error :messages="$errors->updatePassword->get('password_confirmation')" class="mt-2" /> |
|
</div> |
|
|
|
<div class="flex items-center gap-4"> |
|
<x-primary-button>{{ __('Save') }}</x-primary-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 text-gray-600 dark:text-gray-400" |
|
>{{ __('Saved.') }}</p> |
|
@endif |
|
</div> |
|
</form> |
|
</section>
|
|
|