Saad Ibn-Ezzoubayr
35545c2a8f
Initial commit of the L'Ami Fiduciaire SaaS platform built on Laravel 12, Vue 3, Inertia.js 2, and Tailwind CSS 4. Story 0.1 (rename folders to declarations in database) is implemented and code-reviewed: migration, rollback, and 6 Pest tests all passing. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
66 lines
2.1 KiB
Vue
66 lines
2.1 KiB
Vue
<script setup lang="ts">
|
|
import { Form, Head } from '@inertiajs/vue3';
|
|
import InputError from '@/components/InputError.vue';
|
|
import TextLink from '@/components/TextLink.vue';
|
|
import { Button } from '@/components/ui/button';
|
|
import { Input } from '@/components/ui/input';
|
|
import { Label } from '@/components/ui/label';
|
|
import { Spinner } from '@/components/ui/spinner';
|
|
import AuthLayout from '@/layouts/AuthLayout.vue';
|
|
import { login } from '@/routes';
|
|
import { email } from '@/routes/password';
|
|
|
|
defineProps<{
|
|
status?: string;
|
|
}>();
|
|
</script>
|
|
|
|
<template>
|
|
<AuthLayout
|
|
title="Forgot password"
|
|
description="Enter your email to receive a password reset link"
|
|
>
|
|
<Head title="Forgot password" />
|
|
|
|
<div
|
|
v-if="status"
|
|
class="mb-4 text-center text-sm font-medium text-green-600"
|
|
>
|
|
{{ status }}
|
|
</div>
|
|
|
|
<div class="space-y-6">
|
|
<Form v-bind="email.form()" v-slot="{ errors, processing }">
|
|
<div class="grid gap-2">
|
|
<Label for="email">Email address</Label>
|
|
<Input
|
|
id="email"
|
|
type="email"
|
|
name="email"
|
|
autocomplete="off"
|
|
autofocus
|
|
placeholder="email@example.com"
|
|
/>
|
|
<InputError :message="errors.email" />
|
|
</div>
|
|
|
|
<div class="my-6 flex items-center justify-start">
|
|
<Button
|
|
class="w-full"
|
|
:disabled="processing"
|
|
data-test="email-password-reset-link-button"
|
|
>
|
|
<Spinner v-if="processing" />
|
|
Email password reset link
|
|
</Button>
|
|
</div>
|
|
</Form>
|
|
|
|
<div class="space-x-1 text-center text-sm text-muted-foreground">
|
|
<span>Or, return to</span>
|
|
<TextLink :href="login()">log in</TextLink>
|
|
</div>
|
|
</div>
|
|
</AuthLayout>
|
|
</template>
|