import AppLayout from '@/layouts/app-layout'; import { BreadcrumbItem } from '@/types'; import { Head, Link } from '@inertiajs/react'; import { AdmissionQuery } from '@/types/admin/AdmissionQuery'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import { Button } from '@/components/ui/button'; import { ArrowLeft, User, Users, GraduationCap, ClipboardList, Paperclip, Mail, Phone, MapPin, Calendar, Globe } from 'lucide-react'; import { index } from '@/routes/admin/admission-query'; const formatDate = (dateString: string) => { try { return new Intl.DateTimeFormat('en-US', { year: 'numeric', month: 'long', day: 'numeric' }).format(new Date(dateString)); } catch (e) { return dateString; } }; interface Props { admissionQuery: AdmissionQuery; grades: Record; genders: Record; } export default function Show({ admissionQuery, grades, genders }: Props) { const breadcrumbs: BreadcrumbItem[] = [ { title: 'Admission Queries', href: index().url, }, { title: 'Admission Query Details', href: '#', }, ]; const handleCancel = () => window.history.back() const DetailItem = ({ icon: Icon, label, value, className = "" }: { icon: any, label: string, value: React.ReactNode, className?: string }) => (
{label}
{value || Not Provided}
); return (
{/* Header */}

APPLY DETAILS

Submitted on {admissionQuery.created_at ? formatDate(admissionQuery.created_at) : 'N/A'}

{/* Student Identity Card */} Student Identity
{/* Contact Overview */} Contact Info {/* Guardian Details */} Guardians {/* Academic Background */} Academic History {/* Medical & Additional */} Additional Notes {/* Remarks Section */} Remarks
{admissionQuery.remarks || "No additional remarks provided."}
{/* Documents List */} Attached Documents {admissionQuery.documents && admissionQuery.documents.length > 0 ? (
{admissionQuery.documents.map((doc: string, idx: number) => (
Document {idx + 1} ))}
) : (
No documents attached
)}
); }