update-password-form.blade.php 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <section>
  2. <header>
  3. <h2 class="text-lg font-medium text-gray-900 dark:text-gray-100">
  4. {{ __('Update Password') }}
  5. </h2>
  6. <p class="mt-1 text-sm text-gray-600 dark:text-gray-400">
  7. {{ __('Ensure your account is using a long, random password to stay secure.') }}
  8. </p>
  9. </header>
  10. <form method="post" action="{{ route('password.update') }}" class="mt-6 space-y-6">
  11. @csrf
  12. @method('put')
  13. <div>
  14. <x-input-label for="update_password_current_password" :value="__('Current Password')" />
  15. <x-text-input id="update_password_current_password" name="current_password" type="password" class="mt-1 block w-full" autocomplete="current-password" />
  16. <x-input-error :messages="$errors->updatePassword->get('current_password')" class="mt-2" />
  17. </div>
  18. <div>
  19. <x-input-label for="update_password_password" :value="__('New Password')" />
  20. <x-text-input id="update_password_password" name="password" type="password" class="mt-1 block w-full" autocomplete="new-password" />
  21. <x-input-error :messages="$errors->updatePassword->get('password')" class="mt-2" />
  22. </div>
  23. <div>
  24. <x-input-label for="update_password_password_confirmation" :value="__('Confirm Password')" />
  25. <x-text-input id="update_password_password_confirmation" name="password_confirmation" type="password" class="mt-1 block w-full" autocomplete="new-password" />
  26. <x-input-error :messages="$errors->updatePassword->get('password_confirmation')" class="mt-2" />
  27. </div>
  28. <div class="flex items-center gap-4">
  29. <x-primary-button>{{ __('Save') }}</x-primary-button>
  30. @if (session('status') === 'password-updated')
  31. <p
  32. x-data="{ show: true }"
  33. x-show="show"
  34. x-transition
  35. x-init="setTimeout(() => show = false, 2000)"
  36. class="text-sm text-gray-600 dark:text-gray-400"
  37. >{{ __('Saved.') }}</p>
  38. @endif
  39. </div>
  40. </form>
  41. </section>