import React, { useState } from "react" import { Head, Form } 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 { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Textarea } from "@/components/ui/textarea" import { ArrowLeft } from "lucide-react" import { type BreadcrumbItem } from "@/types" import InputError from "@/components/input-error" import { NewsCategory } from "@/types/admin/NewsCategory" import { NewsEvent } from "@/types/admin/NewsEvent" import { index, update } from "@/routes/admin/news-event" import RichTextEditor from "@/components/RichTextEditor" const breadcrumbs: BreadcrumbItem[] = [ { title: "News & Event", href: index().url }, { title: "Edit", href: "#" }, ] interface Category { label: string; value: string; } interface EditProps { categories: Category[] newsEvent: NewsEvent } export default function Edit({ categories, newsEvent }: EditProps) { const handleCancel = () => window.history.back() const [previewImages, setPreviewImages] = useState([]) const handleImageChange = (e: React.ChangeEvent) => { if (!e.target.files) return const files = Array.from(e.target.files) const previews = files.map(file => URL.createObjectURL(file)) setPreviewImages(previews) } return (
{/* Header */}

Edit News & Event

Update News & Event details

{/* Form */} News & Event Details
{({ errors }) => ( <>
{/* Category */}
{/* Title */}
{/* Slug */}
{/* Event Date */}
{/* Event Time */}
{/* Event Location */}
{/* Images */}

Leave empty to keep existing images

{/* Existing Images */} {newsEvent.image?.length > 0 && previewImages.length === 0 && (
{newsEvent.image.map((img, index) => ( Existing Image ))}
)} {/* New Image Preview */} {previewImages.length > 0 && (
{previewImages.map((src, index) => ( Preview ))}
)}
{/* Description */}
{/* Buttons */}
)}
) }