import { useState } from "react";
import { Card, CardContent } from "@/components/ui/card";
import { Button } from "@/components/ui/button";
import { Input } from "@/components/ui/input";
export default function PetugasJumatApp() {
const [jadwal, setJadwal] = useState([]);
const [newJadwal, setNewJadwal] = useState({ tanggal: "", imam: "", khatib: "", muadzin: "" });
const handleChange = (e) => {
setNewJadwal({ ...newJadwal, [e.target.name]: e.target.value });
};
const addJadwal = () => {
if (newJadwal.tanggal && newJadwal.imam && newJadwal.khatib && newJadwal.muadzin) {
setJadwal([...jadwal, newJadwal]);
setNewJadwal({ tanggal: "", imam: "", khatib: "", muadzin: "" });
}
};
const deleteJadwal = (index) => {
setJadwal(jadwal.filter((_, i) => i !== index));
};
const editJadwal = (index) => {
setNewJadwal(jadwal[index]);
setJadwal(jadwal.filter((_, i) => i !== index));
};
return (
);
}