import AuthenticatedLayout from "@/Layouts/AuthenticatedLayout"; import { Head, useForm } from "@inertiajs/react"; import { ICancellation, IKid, IPaginator, IUser, PageProps } from "@/types"; import PrimaryButton from "@/Components/PrimaryButton"; import InputLabel from "@/Components/InputLabel"; import TextInput from "@/Components/TextInput"; import React, { useState } from "react"; import Modal from "@/Components/Modal"; import SelectInput from "@/Components/SelectInput"; import PaginatorComponent from "@/Components/Paginator"; interface FormData { start_date: string; end_date: string; kid_id: string; } export default function Meal({ auth, user, kids, cancellations, }: PageProps<{ user: IUser; cancellations: IPaginator; kids: IKid[]; }>) { const { data, setData, post, errors, reset } = useForm({ start_date: "", end_date: "", kid_id: "", }); const [selectedCancellation, setSelectedCancellation] = useState(null); const { delete: destroy } = useForm(); const [showDeleteModal, setShowDeleteModal] = useState(false); const handleCancelMeal = (e: React.FormEvent) => { e.preventDefault(); post( route("admin.users.cancellations.store", { user: user.id, }), { onSuccess: () => reset("start_date", "end_date", "kid_id"), } ); }; const handleDelete = () => { if (selectedCancellation) { destroy( route("admin.users.cancellations.destroy", { user: selectedCancellation.user_id, cancellation: selectedCancellation.id, }), { onFinish: () => { setShowDeleteModal(false); setSelectedCancellation(null); }, } ); } }; const kidOptions = kids.map((kid) => ({ label: kid.full_name, value: kid.id, })); return (
{Object.keys(errors).length > 0 && (
    {Object.entries(errors).map(([field, messages]) => (
  • {Array.isArray(messages) ? ( messages.map((message, index) => (

    {message}

    )) ) : (

    {messages}

    )}
    • ))}
)}
setData("start_date", e.target.value) } className={`mt-1 block w-full ${ errors.start_date ? "border-red-500" : "" }`} />
setData("end_date", e.target.value) } className={`mt-1 block w-full ${ errors.end_date ? "border-red-500" : "" }`} />
setData("kid_id", e.target.value) } options={kidOptions} className={`mt-1 block w-full ${ errors.kid_id ? "border-red-500" : "" }`} />
Lemondás

Lemondott Étkezések:

{cancellations.data.map((cancellation) => (
{cancellation.kid.full_name} {cancellation.date} { setSelectedCancellation(cancellation); setShowDeleteModal(true); }} > Törlés
))}
setShowDeleteModal(false)} >

Biztosan törölni szeretnéd?

Ez a művelet nem vonható vissza.

setShowDeleteModal(false)} className=" mr-4" > Mégse Törlés
); }