Install Breeze

2024-12-14 18:03:09 -05:00
parent cc613a3692
commit 89d0394de9
64 changed files with 7965 additions and 220 deletions
--- a/resources/js/Pages/Auth/ForgotPassword.jsx
+++ b/resources/js/Pages/Auth/ForgotPassword.jsx
@@ -0,0 +1,55 @@
+import InputError from '@/Components/InputError';
+import PrimaryButton from '@/Components/PrimaryButton';
+import TextInput from '@/Components/TextInput';
+import GuestLayout from '@/Layouts/GuestLayout';
+import { Head, useForm } from '@inertiajs/react';
+
+export default function ForgotPassword({ status }) {
+    const { data, setData, post, processing, errors } = useForm({
+        email: '',
+    });
+
+    const submit = (e) => {
+        e.preventDefault();
+
+        post(route('password.email'));
+    };
+
+    return (
+        <GuestLayout>
+            <Head title="Forgot Password" />
+
+            <div className="mb-4 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}>
+                <TextInput
+                    id="email"
+                    type="email"
+                    name="email"
+                    value={data.email}
+                    className="mt-1 block w-full"
+                    isFocused={true}
+                    onChange={(e) => setData('email', e.target.value)}
+                />
+
+                <InputError message={errors.email} className="mt-2" />
+
+                <div className="mt-4 flex items-center justify-end">
+                    <PrimaryButton className="ms-4" disabled={processing}>
+                        Email Password Reset Link
+                    </PrimaryButton>
+                </div>
+            </form>
+        </GuestLayout>
+    );
+}