@extends('layout.app_guest')
@section('content')
	<main class="max-w-lg mx-auto pt-10 pb-12 px-4 lg:pb-16">
		<form action="{{ route('post.forgot_password') }}" method="post" autocomplete="off">
			@csrf
			<div class="space-y-6">
				<div>
					<h1 class="text-lg leading-6 font-medium text-gray-900">
						ตั้งรหัสผ่านใหม่
					</h1>
				</div>
				<div>
					<label for="password" class="block text-sm font-medium text-gray-700">
						รหัสผ่าน
					</label>
					<div class="mt-1">
						<input type="password" name="password" id="password" class="block w-full px-4 py-3 shadow-sm focus:ring-sky-500 focus:border-sky-500 sm:text-sm border-gray-300 rounded-md" minlength="6" required>
					</div>
				</div>
				<div>
					<label for="password-confirmation" class="block text-sm font-medium text-gray-700">
						ยืนยันรหัสผ่าน
					</label>
					<div class="mt-1">
						<input type="password" name="password_confirmation" id="password-confirmation" class="block w-full px-4 py-3 shadow-sm focus:ring-sky-500 focus:border-sky-500 sm:text-sm border-gray-300 rounded-md" minlength="6" required>
					</div>
				</div>
				<div class="flex justify-end">
					<a href="{{ route('main') }}">
						<button type="button" class="bg-white py-2 px-4 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-sky-500">
							ยกเลิก
						</button>
					</a>
					<button class="ml-3 inline-flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-sky-500">
						รีเซ็ตรหัสผ่าน
					</button>
				</div>
			</div>
		</form>
	</main>
@endsection