import AppLayout from '@/layouts/app-layout'; import { type BreadcrumbItem } from '@/types'; import { Head, Link, useForm } from '@inertiajs/react'; import { Card, CardContent, CardFooter, CardHeader, CardTitle, } from "@/components/ui/card" import { Input } from "@/components/ui/input" import InputError from '@/components/input-error'; import { Button, buttonVariants } from '@/components/ui/button'; import { Label } from '@/components/ui/label'; import { FormEventHandler, useState } from 'react'; import ReactQuill from 'react-quill-new'; import 'react-quill-new/dist/quill.snow.css'; type CreateDynamicPageForm = { page_title: string; page_slug: string; page_content: string; }; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Dynamic Page Create', href: '/dynamic_page/create', }, ]; export default function Create() { const { data, setData, errors, post, reset, processing } = useForm({ page_title: '', page_slug: '', page_content: '', }); const createPage: FormEventHandler = (e) => { e.preventDefault(); post(route('dynamic_page.store'), { preserveScroll: true, onSuccess: () => { reset(); }, }); }; return (
Dynamic Pages List
Create Dynamic Page
setData('page_title', e.target.value)} placeholder="Enter the page title" disabled={processing} required />
setData('page_slug', e.target.value)} placeholder="Ex: about-us (leave empty to auto-generate from title)" disabled={processing} />
setData('page_content', content)} className="h-[300px]" readOnly={processing} />
); }