// Backend files will follow in the next steps import { useState, useEffect } from “react”; import { Card, CardContent } from “@/components/ui/card”; import { Input } from “@/components/ui/input”; import { Button } from “@/components/ui/button”; import { Textarea } from “@/components/ui/textarea”; import { Select, SelectItem } from “@/components/ui/select”; import { Calendar } from “@/components/ui/calendar”; import { motion } from “framer-motion”; import axios from “axios”; const countries = [ “United States”, “Canada”, “United Kingdom”, “Australia”, “Germany”, “France”, “India”, “Brazil”, “South Africa”, “Japan”, “China”, “Mexico”, “Nigeria”, “Kenya”, “Italy”, “Spain”, “Netherlands”, “Sweden”, “Norway”, “New Zealand” ]; const JobBoard = () => { const [authenticated, setAuthenticated] = useState(false); const [username, setUsername] = useState(“”); const [password, setPassword] = useState(“”); const [jobs, setJobs] = useState([]); const [jobTitle, setJobTitle] = useState(“”); const [jobDescription, setJobDescription] = useState(“”); const [country, setCountry] = useState(“”); const [deadline, setDeadline] = useState(null); const [agentEmail, setAgentEmail] = useState(“”); const credentials = { username: “employer123”, password: “securePass!”, }; useEffect(() => { const fetchJobs = async () => { const res = await axios.get(“/api/jobs”); setJobs(res.data); }; fetchJobs(); }, []); const handleLogin = () => { if (username === credentials.username && password === credentials.password) { setAuthenticated(true); } else { alert(“Invalid credentials”); } }; const handleAddJob = async () => { if (jobTitle && jobDescription && country && deadline && agentEmail) { const newJob = { title: jobTitle, description: jobDescription, country, deadline, agentEmail, }; try { await axios.post(“/api/jobs”, newJob); alert(“Job submitted. Awaiting admin approval.”); setJobTitle(“”); setJobDescription(“”); setCountry(“”); setDeadline(null); setAgentEmail(“”); } catch (error) { console.error(“Error submitting job”, error); alert(“Submission failed”); } } else { alert(“Please complete all fields.”); } }; return (