nuxt-layer-core 2.0.1 → 2.0.3

package/app/layers/solution/app/pages/giai-phap-proxmox/dang-ky-khoa-hoc/[slug].vue

@@ -1,131 +0,0 @@
-<script setup lang="ts">
-definePageMeta({ layout: 'default' })
-
-const route = useRoute()
-const { getSolutionDetail } = useSolutionApi()
-
-const slug = computed(() => route.params.slug as string)
-
-// SSR data fetch
-const { data, error } = await useAsyncData(
-  `dang-ky-${slug.value}`,
-  () => getSolutionDetail(slug.value, 'giai-phap'),
-  { server: true }
-)
-
-if (error.value || !data.value) {
-  throw createError({ statusCode: 404, statusMessage: 'Không tìm thấy khóa học', fatal: true })
-}
-
-// Format plans from resumeData
-const formatPlans = (resumeData: any) => {
-  const fieldResumes = resumeData?.fieldResumes || []
-  return fieldResumes
-    ?.filter((group: any) => group?.type === 'FIELD_GROUP' && Array.isArray(group?.children))
-    ?.map((group: any) => {
-      const fields = Object.fromEntries(
-        group.children?.map((field: any) => [field?.fieldName?.split('@')?.pop(), field?.value]) || []
-      )
-      return {
-        id: fields.productid || group.fieldName,
-        name: fields.title || '',
-        level: fields.level || '',
-        duration: fields.time || '',
-        icon: fields.icon || 'lucide:server',
-      }
-    }) || []
-}
-
-const plans = computed(() => formatPlans(data.value?.resumeData))
-const targetCTA = computed(() => data.value?.productData?.[0]?.targetCTA || '')
-const selectedPlanId = computed(() => (route.query.plan as string) || '')
-
-useHead({
-  title: computed(() => `Đăng ký khóa học - ${data.value?.productData?.[0]?.product?.title || 'Proxmox HCI'}`),
-})
-</script>
-
-<template>
-  <div class="bg-ink text-cloud font-body antialiased">
-    <TheHeader :target-c-t-a="targetCTA" :slug="slug" />
-
-    <div class="min-h-screen bg-[#f4f5f9] px-6 py-[7rem] font-sans text-slate-900">
-      <div class="mx-auto grid max-w-[1000px] grid-cols-1 items-start gap-6 md:grid-cols-[340px_1fr]">
-        <!-- Left column -->
-        <aside class="flex flex-col gap-4">
-          <div class="rounded-2xl border border-[#e7e9f0] bg-white p-7">
-            <h2 class="mb-5 text-[17px] font-bold text-slate-900">Vì sao chọn chúng tôi</h2>
-            <ul class="flex flex-col gap-[22px]">
-              <li class="flex items-start gap-3">
-                <span
-                  class="flex h-[34px] w-[34px] flex-none items-center justify-center rounded-[10px] bg-[#e8eefc] text-[#2f5fe0]">
-                  <svg class="h-[17px] w-[17px]" viewBox="0 0 24 24" fill="none" stroke="currentColor"
-                    stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
-                    <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" />
-                    <circle cx="9" cy="7" r="4" />
-                    <path d="M23 21v-2a4 4 0 0 0-3-3.87" />
-                    <path d="M16 3.13a4 4 0 0 1 0 7.75" />
-                  </svg>
-                </span>
-                <span class="flex flex-col gap-[3px]">
-                  <span class="text-sm font-semibold text-slate-900">Lớp nhỏ, kèm sát</span>
-                  <span class="text-[13px] leading-relaxed text-gray-500">Sĩ số giới hạn, giảng viên hỗ trợ trực tiếp
-                    từng học viên.</span>
-                </span>
-              </li>
-              <li class="flex items-start gap-3">
-                <span
-                  class="flex h-[34px] w-[34px] flex-none items-center justify-center rounded-[10px] bg-[#e8eefc] text-[#2f5fe0]">
-                  <svg class="h-[17px] w-[17px]" viewBox="0 0 24 24" fill="none" stroke="currentColor"
-                    stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
-                    <path d="M22 10 12 5 2 10l10 5 10-5Z" />
-                    <path d="M6 12v5c0 1.66 2.69 3 6 3s6-1.34 6-3v-5" />
-                  </svg>
-                </span>
-                <span class="flex flex-col gap-[3px]">
-                  <span class="text-sm font-semibold text-slate-900">Thực hành hệ thống thật</span>
-                  <span class="text-[13px] leading-relaxed text-gray-500">Thao tác trên cụm Proxmox HCI thực tế, không
-                    chỉ lý thuyết.</span>
-                </span>
-              </li>
-              <li class="flex items-start gap-3">
-                <span
-                  class="flex h-[34px] w-[34px] flex-none items-center justify-center rounded-[10px] bg-[#e8eefc] text-[#2f5fe0]">
-                  <svg class="h-[17px] w-[17px]" viewBox="0 0 24 24" fill="none" stroke="currentColor"
-                    stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
-                    <circle cx="12" cy="12" r="10" />
-                    <path d="m9 12 2 2 4-4" />
-                  </svg>
-                </span>
-                <span class="flex flex-col gap-[3px]">
-                  <span class="text-sm font-semibold text-slate-900">Chứng nhận hoàn thành</span>
-                  <span class="text-[13px] leading-relaxed text-gray-500">Cấp chứng nhận và hỗ trợ tư vấn nghề nghiệp
-                    sau khóa học.</span>
-                </span>
-              </li>
-            </ul>
-          </div>
-
-          <div class="rounded-2xl border border-[#dbe4fd] bg-[#eef2ff] px-6 py-[22px]">
-            <p class="mb-2 flex items-center gap-[9px] text-sm font-bold text-[#2f5fe0]">
-              <svg class="h-[17px] w-[17px] flex-none" viewBox="0 0 24 24" fill="none" stroke="currentColor"
-                stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
-                <path d="M23 7 16 12l7 5V7Z" />
-                <rect x="1" y="5" width="15" height="14" rx="2" ry="2" />
-              </svg>
-              Khai giảng linh hoạt
-            </p>
-            <p class="text-[13px] leading-relaxed text-gray-600">
-              Lịch học buổi tối và cuối tuần, phù hợp cho cả người đi làm. Hỗ trợ ghi hình buổi học để xem lại.
-            </p>
-          </div>
-        </aside>
-
-        <!-- Right column: form -->
-        <RegistrationForm :plans="plans" :selected-plan-id="selectedPlanId" />
-      </div>
-    </div>
-
-    <TheFooter />
-  </div>
-</template>