77 lines
4.6 KiB
PHP
77 lines
4.6 KiB
PHP
<div class="w-full max-w-[85rem] py-10 px-4 sm:px-6 lg:px-8 mx-auto">
|
|
<div class="flex h-full items-center">
|
|
<main class="w-full max-w-md mx-auto p-6">
|
|
<div class="mt-7 bg-white border border-gray-200 rounded-xl shadow-sm dark:bg-gray-800 dark:border-gray-700">
|
|
<div class="p-4 sm:p-7">
|
|
<div class="text-center">
|
|
<h1 class="block text-2xl font-bold text-gray-800 dark:text-white">Reset password</h1>
|
|
</div>
|
|
|
|
@if (session()->has('error'))
|
|
<div class="mt-4 p-4 text-sm text-red-800 border border-red-300 rounded-lg bg-red-50 dark:bg-gray-800 dark:text-red-400 dark:border-red-800" role="alert">
|
|
{{ session('error') }}
|
|
</div>
|
|
@endif
|
|
|
|
@if (session()->has('success'))
|
|
<div class="mt-4 p-4 text-sm text-green-800 border border-green-300 rounded-lg bg-green-50 dark:bg-gray-800 dark:text-green-400 dark:border-green-800" role="alert">
|
|
{{ session('success') }}
|
|
</div>
|
|
@endif
|
|
|
|
<div class="mt-5">
|
|
<!-- Form -->
|
|
<form wire:submit.prevent="save">
|
|
<div class="grid gap-y-4">
|
|
<!-- Form Group -->
|
|
<div>
|
|
<label for="password" class="block text-sm mb-2 dark:text-white">Password Baru</label>
|
|
<div class="relative">
|
|
<input type="password" id="password" wire:model.live="password" class="py-3 px-4 block w-full border border-gray-200 rounded-lg text-sm
|
|
focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-slate-900 dark:border-gray-700 dark:text-gray-400 dark:focus:ring-gray-600 @error('password') border-red-500 @enderror" aria-describedby="password-error">
|
|
@error('password')
|
|
<div class="absolute inset-y-0 end-0 flex items-center pointer-events-none pe-3">
|
|
<svg class="h-5 w-5 text-red-500" width="16" height="16" fill="currentColor" viewBox="0 0 16 16" aria-hidden="true">
|
|
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z" />
|
|
</svg>
|
|
</div>
|
|
@enderror
|
|
</div>
|
|
@error('password')
|
|
<p class="text-red-600 text-xs mt-2" id="password-error">{{ $message }}</p>
|
|
@enderror
|
|
</div>
|
|
<!-- End Form Group -->
|
|
|
|
<div>
|
|
<label for="password_confirmation" class="block text-sm mb-2 dark:text-white">Konfirmasi Password</label>
|
|
<div class="relative">
|
|
<input type="password" id="password_confirmation" wire:model.live="password_confirmation" class="py-3 px-4 block w-full border border-gray-200 rounded-lg text-sm focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-slate-900 dark:border-gray-700 dark:text-gray-400 dark:focus:ring-gray-600 @error('password_confirmation') border-red-500 @enderror" required aria-describedby="password_confirmation-error">
|
|
|
|
@error('password_confirmation')
|
|
<div class="absolute inset-y-0 end-0 flex items-center pointer-events-none pe-3">
|
|
<svg class="h-5 w-5 text-red-500" width="16" height="16" fill="currentColor" viewBox="0 0 16 16" aria-hidden="true">
|
|
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z" />
|
|
</svg>
|
|
</div>
|
|
@enderror
|
|
|
|
</div>
|
|
@error('password_confirmation')
|
|
<p class="text-xs text-red-600 mt-2" id="password_confirmation-error">{{ $message }}</p>
|
|
@enderror
|
|
</div>
|
|
|
|
<button type="submit" class="w-full py-3 px-4 inline-flex justify-center items-center gap-x-2 text-sm font-semibold rounded-lg border border-transparent bg-blue-600 text-white hover:bg-blue-700 disabled:opacity-50 disabled:pointer-events-none dark:focus:outline-none dark:focus:ring-1 dark:focus:ring-gray-600">
|
|
<span wire:loading.remove>Simpan Password</span>
|
|
<span wire:loading>Simpan Password</span>
|
|
</button>
|
|
</div>
|
|
</form>
|
|
<!-- End Form -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
</div> |