Added timezones

2026-04-04 22:19:58 +10:00
parent 7f62c31456
commit 509efbe821
11 changed files with 516 additions and 424 deletions
@@ -1,10 +1,9 @@
-<script setup>
-import GuestLayout from '@/Layouts/GuestLayout.vue';
-import InputError from '@/Components/InputError.vue';
-import InputLabel from '@/Components/InputLabel.vue';
-import PrimaryButton from '@/Components/PrimaryButton.vue';
-import TextInput from '@/Components/TextInput.vue';
-import { Head, useForm } from '@inertiajs/vue3';
+<script setup lang="ts">
+import MainLayout from "@/Layouts/MainLayout.vue";
+import GlassBox from "@/Components/FlightsGoneBy/GlassBox.vue";
+import { Head, useForm } from "@inertiajs/vue3";
+
+defineOptions({ layout: MainLayout });

 const form = useForm({
    password: '',
@@ -18,38 +17,53 @@ const submit = () => {
 </script>

 <template>
-    <GuestLayout>
-        <Head title="Confirm Password" />
+    <Head title="Confirm Password" />
+    <GlassBox>
+        <h2>Confirm Password</h2>
+        <p>This is a secure area. Please confirm your password before continuing.</p>

-        <div class="mb-4 text-sm text-gray-600">
-            This is a secure area of the application. Please confirm your
-            password before continuing.
-        </div>
+        <v-form style="width: 100%" @submit.prevent="submit">
+            <v-container>
+                <v-row>
+                    <v-col cols="12">
+                        <v-text-field
+                            v-model="form.password"
+                            label="Password"
+                            type="password"
+                            autocomplete="current-password"
+                            autofocus
+                            :error-messages="form.errors.password"
+                        />
+                    </v-col>
+                </v-row>

-        <form @submit.prevent="submit">
-            <div>
-                <InputLabel for="password" value="Password" />
-                <TextInput
-                    id="password"
-                    type="password"
-                    class="mt-1 block w-full"
-                    v-model="form.password"
-                    required
-                    autocomplete="current-password"
-                    autofocus
-                />
-                <InputError class="mt-2" :message="form.errors.password" />
-            </div>
-
-            <div class="mt-4 flex justify-end">
-                <PrimaryButton
-                    class="ms-4"
-                    :class="{ 'opacity-25': form.processing }"
-                    :disabled="form.processing"
-                >
-                    Confirm
-                </PrimaryButton>
-            </div>
-        </form>
-    </GuestLayout>
+                <v-row>
+                    <v-col cols="12" class="d-flex justify-end">
+                        <v-btn
+                            size="large"
+                            type="submit"
+                            :loading="form.processing"
+                            :disabled="form.processing"
+                        >
+                            Confirm
+                        </v-btn>
+                    </v-col>
+                </v-row>
+            </v-container>
+        </v-form>
+    </GlassBox>
 </template>
+
+<style scoped>
+h2 {
+    font-size: 2rem;
+    text-align: center;
+}
+
+p {
+    text-align: center;
+    width: 100%;
+    opacity: 0.7;
+    margin-bottom: 1rem;
+}
+</style>