import React from "react" import { Head, Link } from "@inertiajs/react" import AppLayout from "@/layouts/app-layout" import { Button } from "@/components/ui/button" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { ArrowLeft, HelpCircle, icons } from "lucide-react" import type { BreadcrumbItem } from "@/types" import { AdmissionProcess } from "@/types/admin/AdmissionProcess" import { index } from "@/routes/admin/admission-process" interface Props { admissionProcess: AdmissionProcess } export default function Show({ admissionProcess }: Props) { const breadcrumbs: BreadcrumbItem[] = [ { title: "Admission Process", href: index().url }, { title: "View Details", href: "#" }, ] // Dynamic icon rendering const IconComponent = (icons as any)[admissionProcess.icon] || icons.HelpCircle; return (
{/* Header Actions */}

{admissionProcess.title}

{admissionProcess.status ? "Active" : "Inactive"} Order: {admissionProcess.order}
{/* Content Grid */}
{/* Main Details */} Process Information

Title

{admissionProcess.title}

Display Order

{admissionProcess.order}

Icon Name

{admissionProcess.icon}

Status

{admissionProcess.status ? "Currently Active" : "Hidden / Inactive"}

Description

{admissionProcess.description ? (

{admissionProcess.description}

) : (

No description provided for this step.

)}
{/* Sidebar / Metadata */}
System Information

Record ID

# {admissionProcess.id}

Created At

{new Date(admissionProcess.created_at).toLocaleDateString(undefined, { year: 'numeric', month: 'long', day: 'numeric' })}

at {new Date(admissionProcess.created_at).toLocaleTimeString()}

Last Updated

{new Date(admissionProcess.updated_at).toLocaleDateString(undefined, { year: 'numeric', month: 'long', day: 'numeric' })}

at {new Date(admissionProcess.updated_at).toLocaleTimeString()}

) }