complete Complete User Request Submission section RAD-1

2026-01-03 19:14:30 +03:30
commit 7137ec5792
393 changed files with 152602 additions and 0 deletions
@@ -0,0 +1,56 @@
+<script setup>
+import AuthLayout from '../../layouts/AuthLayout.vue'
+import UiButton from '../../components/ui/UiButton.vue'
+import { Link } from '@inertiajs/inertia-vue3';
+
+const props = defineProps({
+    phone: String,
+    availableLevels: Array
+})
+
+const getLevelLabel = (level) => {
+    return level === 'supervisor' ? 'پورتال کاربران' : level === 'doctor' ? 'پورتال پزشکان' : 'پورتال کاربران'
+}
+
+const getLevelRoute = (level) => {
+    return `/auth/login/choose-portal/${level}`
+}
+</script>
+
+<template>
+    <AuthLayout>
+        <main class="p-9 h-auto w-[450px] max-sm:w-[90%] m-auto bg-white rounded-xl">
+            <div class="grid grid-cols-a justify-start">
+                <h1 class="text-[16px] font-semibold !text-dominant-800">
+                    {{ $t('auth.ChoosePortal.title') }}
+                </h1>
+                <p class="!text-dominant-800 mt-1 text-[11px] font-normal">
+                    {{ $t('auth.ChoosePortal.subtitle').replace('%phone%', phone) }}
+                </p>
+                <Link href="/auth/login/phone" class="!text-dominant-600 text-[11px] font-normal">
+                    (تغییر شماره)
+                </Link>
+            </div>
+
+            <div class="flex flex-col gap-2 mt-6">
+                <Link
+                    v-for="level in availableLevels"
+                    :key="level"
+                    :href="getLevelRoute(level)"
+                    class="no-underline"
+                >
+                    <UiButton
+                        severity="secondary"
+                        :label="getLevelLabel(level)"
+                        size="large"
+                        full-width
+                        outlined
+                        height="40px"
+                        icon-position="start"
+                        icon-class="!text-sm mt-1"
+                    />
+                </Link>
+            </div>
+        </main>
+    </AuthLayout>
+</template>