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 { ArrowLeft } from "lucide-react" import { type BreadcrumbItem } from "@/types" import InputError from "@/components/input-error" import { index, store } from "@/routes/admin/news-event" import RichTextEditor from "@/components/RichTextEditor" interface Category { label: string value: string } interface Props { categories: Category[] } const breadcrumbs: BreadcrumbItem[] = [ { title: "News & Event", href: index().url }, { title: "Create", href: "#" }, ] export default function Create({ categories }: Props) { const [selectedCategory, setSelectedCategory] = useState("") const handleCancel = () => window.history.back() return (
{/* Header */}

Create News & Event

Add a new News & Event.

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

Slug should be unique, lowercase, use "_" instead of spaces.

{/* Event Date */}
{/* Event Time – only for notice */} {selectedCategory !== "Notice" && (
)} {/* Event Location */} {selectedCategory !== "Notice" && (
)} {/* Images */}

Select multiple images (optional)

{/* Description */}
{/* Buttons */}
)}
) }