import { useState } from "react"; import AuthenticatedLayout from "@/layouts/authenticated-layout"; import { Head, Link, useForm } from "@inertiajs/react"; import { Card, CardHeader, CardTitle, CardDescription, CardContent } from "@/components/ui/card"; import { Label } from "@/components/ui/label"; import { Input } from "@/components/ui/input"; import { Button } from "@/components/ui/button"; type Institute = { id: number; name: string; type?: string; address?: string; district?: string; upazila?: string; division?: string; contact_number?: string; email?: string; website?: string; eiin?: string; logo?: File | null; established_year?: number; status: string; created_at: string; updated_at: string; // Added fields to match SQL emis_code?: string; school_code?: string; college_code?: string; thana_code?: string; description?: string; }; export default function CreateInstitute() { const { data, setData, errors, post, processing } = useForm>({ name: "", type: "", address: "", district: "", upazila: "", division: "", contact_number: "", email: "", website: "", eiin: "", logo: null, established_year: undefined, status: "1", emis_code: "", school_code: "", college_code: "", thana_code: "", description: "", }); const [logoPreview, setLogoPreview] = useState(null); const handleLogoChange = (e: React.ChangeEvent) => { const file = e.target.files?.[0]; setData("logo", file || null); if (file) { setLogoPreview(URL.createObjectURL(file)); } else { setLogoPreview(null); } }; function submit(e: React.FormEvent) { e.preventDefault(); // Basic client-side validation if (!data.name) { alert("Institute Name is required"); return; } if (data.email && !/\S+@\S+\.\S+/.test(data.email)) { alert("Invalid email format"); return; } post(route("institutes.store"), { forceFormData: true, onSuccess: () => { // Reset form or redirect setData({ name: "", type: "", address: "", district: "", upazila: "", division: "", contact_number: "", email: "", website: "", eiin: "", logo: null, established_year: undefined, status: "1", emis_code: "", school_code: "", college_code: "", thana_code: "", description: "", }); setLogoPreview(null); }, }); } return (

Create New Institute

Back to Institutes
Institute Information Fill out the form to register a new institute
{[ { id: "name", label: "Institute Name", type: "text", required: true }, { id: "type", label: "Type", type: "text" }, { id: "address", label: "Address", type: "text" }, { id: "district", label: "District", type: "text" }, { id: "upazila", label: "Upazila", type: "text" }, { id: "division", label: "Division", type: "text" }, { id: "contact_number", label: "Contact Number", type: "text" }, { id: "email", label: "Email", type: "email" }, { id: "website", label: "Website", type: "text" }, { id: "eiin", label: "EIIN", type: "text" }, { id: "emis_code", label: "EMIS Code", type: "text" }, { id: "school_code", label: "School Code", type: "text" }, { id: "college_code", label: "College Code", type: "text" }, { id: "thana_code", label: "Thana Code", type: "text" }, { id: "description", label: "Description", type: "text" }, ].map(({ id, label, type, required }) => (
setData(id as keyof Institute, e.target.value)} required={required} /> {errors[id as keyof typeof errors] && (
{errors[id as keyof typeof errors]}
)}
))}
setData("established_year", Number(e.target.value))} /> {errors.established_year && ( < div className="text-red-500 text-sm">{errors.established_year}
)}
{errors.status &&
{errors.status}
}
{logoPreview && ( Logo Preview )} {errors.logo &&
{errors.logo}
}
); }