import AdminLayout from '@/Layouts/AdminLayout'; import { Head, Link, router } from '@inertiajs/react'; import { FileText, ExternalLink, Edit, Trash2, MapPin, Tag, CheckCircle2, Circle } from 'lucide-react'; interface CaseStudy { id: number; title: string; tag: string | null; location: string | null; slug: string; is_active: boolean; media?: { url: string; }; } export default function Index({ caseStudies }: { caseStudies: CaseStudy[] }) { const deleteCase = (id: number) => { if (confirm('Delete this case study?')) { router.delete(route('admin.case-studies.destroy', id)); } }; return ( {/* Header */}

Case Studies

Manage your portfolio and results.

New Case Study

{/* Mobile View: Cards */}

{caseStudies.length > 0 ? caseStudies.map((c) => (

{c.media?.url ? (

) : ( )}

{c.title}

{c.tag || 'Case Study'}

{c.is_active ? ( ) : ( )}

{c.location || 'Remote'}

Edit

)) : (

No case studies found.

)}

{/* Desktop View: Table */}

{['Case Study', 'Status', 'Location', 'Tag', ''].map((h, i) => ( ))} {caseStudies.length > 0 ? caseStudies.map((c) => ( router.get(route('admin.case-studies.edit', c.id))} className="border-b border-[#F0EDE8] last:border-0 hover:bg-[#FAFAF8] transition-colors group cursor-pointer" > )) : ( )}

{h}
{c.media?.url ? ( ) : ( )} {c.title}	{c.is_active ? ( <> Active ) : ( <> Draft )}	{c.location \|\| '—'}	{c.tag \|\| '—'}	e.stopPropagation()}>
No case studies yet. Build your portfolio.

); }