first commit

2026-01-26 13:32:07 +07:00 · 2026-01-23 17:28:21 +07:00
commit 29ff8992b9
331 changed files with 30545 additions and 0 deletions
--- a/resources/js/Pages/Auth/ForgotPassword.tsx
+++ b/resources/js/Pages/Auth/ForgotPassword.tsx
@@ -0,0 +1,63 @@
+import InputError from '@/Components/InputError';
+import GuestLayout from '@/Layouts/GuestLayout';
+import { Head, useForm } from '@inertiajs/react';
+import { FormEventHandler } from 'react';
+import { Button } from '@/Components/ui/button';
+import { Input } from '@/Components/ui/input';
+import { Label } from '@/Components/ui/label';
+
+export default function ForgotPassword({ status }: { status?: string }) {
+    const { data, setData, post, processing, errors } = useForm({
+        email: '',
+    });
+
+    const submit: FormEventHandler = (e) => {
+        e.preventDefault();
+
+        post(route('password.email'));
+    };
+
+    return (
+        <GuestLayout>
+            <Head title="Forgot Password" />
+
+            <div className="flex flex-col items-center justify-center py-12 px-4 sm:px-6 lg:px-8">
+                <div className="w-full max-w-md bg-white p-8 rounded-3xl shadow-2xl border border-gray-100">
+                    <div className="mb-6 text-sm text-gray-600 dark:text-gray-400">
+                        Forgot your password? No problem. Just let us know your email
+                        address and we will email you a password reset link that will
+                        allow you to choose a new one.
+                    </div>
+
+                    {status && (
+                        <div className="mb-4 text-sm font-medium text-green-600 dark:text-green-400">
+                            {status}
+                        </div>
+                    )}
+
+                    <form onSubmit={submit} className="space-y-6">
+                        <div className="space-y-2">
+                            <Label htmlFor="email">Email</Label>
+                            <Input
+                                id="email"
+                                type="email"
+                                name="email"
+                                value={data.email}
+                                className="block w-full"
+
+                                onChange={(e) => setData('email', e.target.value)}
+                            />
+                            <InputError message={errors.email} />
+                        </div>
+
+                        <div className="flex items-center justify-end">
+                            <Button className="w-full bg-nihonbuzz-red hover:bg-nihonbuzz-red/90 text-white font-bold py-3 rounded-xl" disabled={processing}>
+                                Email Password Reset Link
+                            </Button>
+                        </div>
+                    </form>
+                </div>
+            </div>
+        </GuestLayout>
+    );
+}