57 lines
3.1 KiB
PHP
57 lines
3.1 KiB
PHP
@extends('layouts.app')
|
|
@section('content')
|
|
<div class="min-h-[85vh] flex items-center justify-center px-6 bg-white py-12">
|
|
<div class="max-w-md w-full">
|
|
<div class="bg-white rounded-[3rem] border border-gray-100 shadow-2xl overflow-hidden">
|
|
<div class="bg-gray-900 p-10 text-center">
|
|
<h2 class="text-3xl font-black text-white italic tracking-tighter">Lupa Password</h2>
|
|
<p class="text-gray-400 text-[10px] mt-2 uppercase tracking-[0.3em] font-bold">Masukkan email dan password baru</p>
|
|
</div>
|
|
<form action="{{ route('password.update.direct') }}" method="POST" class="p-10 space-y-5">
|
|
@csrf
|
|
|
|
@if(session('status'))
|
|
<div class="p-4 bg-green-50 text-green-700 rounded-2xl text-sm font-medium">
|
|
{{ session('status') }}
|
|
</div>
|
|
@endif
|
|
|
|
@if($errors->any())
|
|
<div class="p-4 bg-red-50 text-red-700 rounded-2xl text-sm font-medium">
|
|
{{ $errors->first() }}
|
|
</div>
|
|
@endif
|
|
|
|
<div class="space-y-1">
|
|
<label class="text-[10px] font-black uppercase text-gray-400 ml-1 tracking-widest">Email</label>
|
|
<input type="email" name="email" required
|
|
class="w-full px-6 py-4 bg-gray-50 border border-gray-100 rounded-2xl focus:ring-4 focus:ring-orange-700/5 focus:border-orange-700 outline-none transition-all text-sm font-medium"
|
|
placeholder="email@anda.com">
|
|
</div>
|
|
|
|
<div class="space-y-1">
|
|
<label class="text-[10px] font-black uppercase text-gray-400 ml-1 tracking-widest">Password Baru</label>
|
|
<input type="password" name="password" required
|
|
class="w-full px-6 py-4 bg-gray-50 border border-gray-100 rounded-2xl focus:ring-4 focus:ring-orange-700/5 focus:border-orange-700 outline-none transition-all text-sm font-medium"
|
|
placeholder="••••••••">
|
|
</div>
|
|
|
|
<div class="space-y-1">
|
|
<label class="text-[10px] font-black uppercase text-gray-400 ml-1 tracking-widest">Konfirmasi Password</label>
|
|
<input type="password" name="password_confirmation" required
|
|
class="w-full px-6 py-4 bg-gray-50 border border-gray-100 rounded-2xl focus:ring-4 focus:ring-orange-700/5 focus:border-orange-700 outline-none transition-all text-sm font-medium"
|
|
placeholder="••••••••">
|
|
</div>
|
|
|
|
<button type="submit" class="w-full py-4 bg-orange-700 text-white rounded-2xl font-bold shadow-xl hover:bg-orange-800 transition-all">
|
|
Ubah Password
|
|
</button>
|
|
|
|
<p class="text-center text-xs text-gray-400 font-semibold">
|
|
<a href="{{ route('login') }}" class="text-orange-700 font-bold hover:underline">Kembali ke Login</a>
|
|
</p>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endsection |