import AuthenticatedLayout from "@/Layouts/AuthenticatedLayout"; import { Head, Link, useForm } from "@inertiajs/react"; import { PencilSquareIcon, ArrowLeftIcon, CreditCardIcon, } from "@heroicons/react/24/solid"; import toast, { Toaster } from "react-hot-toast"; export default function Edit({ auth, pembayaranSumber }) { const user = auth.user; // Inisialisasi form dengan data yang akan diedit const { data, setData, put, processing, errors } = useForm({ nm_sumber: pembayaranSumber.nm_sumber || "", }); const submit = (e) => { e.preventDefault(); put(route("pembayaran-sumber.update", pembayaranSumber.id_sumber), { onSuccess: () => { toast.success("Pembayaran Sumber berhasil diperbarui!"); }, onError: () => toast.error( "Terjadi kesalahan saat memperbarui Pembayaran Sumber." ), }); }; return ( Edit Pembayaran Sumber } >
{/* Header Form */}

Edit Data Pembayaran

Ubah informasi sumber pembayaran: {pembayaranSumber.nm_sumber}

{/* Input Area dengan Styling Purple/Pink */}
setData("nm_sumber", e.target.value) } className="w-full pl-4 pr-4 py-3 border border-purple-300 dark:border-purple-500/40 rounded-lg bg-white dark:bg-purple-900/30 text-gray-900 dark:text-purple-100 placeholder-purple-500 dark:placeholder-purple-400 focus:ring-2 focus:ring-purple-500 focus:border-purple-500 transition-all duration-200" placeholder="Masukkan nama sumber pembayaran" required /> {errors.nm_sumber && (

{errors.nm_sumber}

)}
{/* Tombol Aksi */}
Kembali
); }