67ea1ef22a
Update all 26 Vue files (3 layouts, 4 components, 19 pages) and the Blade root template to use a dark color scheme: gray-950 backgrounds, gray-900 cards, gray-800 borders, light text, and adjusted status badges/flash messages for dark backgrounds. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
74 lines
2.6 KiB
Vue
74 lines
2.6 KiB
Vue
<script setup>
|
|
import { useForm } from '@inertiajs/vue3';
|
|
import AuthLayout from '@/Layouts/AuthLayout.vue';
|
|
|
|
defineOptions({ layout: AuthLayout });
|
|
|
|
const props = defineProps({
|
|
token: String,
|
|
email: String,
|
|
});
|
|
|
|
const form = useForm({
|
|
token: props.token,
|
|
email: props.email,
|
|
password: '',
|
|
password_confirmation: '',
|
|
});
|
|
|
|
const submit = () => {
|
|
form.post('/reset-password', {
|
|
onFinish: () => form.reset('password', 'password_confirmation'),
|
|
});
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<h2 class="text-xl font-semibold text-white mb-6">Set new password</h2>
|
|
|
|
<form @submit.prevent="submit" class="space-y-4">
|
|
<div>
|
|
<label for="email" class="block text-sm font-medium text-gray-300">Email</label>
|
|
<input
|
|
id="email"
|
|
v-model="form.email"
|
|
type="email"
|
|
required
|
|
class="mt-1 block w-full rounded-md bg-gray-800 border-gray-700 text-gray-100 shadow-sm focus:border-blue-500 focus:ring-blue-500 px-3 py-2 border"
|
|
/>
|
|
<p v-if="form.errors.email" class="mt-1 text-sm text-red-400">{{ form.errors.email }}</p>
|
|
</div>
|
|
|
|
<div>
|
|
<label for="password" class="block text-sm font-medium text-gray-300">New Password</label>
|
|
<input
|
|
id="password"
|
|
v-model="form.password"
|
|
type="password"
|
|
required
|
|
class="mt-1 block w-full rounded-md bg-gray-800 border-gray-700 text-gray-100 shadow-sm focus:border-blue-500 focus:ring-blue-500 px-3 py-2 border"
|
|
/>
|
|
<p v-if="form.errors.password" class="mt-1 text-sm text-red-400">{{ form.errors.password }}</p>
|
|
</div>
|
|
|
|
<div>
|
|
<label for="password_confirmation" class="block text-sm font-medium text-gray-300">Confirm Password</label>
|
|
<input
|
|
id="password_confirmation"
|
|
v-model="form.password_confirmation"
|
|
type="password"
|
|
required
|
|
class="mt-1 block w-full rounded-md bg-gray-800 border-gray-700 text-gray-100 shadow-sm focus:border-blue-500 focus:ring-blue-500 px-3 py-2 border"
|
|
/>
|
|
</div>
|
|
|
|
<button
|
|
type="submit"
|
|
:disabled="form.processing"
|
|
class="w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-900 focus:ring-blue-500 disabled:opacity-50"
|
|
>
|
|
Reset password
|
|
</button>
|
|
</form>
|
|
</template>
|