57 lines
1.9 KiB
Vue
57 lines
1.9 KiB
Vue
<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>
|