49 lines
1.5 KiB
Vue
49 lines
1.5 KiB
Vue
<script setup>
|
|
import { computed } from 'vue';
|
|
import GuestLayout from '@/Layouts/GuestLayout.vue';
|
|
import PrimaryButton from '@/Components/PrimaryButton.vue';
|
|
import { Head, Link, useForm } from '@inertiajs/vue3';
|
|
|
|
const props = defineProps({
|
|
status: {
|
|
type: String,
|
|
},
|
|
});
|
|
|
|
const form = useForm({});
|
|
|
|
const submit = () => {
|
|
form.post(route('verification.send'));
|
|
};
|
|
|
|
const verificationLinkSent = computed(
|
|
() => props.status === 'verification-link-sent',
|
|
);
|
|
</script>
|
|
|
|
<template>
|
|
<GuestLayout>
|
|
<Head title="Email Verification" />
|
|
|
|
<div class="mb-3 text-muted">
|
|
Thanks for signing up! Before getting started, could you verify your email address by clicking on the link we just emailed to you? If you didn't receive the email, we will gladly send you another.
|
|
</div>
|
|
|
|
<div class="alert alert-success mb-3" v-if="verificationLinkSent">
|
|
A new verification link has been sent to the email address you provided during registration.
|
|
</div>
|
|
|
|
<form @submit.prevent="submit">
|
|
<div class="d-flex align-items-center justify-content-between gap-2">
|
|
<PrimaryButton :class="{ 'opacity-25': form.processing }" :disabled="form.processing">
|
|
Resend Verification Email
|
|
</PrimaryButton>
|
|
|
|
<Link :href="route('logout')" method="post" as="button" class="btn btn-link text-decoration-underline small">
|
|
Log Out
|
|
</Link>
|
|
</div>
|
|
</form>
|
|
</GuestLayout>
|
|
</template>
|