import { Button } from '@/components/ui/button';
import { Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table';
import AuthenticatedLayout from '@/layouts/AuthenticatedLayout';
import { PageProps } from '@/types';
import { Head, Link, router } from '@inertiajs/react';
import { Eye, Pencil, PlusCircle, Trash2 } from 'lucide-react';
interface HeroContent {
id: number;
title: string;
subtitle: string | null;
description: string | null;
image_path: string;
button_text: string | null;
button_link: string | null;
is_active: boolean;
created_at: string;
updated_at: string;
}
export default function HeroContentIndex({ auth, heroContents }: PageProps<{ heroContents: HeroContent[] }>) {
const handleDelete = (id: number) => {
if (confirm('Are you sure you want to delete this hero content?')) {
router.delete(route('admin.hero-contents.destroy', id));
}
};
return (
Hero Contents}>
{heroContents.length > 0 ? (
A list of your hero contents.TitleSubtitleImageActiveActions
{heroContents.map((heroContent) => (
{heroContent.title}{heroContent.subtitle}
{heroContent.image_path && (
)}
{heroContent.is_active ? 'Yes' : 'No'}
))}
) : (
No hero contents found. Click "Create New Hero Content" to add one.