first commit

2026-01-26 05:25:37 +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/ResetPassword.tsx
+++ b/resources/js/Pages/Auth/ResetPassword.tsx
@@ -0,0 +1,92 @@
+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 ResetPassword({
+    token,
+    email,
+}: {
+    token: string;
+    email: string;
+}) {
+    const { data, setData, post, processing, errors, reset } = useForm({
+        token: token,
+        email: email,
+        password: '',
+        password_confirmation: '',
+    });
+
+    const submit: FormEventHandler = (e) => {
+        e.preventDefault();
+
+        post(route('password.store'), {
+            onFinish: () => reset('password', 'password_confirmation'),
+        });
+    };
+
+    return (
+        <GuestLayout>
+            <Head title="Reset 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">
+                    <h2 className="text-2xl font-bold mb-6 text-center">Reset Password</h2>
+                    
+                    <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"
+                                autoComplete="username"
+                                onChange={(e) => setData('email', e.target.value)}
+                            />
+                            <InputError message={errors.email} />
+                        </div>
+
+                        <div className="space-y-2">
+                            <Label htmlFor="password">Password</Label>
+                            <Input
+                                id="password"
+                                type="password"
+                                name="password"
+                                value={data.password}
+                                className="block w-full"
+                                autoComplete="new-password"
+
+                                onChange={(e) => setData('password', e.target.value)}
+                            />
+                            <InputError message={errors.password} />
+                        </div>
+
+                        <div className="space-y-2">
+                            <Label htmlFor="password_confirmation">Confirm Password</Label>
+                            <Input
+                                type="password"
+                                name="password_confirmation"
+                                value={data.password_confirmation}
+                                className="block w-full"
+                                autoComplete="new-password"
+                                onChange={(e) => setData('password_confirmation', e.target.value)}
+                            />
+                            <InputError message={errors.password_confirmation} />
+                        </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}>
+                                Reset Password
+                            </Button>
+                        </div>
+                    </form>
+                </div>
+            </div>
+        </GuestLayout>
+    );
+}