98:I[903690,["/chat-static/_next/static/chunks/14o7mx00c0d_j.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/393dq-lwgv9wd.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/3s7ykj2dkbd06.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/1v3tu-ayeqrg_.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/24itveg68o90k.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/3cbx1w3tl_otg.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/2_vvxgls65u3z.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/3xsve9e9fxw9u.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/00hzog-_vfdpw.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/2ir8jf7_bfjoy.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/3kl3thuqyhpdu.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/3dh9b5rhes-_3.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/2lpc1gu9jkwbr.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/0iiz89c_kj-81.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/3qbqqz-30yf_e.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/349enaxmn4q3i.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/2oig3hoirmj64.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/24jy__g3z80r3.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/285q_pkyp2z09.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/2ffzcp23_gird.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/15ezgh2jthv-e.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/3kx42pcdprjxa.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/0tcx-slyeab5h.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/2nnss2enfb-e6.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/2nl48tmwi7o2r.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/23j76nzgh16gy.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/2ne1aap-1i4ip.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/0f1d2d3vmnxgv.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/3ahsd2taw-yce.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/12ufa10kjkdwo.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/23towcwjqjdwj.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/22hg1dv7sryga.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/0tk0ui75ekja5.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/0ite474mxrjfz.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/0y0_nbp79fl4m.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/2gtswoggw3mxc.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/3bp_s4mjm3dkq.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/1g6ffz-mb5ddb.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/06fsnp71_5bsd.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/1hqlktk7lfas0.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/3n8byycmkcajc.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/3zy-fggddgwot.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/1phet_ike_jz5.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/0ri2k1_yh_pol.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/3ozpl0vnjpsf6.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/22zds_vsbu7ru.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/29jt0k3ejw_02.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd"],"ExplicitChatIdProvider"] 99:I[838238,["/chat-static/_next/static/chunks/14o7mx00c0d_j.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/393dq-lwgv9wd.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/3s7ykj2dkbd06.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/1v3tu-ayeqrg_.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/24itveg68o90k.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/3cbx1w3tl_otg.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/2_vvxgls65u3z.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/3xsve9e9fxw9u.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/00hzog-_vfdpw.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/2ir8jf7_bfjoy.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/3kl3thuqyhpdu.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/3dh9b5rhes-_3.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/2lpc1gu9jkwbr.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/0iiz89c_kj-81.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/3qbqqz-30yf_e.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/349enaxmn4q3i.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/2oig3hoirmj64.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/24jy__g3z80r3.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/285q_pkyp2z09.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/2ffzcp23_gird.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/15ezgh2jthv-e.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/3kx42pcdprjxa.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/0tcx-slyeab5h.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/2nnss2enfb-e6.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/2nl48tmwi7o2r.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/23j76nzgh16gy.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/2ne1aap-1i4ip.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/0f1d2d3vmnxgv.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/3ahsd2taw-yce.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/12ufa10kjkdwo.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/23towcwjqjdwj.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/22hg1dv7sryga.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/0tk0ui75ekja5.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/0ite474mxrjfz.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/0y0_nbp79fl4m.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/2gtswoggw3mxc.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/3bp_s4mjm3dkq.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/1g6ffz-mb5ddb.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/06fsnp71_5bsd.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/1hqlktk7lfas0.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/3n8byycmkcajc.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/3zy-fggddgwot.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/1phet_ike_jz5.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/0ri2k1_yh_pol.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/3ozpl0vnjpsf6.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/22zds_vsbu7ru.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd","/chat-static/_next/static/chunks/29jt0k3ejw_02.js?dpl=dpl_G8jYsHGLTfjnWWWayXLDJhg45gMd"],"SWRDataProvider"] 9b:[] 9c:[["pl3ygRRFS6N","b_izUanWJOSO3"]] 9d:[["pl3ygRRFS6N",{"templateVersionId":null,"templateCanonId":null}]] 9e:[["pl3ygRRFS6N","$D2025-05-15T08:38:44.784Z"]] 9f:[["pl3ygRRFS6N",false]] a0:[["pl3ygRRFS6N","$undefined"]] a1:[["pl3ygRRFS6N",null]] a2:[["pl3ygRRFS6N",true]] a3:[["pl3ygRRFS6N",true]] a4:[] a5:T511b6,[V0_FILE]typescriptreact:file="frontend/src/components/auth/Register.jsx" isMerged="true" "use client" import { useState } from "react" import { useNavigate, Link } from "react-router-dom" import { useAuth } from "../../context/AuthContext" const Register = () => { const [formData, setFormData] = useState({ username: "", password: "", confirmPassword: "", role: "DOCTOR", // Default role name: "", address: "", contactNumber: "", details: "", specialization: "", // Only for doctors }) const [error, setError] = useState("") const [loading, setLoading] = useState(false) const { register } = useAuth() const navigate = useNavigate() const handleChange = (e) => { const { name, value } = e.target setFormData((prevState) => ({ ...prevState, [name]: value, })) } const handleSubmit = async (e) => { e.preventDefault() setError("") // Validate passwords match if (formData.password !== formData.confirmPassword) { setError("Passwords do not match") return } setLoading(true) try { const result = await register({ username: formData.username, password: formData.password, role: formData.role, name: formData.name, address: formData.address, contactNumber: formData.contactNumber, details: formData.details, specialization: formData.role === "DOCTOR" ? formData.specialization : null, }) if (result.success) { navigate("/login") } else { setError(result.error) } } catch (err) { setError("Failed to register. Please try again.") console.error(err) } setLoading(false) } return (

Create your account

{error && (

{error}

)}

Username

Password

Confirm Password

Role

Full Name

Address

Contact Number

Details

</div>

{formData.role === "DOCTOR" && (
              <div>
                <label htmlFor="specialization" className="block text-sm font-medium text-gray-700">
                  Specialization
                </label>
                <input
                  id="specialization"
                  name="specialization"
                  type="text"
                  required
                  className="mt-1 appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-green-500 focus:border-green-500 sm:text-sm"
                  value={formData.specialization}
                  onChange={handleChange}
                />
              </div>
            )}
          </div>

<div>
            <button
              type="submit"
              disabled={loading}
              className="group relative w-full flex justify-center py-2 px-4 border border-transparent text-sm font-medium rounded-md text-white bg-green-600 hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500"
            >
              {loading ? "Registering..." : "Register"}
            </button>
          </div>

<div className="text-sm text-center">
            <Link to="/login" className="font-medium text-green-600 hover:text-green-500">
              Already have an account? Sign in
            </Link>
          </div>
        </form>
      </div>
    </div>
  )
}

export default Register
[V0_FILE]typescriptreact:file="frontend/src/components/admin/PatientForm.jsx" isMerged="true"
"use client"

import { useState, useEffect } from "react"
import { useParams, useNavigate } from "react-router-dom"
import api from "../../services/api"

const PatientForm = () => {
  const { id } = useParams()
  const navigate = useNavigate()
  const isEditMode = !!id

const [formData, setFormData] = useState({
    name: "",
    address: "",
    cNo: "",
    pDetails: "",
    dOAd: "",
    dODis: "",
    pHistory: "",
    eid: "",
  })

const [employees, setEmployees] = useState([])
  const [loading, setLoading] = useState(isEditMode)
  const [error, setError] = useState("")
  const [submitLoading, setSubmitLoading] = useState(false)

useEffect(() => {
    // Fetch employees for dropdown
    const fetchEmployees = async () => {
      try {
        const response = await api.get("/employees")
        setEmployees(response.data)
      } catch (err) {
        console.error("Failed to fetch employees", err)
      }
    }

fetchEmployees()

// If in edit mode, fetch patient data
    if (isEditMode) {
      const fetchPatient = async () => {
        try {
          const response = await api.get(`/patients/${id}`)

// Format dates for input fields
          const patient = response.data
          if (patient.dOAd) {
            patient.dOAd = patient.dOAd.split("T")[0] // Format to YYYY-MM-DD
          }
          if (patient.dODis) {
            patient.dODis = patient.dODis.split("T")[0] // Format to YYYY-MM-DD
          }

setFormData(patient)
          setLoading(false)
        } catch (err) {
          setError("Failed to fetch patient data")
          setLoading(false)
          console.error(err)
        }
      }

fetchPatient()
    }
  }, [id, isEditMode])

const handleChange = (e) => {
    const { name, value } = e.target
    setFormData((prevState) => ({
      ...prevState,
      [name]: value,
    }))
  }

const handleSubmit = async (e) => {
    e.preventDefault()
    setError("")
    setSubmitLoading(true)

try {
      if (isEditMode) {
        await api.put(`/patients/${id}`, formData)
      } else {
        await api.post("/patients", formData)
      }
      navigate("/admin/patients")
    } catch (err) {
      setError(`Failed to ${isEditMode ? "update" : "create"} patient`)
      console.error(err)
    } finally {
      setSubmitLoading(false)
    }
  }

if (loading) {
    return <div className="text-center py-4">Loading patient data...</div>
  }

return (
    <div>
      <h2 className="text-2xl font-semibold mb-6">{isEditMode ? "Edit Patient" : "Add New Patient"}</h2>

{error && (
        <div className="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4" role="alert">
          <span className="block sm:inline">{error}</span>
        </div>
      )}

<div>
            <label htmlFor="address" className="block text-sm font-medium text-gray-700">
              Address
            </label>
            <input
              type="text"
              id="address"
              name="address"
              value={formData.address}
              onChange={handleChange}
              required
              className="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-green-500 focus:border-green-500"
            />
          </div>

<div>
            <label htmlFor="cNo" className="block text-sm font-medium text-gray-700">
              Contact Number
            </label>
            <input
              type="text"
              id="cNo"
              name="cNo"
              value={formData.cNo}
              onChange={handleChange}
              required
              className="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-green-500 focus:border-green-500"
            />
          </div>

<div>
            <label htmlFor="eid" className="block text-sm font-medium text-gray-700">
              Assigned Employee
            </label>
            <select
              id="eid"
              name="eid"
              value={formData.eid}
              onChange={handleChange}
              required
              className="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-green-500 focus:border-green-500"
            >
              <option value="">Select an employee</option>
              {employees.map((employee) => (
                <option key={employee.eid} value={employee.eid}>
                  {employee.ename} ({employee.ejob})
                </option>
              ))}
            </select>
          </div>

<div>
            <label htmlFor="dOAd" className="block text-sm font-medium text-gray-700">
              Date of Admission
            </label>
            <input
              type="date"
              id="dOAd"
              name="dOAd"
              value={formData.dOAd}
              onChange={handleChange}
              required
              className="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-green-500 focus:border-green-500"
            />
          </div>

<div>
            <label htmlFor="dODis" className="block text-sm font-medium text-gray-700">
              Date of Discharge
            </label>
            <input
              type="date"
              id="dODis"
              name="dODis"
              value={formData.dODis || ""}
              onChange={handleChange}
              className="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-green-500 focus:border-green-500"
            />
          </div>
        </div>

<div>
          <label htmlFor="pDetails" className="block text-sm font-medium text-gray-700">
            Patient Details
          </label>
          <textarea
            id="pDetails"
            name="pDetails"
            rows={3}
            value={formData.pDetails}
            onChange={handleChange}
            className="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-green-500 focus:border-green-500"
          />
        </div>

<div>
          <label htmlFor="pHistory" className="block text-sm font-medium text-gray-700">
            Patient History
          </label>
          <textarea
            id="pHistory"
            name="pHistory"
            rows={3}
            value={formData.pHistory}
            onChange={handleChange}
            className="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-green-500 focus:border-green-500"
          />
        </div>

<div className="flex justify-end space-x-3">
          <button
            type="button"
            onClick={() => navigate("/admin/patients")}
            className="bg-gray-200 hover:bg-gray-300 text-gray-800 py-2 px-4 rounded"
          >
            Cancel
          </button>
          <button
            type="submit"
            disabled={submitLoading}
            className="bg-green-600 hover:bg-green-700 text-white py-2 px-4 rounded"
          >
            {submitLoading ? "Saving..." : "Save Patient"}
          </button>
        </div>
      </form>
    </div>
  )
}

export default PatientForm
[V0_FILE]typescriptreact:file="frontend/src/App.css" isMerged="true"
@tailwind base;
@tailwind components;
@tailwind utilities;

body {
  background-color: #f3f4f6;
}

.app {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.content {
  flex: 1;
}
[V0_FILE]typescriptreact:file="backend/src/main/java/com/hospital/management/entity/Employee.java" isMerged="true"
package com.hospital.management.entity;

@Entity
@Table(name = "EMPLOYEE")
public class Employee {

@Id
    @GeneratedValue(strategy = GenerationType.IDENTITY)
    @Column(name = "EID")
    private Long eid;

@Column(name = "Ename", nullable = false)
    private String ename;

@Column(name = "EAddress")
    private String eAddress;

@Column(name = "ECNo")
    private String eCNo;

@Column(name = "EDetails", columnDefinition = "TEXT")
    private String eDetails;

@Column(name = "ESal")
    private BigDecimal eSal;

@Column(name = "EJob")
    private String eJob;

// Getters and Setters
    public Long getEid() {
        return eid;
    }

public void setEid(Long eid) {
        this.eid = eid;
    }

public String getEname() {
        return ename;
    }

public void setEname(String ename) {
        this.ename = ename;
    }

public String getEAddress() {
        return eAddress;
    }

public void setEAddress(String eAddress) {
        this.eAddress = eAddress;
    }

public String getECNo() {
        return eCNo;
    }

public void setECNo(String eCNo) {
        this.eCNo = eCNo;
    }

public String getEDetails() {
        return eDetails;
    }

public void setEDetails(String eDetails) {
        this.eDetails = eDetails;
    }

public BigDecimal getESal() {
        return eSal;
    }

public void setESal(BigDecimal eSal) {
        this.eSal = eSal;
    }

public String getEJob() {
        return eJob;
    }

public void setEJob(String eJob) {
        this.eJob = eJob;
    }
}
[V0_FILE]typescriptreact:file="backend/src/main/java/com/hospital/management/entity/Receptionist.java" isMerged="true"
package com.hospital.management.entity;

import jakarta.persistence.Column;
import jakarta.persistence.Entity;
import jakarta.persistence.Id;
import jakarta.persistence.JoinColumn;
import jakarta.persistence.ManyToOne;
import jakarta.persistence.Table;

@Entity
@Table(name = "RECEPTIONIST")
public class Receptionist {

@Id
    @Column(name = "EID")
    private Long eid;

@Column(name = "Rname", nullable = false)
    private String rname;

@ManyToOne
    @JoinColumn(name = "PID")
    private Patient patient;

// Getters and Setters
    public Long getEid() {
        return eid;
    }

public void setEid(Long eid) {
        this.eid = eid;
    }

public String getRname() {
        return rname;
    }

public void setRname(String rname) {
        this.rname = rname;
    }

public Patient getPatient() {
        return patient;
    }

public void setPatient(Patient patient) {
        this.patient = patient;
    }
}
[V0_FILE]typescriptreact:file="backend/src/main/java/com/hospital/management/entity/Medicine.java" isMerged="true"
package com.hospital.management.entity;

@Entity
@Table(name = "MEDICINES")
public class Medicine {

@Id
    @GeneratedValue(strategy = GenerationType.IDENTITY)
    @Column(name = "MID")
    private Long mid;

@Column(name = "MName", nullable = false)
    private String mName;

@Column(name = "Quantity")
    private Integer quantity;

@ManyToOne
    @JoinColumn(name = "PID")
    private Patient patient;

@ManyToOne
    @JoinColumn(name = "EID")
    private Employee employee;

// Getters and Setters
    public Long getMid() {
        return mid;
    }

public void setMid(Long mid) {
        this.mid = mid;
    }

public String getMName() {
        return mName;
    }

public void setMName(String mName) {
        this.mName = mName;
    }

public Integer getQuantity() {
        return quantity;
    }

public void setQuantity(Integer quantity) {
        this.quantity = quantity;
    }

public Patient getPatient() {
        return patient;
    }

public void setPatient(Patient patient) {
        this.patient = patient;
    }

public Employee getEmployee() {
        return employee;
    }

public void setEmployee(Employee employee) {
        this.employee = employee;
    }
}
[V0_FILE]typescriptreact:file="backend/src/main/java/com/hospital/management/entity/User.java" isMerged="true"
package com.hospital.management.entity;

import org.springframework.security.core.GrantedAuthority;
import org.springframework.security.core.authority.SimpleGrantedAuthority;
import org.springframework.security.core.userdetails.UserDetails;

import java.util.ArrayList;
import java.util.List;

@Entity
@Table(name = "users")
public class User implements UserDetails {

@Id
    @GeneratedValue(strategy = GenerationType.IDENTITY)
    private Long id;

@Column(unique = true, nullable = false)
    private String username;

@Column(nullable = false)
    private String password;

@Column(nullable = false)
    private String role;

@Column(nullable = false)
    private boolean enabled = true;

// Getters and Setters
    public Long getId() {
        return id;
    }

public void setId(Long id) {
        this.id = id;
    }

public String getUsername() {
        return username;
    }

@Override
    public boolean isAccountNonExpired() {
        return true;
    }

@Override
    public boolean isAccountNonLocked() {
        return true;
    }

@Override
    public boolean isCredentialsNonExpired() {
        return true;
    }

@Override
    public boolean isEnabled() {
        return enabled;
    }

public void setUsername(String username) {
        this.username = username;
    }

@Override
    public Collection<? extends GrantedAuthority> getAuthorities() {
        List<GrantedAuthority> authorities = new ArrayList<>();
        authorities.add(new SimpleGrantedAuthority("ROLE_" + this.role));
        return authorities;
    }

public String getPassword() {
        return password;
    }

public void setPassword(String password) {
        this.password = password;
    }

public String getRole() {
        return role;
    }

public void setRole(String role) {
        this.role = role;
    }

public void setEnabled(boolean enabled) {
        this.enabled = enabled;
    }
}
[V0_FILE]typescriptreact:file="backend/src/main/java/com/hospital/management/repository/DoctorRepository.java" isMerged="true"
package com.hospital.management.repository;

import com.hospital.management.entity.Doctor;
import org.springframework.data.jpa.repository.JpaRepository;
import org.springframework.stereotype.Repository;

import java.util.List;

@Repository
public interface DoctorRepository extends JpaRepository<Doctor, Long> {
    
    List<Doctor> findByPatientPid(Long patientId);
    
    Doctor findByEid(Long employeeId);
}
[V0_FILE]typescriptreact:file="backend/src/main/java/com/hospital/management/repository/UserRepository.java" isMerged="true"
package com.hospital.management.repository;

import com.hospital.management.entity.User;
import org.springframework.data.jpa.repository.JpaRepository;
import org.springframework.stereotype.Repository;

import java.util.Optional;

@Repository
public interface UserRepository extends JpaRepository<User, Long> {
    
    Optional<User> findByUsername(String username);
    
    boolean existsByUsername(String username);
}
[V0_FILE]typescriptreact:file="backend/src/main/java/com/hospital/management/dto/AuthRequest.java" isMerged="true"
package com.hospital.management.dto;

public class AuthRequest {
    private String username;
    private String password;

// Getters and Setters
    public String getUsername() {
        return username;
    }

public void setUsername(String username) {
        this.username = username;
    }

public String getPassword() {
        return password;
    }

public void setPassword(String password) {
        this.password = password;
    }
}
[V0_FILE]typescriptreact:file="backend/src/main/java/com/hospital/management/dto/AuthResponse.java" isMerged="true"
package com.hospital.management.dto;

public class AuthResponse {
    private String token;
    private String role;
    private Long id;

public AuthResponse(String token, String role, Long id) {
        this.token = token;
        this.role = role;
        this.id = id;
    }

// Getters and Setters
    public String getToken() {
        return token;
    }

public void setToken(String token) {
        this.token = token;
    }

public String getRole() {
        return role;
    }

public void setRole(String role) {
        this.role = role;
    }

public Long getId() {
        return id;
    }

public void setId(Long id) {
        this.id = id;
    }
}
[V0_FILE]typescriptreact:file="backend/src/main/java/com/hospital/management/dto/RegisterRequest.java" isMerged="true"
package com.hospital.management.dto;

public class RegisterRequest {
    private String username;
    private String password;
    private String role;
    private String name;
    private String address;
    private String contactNumber;
    private String details;
    private String specialization;

// Getters and Setters
    public String getUsername() {
        return username;
    }

public void setUsername(String username) {
        this.username = username;
    }

public String getPassword() {
        return password;
    }

public void setPassword(String password) {
        this.password = password;
    }

public String getRole() {
        return role;
    }

public void setRole(String role) {
        this.role = role;
    }

public String getName() {
        return name;
    }

public void setName(String name) {
        this.name = name;
    }

public String getAddress() {
        return address;
    }

public void setAddress(String address) {
        this.address = address;
    }

public String getContactNumber() {
        return contactNumber;
    }

public void setContactNumber(String contactNumber) {
        this.contactNumber = contactNumber;
    }

public String getDetails() {
        return details;
    }

public void setDetails(String details) {
        this.details = details;
    }

public String getSpecialization() {
        return specialization;
    }

public void setSpecialization(String specialization) {
        this.specialization = specialization;
    }
}
[V0_FILE]typescriptreact:file="backend/src/main/java/com/hospital/management/security/JwtService.java" isMerged="true"
package com.hospital.management.security;

import io.jsonwebtoken.Claims;
import io.jsonwebtoken.Jwts;
import io.jsonwebtoken.SignatureAlgorithm;
import io.jsonwebtoken.io.Decoders;
import io.jsonwebtoken.security.Keys;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.security.core.userdetails.UserDetails;
import org.springframework.stereotype.Service;

import java.security.Key;
import java.util.Date;
import java.util.HashMap;
import java.util.Map;
import java.util.function.Function;

@Service
public class JwtService {

@Value("${jwt.secret}")
    private String secretKey;

@Value("${jwt.expiration}")
    private long jwtExpiration;

public String extractUsername(String token) {
        return extractClaim(token, Claims::getSubject);
    }

public <T> T extractClaim(String token, Function<Claims, T> claimsResolver) {
        final Claims claims = extractAllClaims(token);
        return claimsResolver.apply(claims);
    }

public String generateToken(UserDetails userDetails) {
        Map<String, Object> claims = new HashMap<>();
        if (userDetails instanceof org.springframework.security.core.userdetails.User) {
            claims.put("role", userDetails.getAuthorities().iterator().next().getAuthority().replace("ROLE_", ""));
        } else if (userDetails instanceof com.hospital.management.entity.User) {
            claims.put("role", ((com.hospital.management.entity.User) userDetails).getRole());
            claims.put("id", ((com.hospital.management.entity.User) userDetails).getId());
        }
        return generateToken(claims, userDetails);
    }

public String generateToken(Map<String, Object> extraClaims, UserDetails userDetails) {
        return Jwts.builder()
                .setClaims(extraClaims)
                .setSubject(userDetails.getUsername())
                .setIssuedAt(new Date(System.currentTimeMillis()))
                .setExpiration(new Date(System.currentTimeMillis() + jwtExpiration))
                .signWith(getSignInKey(), SignatureAlgorithm.HS256)
                .compact();
    }

public boolean isTokenValid(String token, UserDetails userDetails) {
        final String username = extractUsername(token);
        return (username.equals(userDetails.getUsername())) && !isTokenExpired(token);
    }

private boolean isTokenExpired(String token) {
        return extractExpiration(token).before(new Date());
    }

private Date extractExpiration(String token) {
        return extractClaim(token, Claims::getExpiration);
    }

private Claims extractAllClaims(String token) {
        return Jwts.parserBuilder()
                .setSigningKey(getSignInKey())
                .build()
                .parseClaimsJws(token)
                .getBody();
    }

private Key getSignInKey() {
        byte[] keyBytes = Decoders.BASE64.decode(secretKey);
        return Keys.hmacShaKeyFor(keyBytes);
    }
}
[V0_FILE]typescriptreact:file="backend/src/main/java/com/hospital/management/security/JwtAuthenticationFilter.java" isMerged="true"
package com.hospital.management.security;

import jakarta.servlet.FilterChain;
import jakarta.servlet.ServletException;
import jakarta.servlet.http.HttpServletRequest;
import jakarta.servlet.http.HttpServletResponse;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.security.authentication.UsernamePasswordAuthenticationToken;
import org.springframework.security.core.context.SecurityContextHolder;
import org.springframework.security.core.userdetails.UserDetails;
import org.springframework.security.core.userdetails.UserDetailsService;
import org.springframework.security.web.authentication.WebAuthenticationDetailsSource;
import org.springframework.stereotype.Component;
import org.springframework.web.filter.OncePerRequestFilter;

import java.io.IOException;

@Component
public class JwtAuthenticationFilter extends OncePerRequestFilter {

@Autowired
    private JwtService jwtService;

@Autowired
    private UserDetailsService userDetailsService;

@Override
    protected void doFilterInternal(
            HttpServletRequest request,
            HttpServletResponse response,
            FilterChain filterChain
    ) throws ServletException, IOException {
        final String authHeader = request.getHeader("Authorization");
        final String jwt;
        final String username;

if (authHeader == null || !authHeader.startsWith("Bearer ")) {
            filterChain.doFilter(request, response);
            return;
        }

jwt = authHeader.substring(7);
        username = jwtService.extractUsername(jwt);

if (username != null && SecurityContextHolder.getContext().getAuthentication() == null) {
            UserDetails userDetails = this.userDetailsService.loadUserByUsername(username);
            if (jwtService.isTokenValid(jwt, userDetails)) {
                UsernamePasswordAuthenticationToken authToken = new UsernamePasswordAuthenticationToken(
                        userDetails,
                        null,
                        userDetails.getAuthorities()
                );
                authToken.setDetails(
                        new WebAuthenticationDetailsSource().buildDetails(request)
                );
                SecurityContextHolder.getContext().setAuthentication(authToken);
            }
        }
        filterChain.doFilter(request, response);
    }
}
[V0_FILE]typescriptreact:file="backend/src/main/java/com/hospital/management/security/UserDetailsServiceImpl.java" isMerged="true"
package com.hospital.management.security;

import com.hospital.management.entity.User;
import com.hospital.management.repository.UserRepository;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.security.core.userdetails.UserDetails;
import org.springframework.security.core.userdetails.UserDetailsService;
import org.springframework.security.core.userdetails.UsernameNotFoundException;
import org.springframework.stereotype.Service;

@Service
public class UserDetailsServiceImpl implements UserDetailsService {

@Autowired
    private UserRepository userRepository;

@Override
    public UserDetails loadUserByUsername(String username) throws UsernameNotFoundException {
        return userRepository.findByUsername(username)
                .orElseThrow(() -> new UsernameNotFoundException("User not found with username: " + username));
    }
}
[V0_FILE]typescriptreact:file="frontend/src/components/admin/EmployeeList.jsx" isMerged="true"
"use client"

import { useState, useEffect } from "react"
import { Link } from "react-router-dom"
import api from "../../services/api"

const EmployeeList = () => {
  const [employees, setEmployees] = useState([])
  const [loading, setLoading] = useState(true)
  const [error, setError] = useState("")

useEffect(() => {
    fetchEmployees()
  }, [])

const fetchEmployees = async () => {
    try {
      const response = await api.get("/employees")
      setEmployees(response.data)
      setLoading(false)
    } catch (err) {
      setError("Failed to fetch employees")
      setLoading(false)
      console.error(err)
    }
  }

const handleDelete = async (id) => {
    if (window.confirm("Are you sure you want to delete this employee?")) {
      try {
        await api.delete(`/employees/${id}`)
        setEmployees(employees.filter((employee) => employee.eid !== id))
      } catch (err) {
        setError("Failed to delete employee")
        console.error(err)
      }
    }
  }

if (loading) {
    return <div className="text-center py-4">Loading employees...</div>
  }

if (error) {
    return <div className="text-red-500 text-center py-4">{error}</div>
  }

return (
    <div>
      <div className="flex justify-between items-center mb-6">
        <h2 className="text-2xl font-semibold">Employee Management</h2>
        <Link to="/admin/employees/add" className="bg-green-600 hover:bg-green-700 text-white py-2 px-4 rounded">
          Add New Employee
        </Link>
      </div>

{employees.length === 0 ? (
        <p className="text-gray-500 text-center py-4">No employees found.</p>
      ) : (
        <div className="overflow-x-auto">
          <table className="min-w-full bg-white">
            <thead className="bg-gray-100">
              <tr>
                <th className="py-3 px-4 text-left">ID</th>
                <th className="py-3 px-4 text-left">Name</th>
                <th className="py-3 px-4 text-left">Job</th>
                <th className="py-3 px-4 text-left">Address</th>
                <th className="py-3 px-4 text-left">Contact</th>
                <th className="py-3 px-4 text-left">Salary</th>
                <th className="py-3 px-4 text-left">Actions</th>
              </tr>
            </thead>
            <tbody>
              {employees.map((employee) => (
                <tr key={employee.eid} className="border-b hover:bg-gray-50">
                  <td className="py-3 px-4">{employee.eid}</td>
                  <td className="py-3 px-4">{employee.ename}</td>
                  <td className="py-3 px-4">{employee.eJob}</td>
                  <td className="py-3 px-4">{employee.eAddress}</td>
                  <td className="py-3 px-4">{employee.eCNo}</td>
                  <td className="py-3 px-4">${employee.eSal}</td>
                  <td className="py-3 px-4">
                    <div className="flex space-x-2">
                      <Link to={`/admin/employees/edit/${employee.eid}`} className="text-blue-600 hover:text-blue-800">
                        Edit
                      </Link>
                      <button onClick={() => handleDelete(employee.eid)} className="text-red-600 hover:text-red-800">
                        Delete
                      </button>
                    </div>
                  </td>
                </tr>
              ))}
            </tbody>
          </table>
        </div>
      )}
    </div>
  )
}

export default EmployeeList
[V0_FILE]typescriptreact:file="frontend/src/components/admin/EmployeeForm.jsx" isMerged="true"
"use client"

import { useState, useEffect } from "react"
import { useParams, useNavigate } from "react-router-dom"
import api from "../../services/api"

const EmployeeForm = () => {
  const { id } = useParams()
  const navigate = useNavigate()
  const isEditMode = !!id

const [formData, setFormData] = useState({
    ename: "",
    eAddress: "",
    eCNo: "",
    eDetails: "",
    eSal: "",
    eJob: "Doctor", // Default job
  })

const [loading, setLoading] = useState(isEditMode)
  const [error, setError] = useState("")
  const [submitLoading, setSubmitLoading] = useState(false)

useEffect(() => {
    // If in edit mode, fetch employee data
    if (isEditMode) {
      const fetchEmployee = async () => {
        try {
          const response = await api.get(`/employees/${id}`)
          setFormData(response.data)
          setLoading(false)
        } catch (err) {
          setError("Failed to fetch employee data")
          setLoading(false)
          console.error(err)
        }
      }

fetchEmployee()
    }
  }, [id, isEditMode])

const handleChange = (e) => {
    const { name, value } = e.target
    setFormData((prevState) => ({
      ...prevState,
      [name]: value,
    }))
  }

const handleSubmit = async (e) => {
    e.preventDefault()
    setError("")
    setSubmitLoading(true)

try {
      if (isEditMode) {
        await api.put(`/employees/${id}`, formData)
      } else {
        await api.post("/employees", formData)
      }
      navigate("/admin/employees")
    } catch (err) {
      setError(`Failed to ${isEditMode ? "update" : "create"} employee`)
      console.error(err)
    } finally {
      setSubmitLoading(false)
    }
  }

if (loading) {
    return <div className="text-center py-4">Loading employee data...</div>
  }

return (
    <div>
      <h2 className="text-2xl font-semibold mb-6">{isEditMode ? "Edit Employee" : "Add New Employee"}</h2>

<div>
            <label htmlFor="eJob" className="block text-sm font-medium text-gray-700">
              Job
            </label>
            <select
              id="eJob"
              name="eJob"
              value={formData.eJob}
              onChange={handleChange}
              required
              className="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-green-500 focus:border-green-500"
            >
              <option value="Doctor">Doctor</option>
              <option value="Nurse">Nurse</option>
              <option value="Receptionist">Receptionist</option>
              <option value="Admin">Admin</option>
              <option value="Other">Other</option>
            </select>
          </div>

<div>
            <label htmlFor="eAddress" className="block text-sm font-medium text-gray-700">
              Address
            </label>
            <input
              type="text"
              id="eAddress"
              name="eAddress"
              value={formData.eAddress}
              onChange={handleChange}
              required
              className="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-green-500 focus:border-green-500"
            />
          </div>

<div>
            <label htmlFor="eCNo" className="block text-sm font-medium text-gray-700">
              Contact Number
            </label>
            <input
              type="text"
              id="eCNo"
              name="eCNo"
              value={formData.eCNo}
              onChange={handleChange}
              required
              className="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-green-500 focus:border-green-500"
            />
          </div>

<div>
            <label htmlFor="eSal" className="block text-sm font-medium text-gray-700">
              Salary
            </label>
            <input
              type="number"
              id="eSal"
              name="eSal"
              value={formData.eSal}
              onChange={handleChange}
              required
              min="0"
              step="0.01"
              className="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-green-500 focus:border-green-500"
            />
          </div>
        </div>

<div>
          <label htmlFor="eDetails" className="block text-sm font-medium text-gray-700">
            Details
          </label>
          <textarea
            id="eDetails"
            name="eDetails"
            rows={3}
            value={formData.eDetails}
            onChange={handleChange}
            className="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-green-500 focus:border-green-500"
          />
        </div>

<div className="flex justify-end space-x-3">
          <button
            type="button"
            onClick={() => navigate("/admin/employees")}
            className="bg-gray-200 hover:bg-gray-300 text-gray-800 py-2 px-4 rounded"
          >
            Cancel
          </button>
          <button
            type="submit"
            disabled={submitLoading}
            className="bg-green-600 hover:bg-green-700 text-white py-2 px-4 rounded"
          >
            {submitLoading ? "Saving..." : "Save Employee"}
          </button>
        </div>
      </form>
    </div>
  )
}

export default EmployeeForm
[V0_FILE]typescriptreact:file="frontend/src/components/admin/MedicineList.jsx" isMerged="true"
"use client"

import { useState, useEffect } from "react"
import { Link } from "react-router-dom"
import api from "../../services/api"

const MedicineList = () => {
  const [medicines, setMedicines] = useState([])
  const [loading, setLoading] = useState(true)
  const [error, setError] = useState("")

useEffect(() => {
    fetchMedicines()
  }, [])

const fetchMedicines = async () => {
    try {
      const response = await api.get("/medicines")
      setMedicines(response.data)
      setLoading(false)
    } catch (err) {
      setError("Failed to fetch medicines")
      setLoading(false)
      console.error(err)
    }
  }

const handleDelete = async (id) => {
    if (window.confirm("Are you sure you want to delete this medicine?")) {
      try {
        await api.delete(`/medicines/${id}`)
        setMedicines(medicines.filter((medicine) => medicine.mid !== id))
      } catch (err) {
        setError("Failed to delete medicine")
        console.error(err)
      }
    }
  }

if (loading) {
    return <div className="text-center py-4">Loading medicines...</div>
  }

if (error) {
    return <div className="text-red-500 text-center py-4">{error}</div>
  }

return (
    <div>
      <div className="flex justify-between items-center mb-6">
        <h2 className="text-2xl font-semibold">Medicine Management</h2>
        <Link to="/admin/medicines/add" className="bg-green-600 hover:bg-green-700 text-white py-2 px-4 rounded">
          Add New Medicine
        </Link>
      </div>

{medicines.length === 0 ? (
        <p className="text-gray-500 text-center py-4">No medicines found.</p>
      ) : (
        <div className="overflow-x-auto">
          <table className="min-w-full bg-white">
            <thead className="bg-gray-100">
              <tr>
                <th className="py-3 px-4 text-left">ID</th>
                <th className="py-3 px-4 text-left">Name</th>
                <th className="py-3 px-4 text-left">Quantity</th>
                <th className="py-3 px-4 text-left">Patient</th>
                <th className="py-3 px-4 text-left">Prescribed By</th>
                <th className="py-3 px-4 text-left">Actions</th>
              </tr>
            </thead>
            <tbody>
              {medicines.map((medicine) => (
                <tr key={medicine.mid} className="border-b hover:bg-gray-50">
                  <td className="py-3 px-4">{medicine.mid}</td>
                  <td className="py-3 px-4">{medicine.mName}</td>
                  <td className="py-3 px-4">{medicine.quantity}</td>
                  <td className="py-3 px-4">{medicine.patient ? medicine.patient.name : "General Stock"}</td>
                  <td className="py-3 px-4">{medicine.employee ? medicine.employee.ename : "N/A"}</td>
                  <td className="py-3 px-4">
                    <div className="flex space-x-2">
                      <Link to={`/admin/medicines/edit/${medicine.mid}`} className="text-blue-600 hover:text-blue-800">
                        Edit
                      </Link>
                      <button onClick={() => handleDelete(medicine.mid)} className="text-red-600 hover:text-red-800">
                        Delete
                      </button>
                    </div>
                  </td>
                </tr>
              ))}
            </tbody>
          </table>
        </div>
      )}
    </div>
  )
}

export default MedicineList
[V0_FILE]typescriptreact:file="frontend/src/components/admin/MedicineForm.jsx" isMerged="true"
"use client"

import { useState, useEffect } from "react"
import { useParams, useNavigate } from "react-router-dom"
import api from "../../services/api"

const MedicineForm = () => {
  const { id } = useParams()
  const navigate = useNavigate()
  const isEditMode = !!id

const [formData, setFormData] = useState({
    mName: "",
    quantity: 0,
    pid: "",
    eid: "",
  })

const [patients, setPatients] = useState([])
  const [employees, setEmployees] = useState([])
  const [loading, setLoading] = useState(isEditMode)
  const [error, setError] = useState("")
  const [submitLoading, setSubmitLoading] = useState(false)

useEffect(() => {
    // Fetch patients and employees for dropdowns
    const fetchData = async () => {
      try {
        const [patientsResponse, employeesResponse] = await Promise.all([api.get("/patients"), api.get("/employees")])
        setPatients(patientsResponse.data)
        setEmployees(employeesResponse.data)
      } catch (err) {
        console.error("Failed to fetch data", err)
      }
    }

fetchData()

// If in edit mode, fetch medicine data
    if (isEditMode) {
      const fetchMedicine = async () => {
        try {
          const response = await api.get(`/medicines/${id}`)
          const medicineData = response.data
          setFormData({
            mName: medicineData.mName,
            quantity: medicineData.quantity,
            pid: medicineData.patient ? medicineData.patient.pid : "",
            eid: medicineData.employee ? medicineData.employee.eid : "",
          })
          setLoading(false)
        } catch (err) {
          setError("Failed to fetch medicine data")
          setLoading(false)
          console.error(err)
        }
      }

fetchMedicine()
    } else {
      setLoading(false)
    }
  }, [id, isEditMode])

const handleChange = (e) => {
    const { name, value } = e.target
    setFormData((prevState) => ({
      ...prevState,
      [name]: name === "quantity" ? Number.parseInt(value, 10) : value,
    }))
  }

const handleSubmit = async (e) => {
    e.preventDefault()
    setError("")
    setSubmitLoading(true)

try {
      const medicineData = {
        ...formData,
        patient: formData.pid ? { pid: formData.pid } : null,
        employee: formData.eid ? { eid: formData.eid } : null,
      }

if (isEditMode) {
        await api.put(`/medicines/${id}`, medicineData)
      } else {
        await api.post("/medicines", medicineData)
      }
      navigate("/admin/medicines")
    } catch (err) {
      setError(`Failed to ${isEditMode ? "update" : "create"} medicine`)
      console.error(err)
    } finally {
      setSubmitLoading(false)
    }
  }

if (loading) {
    return <div className="text-center py-4">Loading medicine data...</div>
  }

return (
    <div>
      <h2 className="text-2xl font-semibold mb-6">{isEditMode ? "Edit Medicine" : "Add New Medicine"}</h2>

<form onSubmit={handleSubmit} className="space-y-6">
        <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
          <div>
            <label htmlFor="mName" className="block text-sm font-medium text-gray-700">
              Medicine Name
            </label>
            <input
              type="text"
              id="mName"
              name="mName"
              value={formData.mName}
              onChange={handleChange}
              required
              className="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-green-500 focus:border-green-500"
            />
          </div>

<div>
            <label htmlFor="quantity" className="block text-sm font-medium text-gray-700">
              Quantity
            </label>
            <input
              type="number"
              id="quantity"
              name="quantity"
              value={formData.quantity}
              onChange={handleChange}
              required
              min="0"
              className="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-green-500 focus:border-green-500"
            />
          </div>

<div>
            <label htmlFor="pid" className="block text-sm font-medium text-gray-700">
              Patient (Optional)
            </label>
            <select
              id="pid"
              name="pid"
              value={formData.pid}
              onChange={handleChange}
              className="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-green-500 focus:border-green-500"
            >
              <option value="">General Stock</option>
              {patients.map((patient) => (
                <option key={patient.pid} value={patient.pid}>
                  {patient.name}
                </option>
              ))}
            </select>
          </div>

<div>
            <label htmlFor="eid" className="block text-sm font-medium text-gray-700">
              Prescribed By (Optional)
            </label>
            <select
              id="eid"
              name="eid"
              value={formData.eid}
              onChange={handleChange}
              className="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-green-500 focus:border-green-500"
            >
              <option value="">Select an employee</option>
              {employees
                .filter((emp) => emp.eJob === "Doctor")
                .map((employee) => (
                  <option key={employee.eid} value={employee.eid}>
                    {employee.ename}
                  </option>
                ))}
            </select>
          </div>
        </div>

<div className="flex justify-end space-x-3">
          <button
            type="button"
            onClick={() => navigate("/admin/medicines")}
            className="bg-gray-200 hover:bg-gray-300 text-gray-800 py-2 px-4 rounded"
          >
            Cancel
          </button>
          <button
            type="submit"
            disabled={submitLoading}
            className="bg-green-600 hover:bg-green-700 text-white py-2 px-4 rounded"
          >
            {submitLoading ? "Saving..." : "Save Medicine"}
          </button>
        </div>
      </form>
    </div>
  )
}

export default MedicineForm
[V0_FILE]typescriptreact:file="frontend/src/components/doctor/RecordForm.jsx" isMerged="true"
"use client"

import { useState, useEffect } from "react"
import { useParams, useNavigate, useLocation } from "react-router-dom"
import api from "../../services/api"
import { useAuth } from "../../context/AuthContext"

const RecordForm = () => {
  const { id } = useParams()
  const navigate = useNavigate()
  const location = useLocation()
  const { currentUser } = useAuth()
  const isEditMode = !!id

// Get patientId from query params if available
  const queryParams = new URLSearchParams(location.search)
  const patientIdFromQuery = queryParams.get("patientId")

const [formData, setFormData] = useState({
    rDetails: "",
    eType: "Examination",
    pid: patientIdFromQuery || "",
  })

const [patients, setPatients] = useState([])
  const [loading, setLoading] = useState(isEditMode)
  const [error, setError] = useState("")
  const [submitLoading, setSubmitLoading] = useState(false)

useEffect(() => {
    // Fetch patients assigned to the current doctor
    const fetchPatients = async () => {
      try {
        const response = await api.get(`/doctors/${currentUser.id}/patients`)
        setPatients(response.data)
      } catch (err) {
        console.error("Failed to fetch patients", err)
      }
    }

fetchPatients()

// If in edit mode, fetch record data
    if (isEditMode) {
      const fetchRecord = async () => {
        try {
          const response = await api.get(`/records/${id}`)
          const recordData = response.data
          setFormData({
            rDetails: recordData.rDetails,
            eType: recordData.eType,
            pid: recordData.patient ? recordData.patient.pid : "",
          })
          setLoading(false)
        } catch (err) {
          setError("Failed to fetch record data")
          setLoading(false)
          console.error(err)
        }
      }

fetchRecord()
    } else {
      setLoading(false)
    }
  }, [id, isEditMode, currentUser.id, patientIdFromQuery])

const handleChange = (e) => {
    const { name, value } = e.target
    setFormData((prevState) => ({
      ...prevState,
      [name]: value,
    }))
  }

const handleSubmit = async (e) => {
    e.preventDefault()
    setError("")
    setSubmitLoading(true)

try {
      const recordData = {
        ...formData,
        patient: formData.pid ? { pid: formData.pid } : null,
      }

if (isEditMode) {
        await api.put(`/records/${id}`, recordData)
      } else {
        await api.post("/records", recordData)
      }

// If we came from patient details, go back there
      if (patientIdFromQuery) {
        navigate(`/doctor/patients/${patientIdFromQuery}`)
      } else {
        navigate("/doctor/records")
      }
    } catch (err) {
      setError(`Failed to ${isEditMode ? "update" : "create"} record`)
      console.error(err)
    } finally {
      setSubmitLoading(false)
    }
  }

if (loading) {
    return <div className="text-center py-4">Loading record data...</div>
  }

return (
    <div>
      <h2 className="text-2xl font-semibold mb-6">{isEditMode ? "Edit Record" : "Add New Record"}</h2>

<form onSubmit={handleSubmit} className="space-y-6">
        <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
          <div>
            <label htmlFor="pid" className="block text-sm font-medium text-gray-700">
              Patient
            </label>
            <select
              id="pid"
              name="pid"
              value={formData.pid}
              onChange={handleChange}
              required
              disabled={!!patientIdFromQuery}
              className="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-green-500 focus:border-green-500"
            >
              <option value="">Select a patient</option>
              {patients.map((patient) => (
                <option key={patient.pid} value={patient.pid}>
                  {patient.name}
                </option>
              ))}
            </select>
          </div>

<div>
            <label htmlFor="eType" className="block text-sm font-medium text-gray-700">
              Record Type
            </label>
            <select
              id="eType"
              name="eType"
              value={formData.eType}
              onChange={handleChange}
              required
              className="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-green-500 focus:border-green-500"
            >
              <option value="Examination">Examination</option>
              <option value="Treatment">Treatment</option>
              <option value="Surgery">Surgery</option>
              <option value="Test">Test</option>
              <option value="Prescription">Prescription</option>
              <option value="Other">Other</option>
            </select>
          </div>
        </div>

<div>
          <label htmlFor="rDetails" className="block text-sm font-medium text-gray-700">
            Record Details
          </label>
          <textarea
            id="rDetails"
            name="rDetails"
            rows={5}
            value={formData.rDetails}
            onChange={handleChange}
            required
            className="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-green-500 focus:border-green-500"
          />
        </div>

<div className="flex justify-end space-x-3">
          <button
            type="button"
            onClick={() =>
              patientIdFromQuery ? navigate(`/doctor/patients/${patientIdFromQuery}`) : navigate("/doctor/records")
            }
            className="bg-gray-200 hover:bg-gray-300 text-gray-800 py-2 px-4 rounded"
          >
            Cancel
          </button>
          <button
            type="submit"
            disabled={submitLoading}
            className="bg-green-600 hover:bg-green-700 text-white py-2 px-4 rounded"
          >
            {submitLoading ? "Saving..." : "Save Record"}
          </button>
        </div>
      </form>
    </div>
  )
}

export default RecordForm
[V0_FILE]typescriptreact:file="frontend/src/components/doctor/MedicineList.jsx" isMerged="true"
"use client"

import { useState, useEffect } from "react"
import api from "../../services/api"
import { useAuth } from "../../context/AuthContext"

const MedicineList = () => {
  const [medicines, setMedicines] = useState([])
  const [loading, setLoading] = useState(true)
  const [error, setError] = useState("")
  const { currentUser } = useAuth()

useEffect(() => {
    fetchMedicines()
  }, [])

const fetchMedicines = async () => {
    try {
      // Get all medicines for the doctor to view
      const response = await api.get("/medicines")
      setMedicines(response.data)
      setLoading(false)
    } catch (err) {
      setError("Failed to fetch medicines")
      setLoading(false)
      console.error(err)
    }
  }

if (loading) {
    return <div className="text-center py-4">Loading medicines...</div>
  }

if (error) {
    return <div className="text-red-500 text-center py-4">{error}</div>
  }

return (
    <div>
      <h2 className="text-2xl font-semibold mb-6">Available Medicines</h2>

export default MedicineList
[V0_FILE]typescriptreact:file="backend/src/main/java/com/hospital/management/repository/MedicineRepository.java" isMerged="true"
package com.hospital.management.repository;

import com.hospital.management.entity.Medicine;
import org.springframework.data.jpa.repository.JpaRepository;
import org.springframework.stereotype.Repository;

import java.util.List;

@Repository
public interface MedicineRepository extends JpaRepository<Medicine, Long> {
    
    List<Medicine> findByPatientPid(Long patientId);
    
    List<Medicine> findByEmployeeEid(Long employeeId);
}
[V0_FILE]typescriptreact:file="backend/src/main/java/com/hospital/management/repository/NurseRepository.java" isMerged="true"
package com.hospital.management.repository;

import com.hospital.management.entity.Nurse;
import org.springframework.data.jpa.repository.JpaRepository;
import org.springframework.stereotype.Repository;

@Repository
public interface NurseRepository extends JpaRepository<Nurse, Long> {
}
[V0_FILE]typescriptreact:file="backend/src/main/java/com/hospital/management/repository/ReceptionistRepository.java" isMerged="true"
package com.hospital.management.repository;

import com.hospital.management.entity.Receptionist;
import org.springframework.data.jpa.repository.JpaRepository;
import org.springframework.stereotype.Repository;

@Repository
public interface ReceptionistRepository extends JpaRepository<Receptionist, Long> {
}
[V0_FILE]typescriptreact:file="backend/src/main/java/com/hospital/management/dto/EmployeeDTO.java" isMerged="true"
package com.hospital.management.dto;

import java.math.BigDecimal;

public class EmployeeDTO {
    private Long eid;
    private String ename;
    private String eAddress;
    private String eCNo;
    private String eDetails;
    private BigDecimal eSal;
    private String eJob;

// Getters and Setters
    public Long getEid() {
        return eid;
    }

public void setEid(Long eid) {
        this.eid = eid;
    }

public String getEname() {
        return ename;
    }

public void setEname(String ename) {
        this.ename = ename;
    }

public String getEAddress() {
        return eAddress;
    }

public void setEAddress(String eAddress) {
        this.eAddress = eAddress;
    }

public String getECNo() {
        return eCNo;
    }

public void setECNo(String eCNo) {
        this.eCNo = eCNo;
    }

public String getEDetails() {
        return eDetails;
    }

public void setEDetails(String eDetails) {
        this.eDetails = eDetails;
    }

public BigDecimal getESal() {
        return eSal;
    }

public void setESal(BigDecimal eSal) {
        this.eSal = eSal;
    }

public String getEJob() {
        return eJob;
    }

public void setEJob(String eJob) {
        this.eJob = eJob;
    }
}
[V0_FILE]typescriptreact:file="backend/src/main/java/com/hospital/management/dto/MedicineDTO.java" isMerged="true"
package com.hospital.management.dto;

public class MedicineDTO {
    private Long mid;
    private String mName;
    private Integer quantity;
    private PatientDTO patient;
    private EmployeeDTO employee;

// Getters and Setters
    public Long getMid() {
        return mid;
    }

public void setMid(Long mid) {
        this.mid = mid;
    }

public String getMName() {
        return mName;
    }

public void setMName(String mName) {
        this.mName = mName;
    }

public Integer getQuantity() {
        return quantity;
    }

public void setQuantity(Integer quantity) {
        this.quantity = quantity;
    }

public PatientDTO getPatient() {
        return patient;
    }

public void setPatient(PatientDTO patient) {
        this.patient = patient;
    }

public EmployeeDTO getEmployee() {
        return employee;
    }

public void setEmployee(EmployeeDTO employee) {
        this.employee = employee;
    }
}
[V0_FILE]xml:file="backend/pom.xml" isMerged="true"
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>
    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>3.1.0</version>
        <relativePath/> 
    </parent>
    <groupId>com.hospital</groupId>
    <artifactId>management</artifactId>
    <version>0.0.1-SNAPSHOT</version>
    <name>hospital-management</name>
    <description>Hospital Management System</description>
    <properties>
        <java.version>17</java.version>
    </properties>
    <dependencies>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-data-jpa</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-security</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-validation</artifactId>
        </dependency>

<dependency>
            <groupId>org.postgresql</groupId>
            <artifactId>postgresql</artifactId>
            <scope>runtime</scope>
        </dependency>
        
        
        <dependency>
            <groupId>io.jsonwebtoken</groupId>
            <artifactId>jjwt-api</artifactId>
            <version>0.11.5</version>
        </dependency>
        <dependency>
            <groupId>io.jsonwebtoken</groupId>
            <artifactId>jjwt-impl</artifactId>
            <version>0.11.5</version>
            <scope>runtime</scope>
        </dependency>
        <dependency>
            <groupId>io.jsonwebtoken</groupId>
            <artifactId>jjwt-jackson</artifactId>
            <version>0.11.5</version>
            <scope>runtime</scope>
        </dependency>

<dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-devtools</artifactId>
            <scope>runtime</scope>
            <optional>true</optional>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <scope>test</scope>
        </dependency>
        <dependency>
            <groupId>org.springframework.security</groupId>
            <artifactId>spring-security-test</artifactId>
            <scope>test</scope>
        </dependency>
    </dependencies>

<build>
        <plugins>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
            </plugin>
        </plugins>
    </build>
</project>
[V0_FILE]markdown:file="README.md" isMerged="true"
# Hospital Management System

A comprehensive hospital management system built with Spring Boot (backend) and React (frontend) that allows for efficient management of patients, employees, rooms, and medicines in a hospital setting.

## Features

- **Authentication & Authorization**: Secure login with JWT and role-based access control (Admin and Doctor roles)
- **Patient Management**: Add, view, edit, and delete patient records
- **Employee Management**: Manage doctors, nurses, and other hospital staff
- **Room Management**: Track room assignments and availability
- **Medicine Inventory**: Manage medicine stock and prescriptions
- **Medical Records**: Maintain detailed patient medical records
- **Dashboard**: Visual statistics and overview of hospital operations

## Technology Stack

### Backend
- Java 17
- Spring Boot 3.1.0
- Spring Security with JWT
- Spring Data JPA
- PostgreSQL
- Maven

### Frontend
- React
- React Router
- Axios
- Tailwind CSS

## Setup Instructions

### Prerequisites
- Java 17 or higher
- Node.js and npm
- PostgreSQL

### Database Setup
1. Create a PostgreSQL database named `hospital_db`
2. Configure database connection in `application.properties`
3. The application will automatically create tables and load initial data

### Backend Setup
1. Navigate to the `backend` directory
2. Run `mvn clean install` to build the project
3. Run `mvn spring-boot:run` to start the server
4. The backend will be available at http://localhost:8080

### Frontend Setup
1. Navigate to the `frontend` directory
2. Run `npm install` to install dependencies
3. Run `npm start` to start the development server
4. The frontend will be available at http://localhost:3000

## Default Users

The system comes with pre-configured users for testing:

| Username | Password  | Role  |
|----------|-----------|-------|
| admin    | admin123  | ADMIN |
| doctor   | doctor123 | DOCTOR|

## API Documentation

### Authentication Endpoints
- `POST /api/auth/login`: Authenticate user and get JWT token
- `POST /api/auth/register`: Register a new user

### Patient Endpoints
- `GET /api/patients`: Get all patients
- `GET /api/patients/{id}`: Get patient by ID
- `POST /api/patients`: Create a new patient
- `PUT /api/patients/{id}`: Update a patient
- `DELETE /api/patients/{id}`: Delete a patient

### Employee Endpoints
- `GET /api/employees`: Get all employees
- `GET /api/employees/{id}`: Get employee by ID
- `POST /api/employees`: Create a new employee
- `PUT /api/employees/{id}`: Update an employee
- `DELETE /api/employees/{id}`: Delete an employee

### Room Endpoints
- `GET /api/rooms`: Get all rooms
- `GET /api/rooms/{id}`: Get room by ID
- `GET /api/rooms/patient/{patientId}`: Get rooms by patient ID
- `POST /api/rooms`: Create a new room
- `PUT /api/rooms/{id}`: Update a room
- `DELETE /api/rooms/{id}`: Delete a room

### Medicine Endpoints
- `GET /api/medicines`: Get all medicines
- `GET /api/medicines/{id}`: Get medicine by ID
- `GET /api/medicines/patient/{patientId}`: Get medicines by patient ID
- `POST /api/medicines`: Create a new medicine
- `PUT /api/medicines/{id}`: Update a medicine
- `DELETE /api/medicines/{id}`: Delete a medicine

### Record Endpoints
- `GET /api/records`: Get all records
- `GET /api/records/{id}`: Get record by ID
- `GET /api/records/patient/{patientId}`: Get records by patient ID
- `GET /api/records/doctor/{doctorId}`: Get records by doctor ID
- `POST /api/records`: Create a new record
- `PUT /api/records/{id}`: Update a record
- `DELETE /api/records/{id}`: Delete a record

### Dashboard Endpoints
- `GET /api/dashboard/stats`: Get dashboard statistics

## License
This project is licensed under the MIT License.
[V0_FILE]typescriptreact:file="frontend/package.json" isMerged="true"
{
  "name": "hospital-management-frontend",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@testing-library/jest-dom": "^5.16.5",
    "@testing-library/react": "^13.4.0",
    "@testing-library/user-event": "^13.5.0",
    "axios": "^1.4.0",
    "jwt-decode": "^3.1.2",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-router-dom": "^6.11.2",
    "react-scripts": "5.0.1",
    "web-vitals": "^2.1.4"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": ["react-app", "react-app/jest"]
  },
  "browserslist": {
    "production": [">0.2%", "not dead", "not op_mini all"],
    "development": ["last 1 chrome version", "last 1 firefox version", "last 1 safari version"]
  },
  "devDependencies": {
    "autoprefixer": "^10.4.14",
    "postcss": "^8.4.24",
    "tailwindcss": "^3.3.2"
  }
}
[V0_FILE]typescriptreact:file="frontend/tailwind.config.js" isMerged="true"
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{js,jsx,ts,tsx}"],
  theme: {
    extend: {},
  },
  plugins: [],
}
[V0_FILE]typescriptreact:file="frontend/postcss.config.js" isMerged="true"
module.exports = {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
  },
}
[V0_FILE]typescriptreact:file="backend/src/main/java/com/hospital/management/config/DataInitializer.java" isMerged="true"
package com.hospital.management.config;

import com.hospital.management.entity.User;
import com.hospital.management.repository.UserRepository;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.boot.CommandLineRunner;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.context.annotation.Profile;
import org.springframework.security.crypto.password.PasswordEncoder;

@Configuration
public class DataInitializer {

@Autowired
    private PasswordEncoder passwordEncoder;

@Bean
    @Profile("dev")
    public CommandLineRunner initData(UserRepository userRepository) {
        return args -> {
            // Check if we need to create default users
            if (userRepository.count() == 0) {
                // Create admin user
                User admin = new User();
                admin.setUsername("admin");
                admin.setPassword(passwordEncoder.encode("admin123"));
                admin.setRole("ADMIN");
                admin.setEnabled(true);
                userRepository.save(admin);

// Create doctor user
                User doctor = new User();
                doctor.setUsername("doctor");
                doctor.setPassword(passwordEncoder.encode("doctor123"));
                doctor.setRole("DOCTOR");
                doctor.setEnabled(true);
                userRepository.save(doctor);

System.out.println("Default users created.");
            }
        };
    }
}
[V0_FILE]typescriptreact:file="backend/src/main/resources/application.properties" isEdit="true" isMerged="true"
# Database Configuration
spring.datasource.url=jdbc:postgresql://localhost:5432/hospital_db
spring.datasource.username=postgres
spring.datasource.password=postgres
spring.datasource.driver-class-name=org.postgresql.Driver

# JPA Configuration
spring.jpa.hibernate.ddl-auto=create
spring.jpa.show-sql=true
spring.jpa.properties.hibernate.format_sql=true
spring.jpa.properties.hibernate.dialect=org.hibernate.dialect.PostgreSQLDialect

# Initialize database with data.sql
spring.sql.init.mode=always
spring.jpa.defer-datasource-initialization=true

# JWT Configuration
jwt.secret=404E635266556A586E3272357538782F413F4428472B4B6250645367566B5970
jwt.expiration=86400000

# Server Configuration
server.port=8080

# Logging
logging.level.org.springframework.security=DEBUG
logging.level.org.hibernate.SQL=DEBUG
logging.level.org.hibernate.type.descriptor.sql.BasicBinder=TRACE
[V0_FILE]java:file="backend/src/main/java/com/hospital/management/entity/Nurse.java" isEdit="true" isMerged="true"
package com.hospital.management.entity;

@Entity
@Table(name = "NURSE")
public class Nurse {

@Id
    @Column(name = "EID")
    private Long eid;

@Column(name = "NName", nullable = false)
    private String nName;

@ManyToOne
    @JoinColumn(name = "PID")
    private Patient patient;

// Getters and Setters
    public Long getEid() {
        return eid;
    }

public void setEid(Long eid) {
        this.eid = eid;
    }

public String getNName() {
        return nName;
    }

public void setNName(String nName) {
        this.nName = nName;
    }

public Patient getPatient() {
        return patient;
    }

public void setPatient(Patient patient) {
        this.patient = patient;
    }
}
[V0_FILE]java:file="backend/src/main/java/com/hospital/management/config/CorsConfig.java" isMerged="true"
package com.hospital.management.config;

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.cors.CorsConfiguration;
import org.springframework.web.cors.UrlBasedCorsConfigurationSource;
import org.springframework.web.filter.CorsFilter;

@Configuration
public class CorsConfig {

@Bean
    public CorsFilter corsFilter() {
        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
        CorsConfiguration config = new CorsConfiguration();
        
        // Allow all origins, headers, and methods for development
        config.addAllowedOrigin("*");
        config.addAllowedHeader("*");
        config.addAllowedMethod("*");
        
        source.registerCorsConfiguration("/**", config);
        return new CorsFilter(source);
    }
}
[V0_FILE]java:file="backend/src/main/java/com/hospital/management/security/SecurityConfig.java" isEdit="true" isMerged="true"
package com.hospital.management.security;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.security.authentication.AuthenticationManager;
import org.springframework.security.authentication.AuthenticationProvider;
import org.springframework.security.authentication.dao.DaoAuthenticationProvider;
import org.springframework.security.config.annotation.authentication.configuration.AuthenticationConfiguration;
import org.springframework.security.config.annotation.method.configuration.EnableMethodSecurity;
import org.springframework.security.config.annotation.web.builders.HttpSecurity;
import org.springframework.security.config.annotation.web.configuration.EnableWebSecurity;
import org.springframework.security.config.http.SessionCreationPolicy;
import org.springframework.security.core.userdetails.UserDetailsService;
import org.springframework.security.crypto.bcrypt.BCryptPasswordEncoder;
import org.springframework.security.crypto.password.PasswordEncoder;
import org.springframework.security.web.SecurityFilterChain;
import org.springframework.security.web.authentication.UsernamePasswordAuthenticationFilter;
import org.springframework.web.cors.CorsConfiguration;
import org.springframework.web.cors.CorsConfigurationSource;
import org.springframework.web.cors.UrlBasedCorsConfigurationSource;

import java.util.Arrays;

@Configuration
@EnableWebSecurity
@EnableMethodSecurity
public class SecurityConfig {

@Autowired
    private JwtAuthenticationFilter jwtAuthFilter;

@Autowired
    private UserDetailsService userDetailsService;

@Bean
    public SecurityFilterChain securityFilterChain(HttpSecurity http) throws Exception {
        http
            .csrf(csrf -> csrf.disable())
            .cors(cors -> cors.configurationSource(corsConfigurationSource()))
            .authorizeHttpRequests(auth -> auth
                .requestMatchers("/api/auth/**").permitAll()
                .anyRequest().authenticated()
            )
            .sessionManagement(session -> session
                .sessionCreationPolicy(SessionCreationPolicy.STATELESS)
            )
            .authenticationProvider(authenticationProvider())
            .addFilterBefore(jwtAuthFilter, UsernamePasswordAuthenticationFilter.class);

return http.build();
    }

@Bean
    public CorsConfigurationSource corsConfigurationSource() {
        CorsConfiguration configuration = new CorsConfiguration();
        configuration.setAllowedOrigins(Arrays.asList("*"));
        configuration.setAllowedMethods(Arrays.asList("GET", "POST", "PUT", "DELETE", "OPTIONS"));
        configuration.setAllowedHeaders(Arrays.asList("Authorization", "Content-Type", "X-Requested-With"));
        configuration.setExposedHeaders(Arrays.asList("Authorization"));
        
        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
        source.registerCorsConfiguration("/**", configuration);
        return source;
    }

@Bean
    public AuthenticationProvider authenticationProvider() {
        DaoAuthenticationProvider authProvider = new DaoAuthenticationProvider();
        authProvider.setUserDetailsService(userDetailsService);
        authProvider.setPasswordEncoder(passwordEncoder());
        return authProvider;
    }

@Bean
    public AuthenticationManager authenticationManager(AuthenticationConfiguration config) throws Exception {
        return config.getAuthenticationManager();
    }

@Bean
    public PasswordEncoder passwordEncoder() {
        return new BCryptPasswordEncoder();
    }
}
[V0_FILE]java:file="backend/src/main/java/com/hospital/management/controller/MedicineController.java" isEdit="true" isMerged="true"
package com.hospital.management.controller;

import com.hospital.management.dto.MedicineDTO;
import com.hospital.management.service.MedicineService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.http.ResponseEntity;
import org.springframework.security.access.prepost.PreAuthorize;
import org.springframework.web.bind.annotation.*;

import java.util.List;

@RestController
@RequestMapping("/api/medicines")
@CrossOrigin(origins = "*")
public class MedicineController {

@Autowired
    private MedicineService medicineService;

@GetMapping
    @PreAuthorize("hasAnyRole('ADMIN', 'DOCTOR')")
    public ResponseEntity<List<MedicineDTO>> getAllMedicines() {
        return ResponseEntity.ok(medicineService.getAllMedicines());
    }

@GetMapping("/{id}")
    @PreAuthorize("hasAnyRole('ADMIN', 'DOCTOR')")
    public ResponseEntity<MedicineDTO> getMedicineById(@PathVariable Long id) {
        return ResponseEntity.ok(medicineService.getMedicineById(id));
    }

@GetMapping("/patient/{patientId}")
    @PreAuthorize("hasAnyRole('ADMIN', 'DOCTOR')")
    public ResponseEntity<List<MedicineDTO>> getMedicinesByPatientId(@PathVariable Long patientId) {
        return ResponseEntity.ok(medicineService.getMedicinesByPatientId(patientId));
    }

@PostMapping
    @PreAuthorize("hasAnyRole('ADMIN', 'DOCTOR')")
    public ResponseEntity<MedicineDTO> createMedicine(@RequestBody MedicineDTO medicineDTO) {
        return ResponseEntity.ok(medicineService.createMedicine(medicineDTO));
    }

@PutMapping("/{id}")
    @PreAuthorize("hasAnyRole('ADMIN', 'DOCTOR')")
    public ResponseEntity<MedicineDTO> updateMedicine(@PathVariable Long id, @RequestBody MedicineDTO medicineDTO) {
        return ResponseEntity.ok(medicineService.updateMedicine(id, medicineDTO));
    }

@DeleteMapping("/{id}")
    @PreAuthorize("hasRole('ADMIN')")
    public ResponseEntity<Void> deleteMedicine(@PathVariable Long id) {
        medicineService.deleteMedicine(id);
        return ResponseEntity.noContent().build();
    }
}
[V0_FILE]java:file="backend/src/main/java/com/hospital/management/exception/GlobalExceptionHandler.java" isMerged="true"
package com.hospital.management.exception;

import org.springframework.http.HttpStatus;
import org.springframework.http.ResponseEntity;
import org.springframework.security.access.AccessDeniedException;
import org.springframework.security.authentication.BadCredentialsException;
import org.springframework.web.bind.annotation.ControllerAdvice;
import org.springframework.web.bind.annotation.ExceptionHandler;
import org.springframework.web.context.request.WebRequest;

import java.time.LocalDateTime;
import java.util.LinkedHashMap;
import java.util.Map;

@ControllerAdvice
public class GlobalExceptionHandler {

@ExceptionHandler(RuntimeException.class)
    public ResponseEntity<Object> handleRuntimeException(RuntimeException ex, WebRequest request) {
        Map<String, Object> body = new LinkedHashMap<>();
        body.put("timestamp", LocalDateTime.now());
        body.put("message", ex.getMessage());
        body.put("status", HttpStatus.BAD_REQUEST.value());

return new ResponseEntity<>(body, HttpStatus.BAD_REQUEST);
    }

@ExceptionHandler(BadCredentialsException.class)
    public ResponseEntity<Object> handleBadCredentialsException(BadCredentialsException ex, WebRequest request) {
        Map<String, Object> body = new LinkedHashMap<>();
        body.put("timestamp", LocalDateTime.now());
        body.put("message", "Invalid username or password");
        body.put("status", HttpStatus.UNAUTHORIZED.value());

return new ResponseEntity<>(body, HttpStatus.UNAUTHORIZED);
    }

@ExceptionHandler(AccessDeniedException.class)
    public ResponseEntity<Object> handleAccessDeniedException(AccessDeniedException ex, WebRequest request) {
        Map<String, Object> body = new LinkedHashMap<>();
        body.put("timestamp", LocalDateTime.now());
        body.put("message", "Access denied: You don't have permission to access this resource");
        body.put("status", HttpStatus.FORBIDDEN.value());

return new ResponseEntity<>(body, HttpStatus.FORBIDDEN);
    }

@ExceptionHandler(Exception.class)
    public ResponseEntity<Object> handleAllExceptions(Exception ex, WebRequest request) {
        Map<String, Object> body = new LinkedHashMap<>();
        body.put("timestamp", LocalDateTime.now());
        body.put("message", "An unexpected error occurred: " + ex.getMessage());
        body.put("status", HttpStatus.INTERNAL_SERVER_ERROR.value());

return new ResponseEntity<>(body, HttpStatus.INTERNAL_SERVER_ERROR);
    }
}
[V0_FILE]java:file="backend/src/main/java/com/hospital/management/HospitalManagementApplication.java" isEdit="true" isMerged="true"
package com.hospital.management;

import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.context.annotation.Bean;
import org.springframework.web.servlet.config.annotation.CorsRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

@SpringBootApplication
public class HospitalManagementApplication {

public static void main(String[] args) {
        SpringApplication.run(HospitalManagementApplication.class, args);
    }

@Bean
    public WebMvcConfigurer corsConfigurer() {
        return new WebMvcConfigurer() {
            @Override
            public void addCorsMappings(CorsRegistry registry) {
                registry.addMapping("/**")
                        .allowedOrigins("*")
                        .allowedMethods("GET", "POST", "PUT", "DELETE", "OPTIONS")
                        .allowedHeaders("*");
            }
        };
    }
}
[V0_FILE]typescriptreact:file="frontend/public/index.html" isMerged="true"
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#000000" />
    <meta
      name="description"
      content="Hospital Management System"
    />
    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
    <title>Hospital Management System</title>
  </head>
  <body>
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root"></div>
  </body>
</html>
[V0_FILE]typescriptreact:file="frontend/public/manifest.json" isMerged="true"
{
  "short_name": "Hospital Management",
  "name": "Hospital Management System",
  "icons": [
    {
      "src": "favicon.ico",
      "sizes": "64x64 32x32 24x24 16x16",
      "type": "image/x-icon"
    },
    {
      "src": "logo192.png",
      "type": "image/png",
      "sizes": "192x192"
    },
    {
      "src": "logo512.png",
      "type": "image/png",
      "sizes": "512x512"
    }
  ],
  "start_url": ".",
  "display": "standalone",
  "theme_color": "#000000",
  "background_color": "#ffffff"
}
[V0_FILE]typescriptreact:file="frontend/src/components/doctor/PatientList.jsx" isEdit="true" isMerged="true"
"use client"

import { useState, useEffect } from "react"
import { Link } from "react-router-dom"
import api, { endpoints } from "../../services/api"
import { useAuth } from "../../context/AuthContext"

const PatientList = () => {
  const [patients, setPatients] = useState([])
  const [loading, setLoading] = useState(true)
  const [error, setError] = useState("")
  const { currentUser } = useAuth()

useEffect(() => {
    fetchPatients()
  }, [])

const fetchPatients = async () => {
    try {
      // Get patients assigned to the current doctor
      const response = await api.get(endpoints.doctors.getPatients(currentUser.id))
      setPatients(response.data)
      setLoading(false)
    } catch (err) {
      setError(err.message || "Failed to fetch patients")
      setLoading(false)
      console.error("Error fetching patients:", err)
    }
  }

if (loading) {
    return <div className="text-center py-4">Loading patients...</div>
  }

if (error) {
    return <div className="text-red-500 text-center py-4">{error}</div>
  }

return (
    <div>
      <h2 className="text-2xl font-semibold mb-6">My Patients</h2>

{patients.length === 0 ? (
        <p className="text-gray-500 text-center py-4">No patients assigned to you.</p>
      ) : (
        <div className="overflow-x-auto">
          <table className="min-w-full bg-white">
            <thead className="bg-gray-100">
              <tr>
                <th className="py-3 px-4 text-left">ID</th>
                <th className="py-3 px-4 text-left">Name</th>
                <th className="py-3 px-4 text-left">Contact</th>
                <th className="py-3 px-4 text-left">Admission Date</th>
                <th className="py-3 px-4 text-left">Status</th>
                <th className="py-3 px-4 text-left">Actions</th>
              </tr>
            </thead>
            <tbody>
              {patients.map((patient) => (
                <tr key={patient.pid} className="border-b hover:bg-gray-50">
                  <td className="py-3 px-4">{patient.pid}</td>
                  <td className="py-3 px-4">{patient.name}</td>
                  <td className="py-3 px-4">{patient.cNo}</td>
                  <td className="py-3 px-4">{patient.dOAd}</td>
                  <td className="py-3 px-4">
                    {patient.dODis ? (
                      <span className="px-2 py-1 bg-gray-200 text-gray-800 rounded-full text-xs">Discharged</span>
                    ) : (
                      <span className="px-2 py-1 bg-green-200 text-green-800 rounded-full text-xs">Active</span>
                    )}
                  </td>
                  <td className="py-3 px-4">
                    <Link to={`/doctor/patients/${patient.pid}`} className="text-blue-600 hover:text-blue-800">
                      View Details
                    </Link>
                  </td>
                </tr>
              ))}
            </tbody>
          </table>
        </div>
      )}
    </div>
  )
}

export default PatientList
[V0_FILE]typescriptreact:file="frontend/src/components/doctor/PatientDetails.jsx" isEdit="true" isMerged="true"
"use client"

import { useState, useEffect } from "react"
import { useParams, Link, useNavigate } from "react-router-dom"
import api, { endpoints } from "../../services/api"

const PatientDetails = () => {
  const { id } = useParams()
  const navigate = useNavigate()
  const [patient, setPatient] = useState(null)
  const [records, setRecords] = useState([])
  const [medicines, setMedicines] = useState([])
  const [loading, setLoading] = useState(true)
  const [error, setError] = useState("")

useEffect(() => {
    const fetchPatientData = async () => {
      try {
        // First, fetch the patient details
        const patientRes = await api.get(endpoints.patients.getById(id))
        setPatient(patientRes.data)

// Then fetch records and medicines in parallel
        const [recordsRes, medicinesRes] = await Promise.all([
          api.get(endpoints.records.getByPatient(id)).catch(() => ({ data: [] })),
          api.get(endpoints.medicines.getByPatient(id)).catch(() => ({ data: [] })),
        ])

setRecords(recordsRes.data || [])
        setMedicines(medicinesRes.data || [])
        setLoading(false)
      } catch (err) {
        console.error("Error fetching patient data:", err)
        setError(err.message || "Failed to fetch patient data. Please try again later.")
        setLoading(false)
      }
    }

fetchPatientData()
  }, [id])

if (loading) {
    return <div className="text-center py-4">Loading patient data...</div>
  }

if (error) {
    return <div className="text-red-500 text-center py-4">{error}</div>
  }

if (!patient) {
    return <div className="text-center py-4">Patient not found</div>
  }

return (
    <div>
      <div className="flex justify-between items-center mb-6">
        <h2 className="text-2xl font-semibold">Patient Details</h2>
        <button onClick={() => navigate(-1)} className="bg-gray-200 hover:bg-gray-300 text-gray-800 py-2 px-4 rounded">
          Back
        </button>
      </div>

<div className="bg-white shadow overflow-hidden sm:rounded-lg mb-6">
        <div className="px-4 py-5 sm:px-6">
          <h3 className="text-lg leading-6 font-medium text-gray-900">Personal Information</h3>
        </div>
        <div className="border-t border-gray-200">
          <dl>
            <div className="bg-gray-50 px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
              <dt className="text-sm font-medium text-gray-500">Full name</dt>
              <dd className="mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2">{patient.name}</dd>
            </div>
            <div className="bg-white px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
              <dt className="text-sm font-medium text-gray-500">Address</dt>
              <dd className="mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2">{patient.address}</dd>
            </div>
            <div className="bg-gray-50 px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
              <dt className="text-sm font-medium text-gray-500">Contact Number</dt>
              <dd className="mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2">{patient.cNo}</dd>
            </div>
            <div className="bg-white px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
              <dt className="text-sm font-medium text-gray-500">Admission Date</dt>
              <dd className="mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2">{patient.dOAd}</dd>
            </div>
            <div className="bg-gray-50 px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
              <dt className="text-sm font-medium text-gray-500">Discharge Date</dt>
              <dd className="mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2">{patient.dODis || "Not discharged"}</dd>
            </div>
            <div className="bg-white px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
              <dt className="text-sm font-medium text-gray-500">Patient Details</dt>
              <dd className="mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2">{patient.pDetails || "N/A"}</dd>
            </div>
            <div className="bg-gray-50 px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
              <dt className="text-sm font-medium text-gray-500">Patient History</dt>
              <dd className="mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2">{patient.pHistory || "N/A"}</dd>
            </div>
          </dl>
        </div>
      </div>

{/* Medical Records */}
      <div className="mb-6">
        <div className="flex justify-between items-center mb-4">
          <h3 className="text-xl font-semibold">Medical Records</h3>
          <Link
            to={`/doctor/records/add?patientId=${patient.pid}`}
            className="bg-green-600 hover:bg-green-700 text-white py-2 px-4 rounded"
          >
            Add Record
          </Link>
        </div>

{records.length === 0 ? (
          <p className="text-gray-500 text-center py-4">No medical records found.</p>
        ) : (
          <div className="overflow-x-auto">
            <table className="min-w-full bg-white">
              <thead className="bg-gray-100">
                <tr>
                  <th className="py-3 px-4 text-left">Record ID</th>
                  <th className="py-3 px-4 text-left">Details</th>
                  <th className="py-3 px-4 text-left">Type</th>
                  <th className="py-3 px-4 text-left">Actions</th>
                </tr>
              </thead>
              <tbody>
                {records.map((record) => (
                  <tr key={record.rNo} className="border-b hover:bg-gray-50">
                    <td className="py-3 px-4">{record.rNo}</td>
                    <td className="py-3 px-4">{record.rDetails}</td>
                    <td className="py-3 px-4">{record.eType}</td>
                    <td className="py-3 px-4">
                      <Link to={`/doctor/records/edit/${record.rNo}`} className="text-blue-600 hover:text-blue-800">
                        Edit
                      </Link>
                    </td>
                  </tr>
                ))}
              </tbody>
            </table>
          </div>
        )}
      </div>

{/* Prescribed Medicines */}
      <div>
        <h3 className="text-xl font-semibold mb-4">Prescribed Medicines</h3>

{medicines.length === 0 ? (
          <p className="text-gray-500 text-center py-4">No medicines prescribed.</p>
        ) : (
          <div className="overflow-x-auto">
            <table className="min-w-full bg-white">
              <thead className="bg-gray-100">
                <tr>
                  <th className="py-3 px-4 text-left">Medicine ID</th>
                  <th className="py-3 px-4 text-left">Name</th>
                  <th className="py-3 px-4 text-left">Quantity</th>
                  <th className="py-3 px-4 text-left">Prescribed By</th>
                </tr>
              </thead>
              <tbody>
                {medicines.map((medicine) => (
                  <tr key={medicine.mid} className="border-b hover:bg-gray-50">
                    <td className="py-3 px-4">{medicine.mid}</td>
                    <td className="py-3 px-4">{medicine.mName}</td>
                    <td className="py-3 px-4">{medicine.quantity}</td>
                    <td className="py-3 px-4">{medicine.employee ? medicine.employee.ename : "N/A"}</td>
                  </tr>
                ))}
              </tbody>
            </table>
          </div>
        )}
      </div>
    </div>
  )
}

export default PatientDetails
[V0_FILE]typescriptreact:file="frontend/src/components/doctor/RecordList.jsx" isEdit="true" isMerged="true"
"use client"

import { useState, useEffect } from "react"
import { Link } from "react-router-dom"
import api, { endpoints } from "../../services/api"
import { useAuth } from "../../context/AuthContext"

const RecordList = () => {
  const [records, setRecords] = useState([])
  const [loading, setLoading] = useState(true)
  const [error, setError] = useState("")
  const { currentUser } = useAuth()

useEffect(() => {
    fetchRecords()
  }, [])

const fetchRecords = async () => {
    try {
      // Get records for patients assigned to the current doctor
      const response = await api.get(endpoints.records.getByDoctor(currentUser.id))
      setRecords(response.data)
      setLoading(false)
    } catch (err) {
      setError(err.message || "Failed to fetch records")
      setLoading(false)
      console.error("Error fetching records:", err)
    }
  }

const handleDelete = async (id) => {
    if (window.confirm("Are you sure you want to delete this record?")) {
      try {
        await api.delete(endpoints.records.delete(id))
        setRecords(records.filter((record) => record.rNo !== id))
      } catch (err) {
        setError(err.message || "Failed to delete record")
        console.error("Error deleting record:", err)
      }
    }
  }

if (loading) {
    return <div className="text-center py-4">Loading records...</div>
  }

if (error) {
    return <div className="text-red-500 text-center py-4">{error}</div>
  }

return (
    <div>
      <div className="flex justify-between items-center mb-6">
        <h2 className="text-2xl font-semibold">Patient Records</h2>
        <Link to="/doctor/records/add" className="bg-green-600 hover:bg-green-700 text-white py-2 px-4 rounded">
          Add New Record
        </Link>
      </div>

{records.length === 0 ? (
        <p className="text-gray-500 text-center py-4">No records found.</p>
      ) : (
        <div className="overflow-x-auto">
          <table className="min-w-full bg-white">
            <thead className="bg-gray-100">
              <tr>
                <th className="py-3 px-4 text-left">Record ID</th>
                <th className="py-3 px-4 text-left">Patient</th>
                <th className="py-3 px-4 text-left">Details</th>
                <th className="py-3 px-4 text-left">Type</th>
                <th className="py-3 px-4 text-left">Actions</th>
              </tr>
            </thead>
            <tbody>
              {records.map((record) => (
                <tr key={record.rNo} className="border-b hover:bg-gray-50">
                  <td className="py-3 px-4">{record.rNo}</td>
                  <td className="py-3 px-4">{record.patient ? record.patient.name : "N/A"}</td>
                  <td className="py-3 px-4">{record.rDetails}</td>
                  <td className="py-3 px-4">{record.eType}</td>
                  <td className="py-3 px-4">
                    <div className="flex space-x-2">
                      <Link to={`/doctor/records/edit/${record.rNo}`} className="text-blue-600 hover:text-blue-800">
                        Edit
                      </Link>
                      <button onClick={() => handleDelete(record.rNo)} className="text-red-600 hover:text-red-800">
                        Delete
                      </button>
                    </div>
                  </td>
                </tr>
              ))}
            </tbody>
          </table>
        </div>
      )}
    </div>
  )
}

export default RecordList
[V0_FILE]typescriptreact:file="frontend/src/components/admin/DashboardStats.jsx" isEdit="true" isMerged="true"
"use client"

import { useState, useEffect } from "react"
import api, { endpoints } from "../../services/api"

const DashboardStats = () => {
  const [activeTab, setActiveTab] = useState("patients")
  const [stats, setStats] = useState({
    totalPatients: 0,
    totalEmployees: 0,
    totalRooms: 0,
    totalMedicines: 0,
    activePatients: 0,
    dischargedPatients: 0,
    doctorsCount: 0,
    nursesCount: 0,
    occupiedRooms: 0,
    availableRooms: 0,
  })
  const [loading, setLoading] = useState(true)
  const [error, setError] = useState("")

useEffect(() => {
    const fetchDashboardStats = async () => {
      try {
        const response = await api.get(endpoints.dashboard.getStats)
        setStats(response.data)
        setLoading(false)
      } catch (err) {
        console.error("Failed to fetch dashboard statistics", err)
        setError(err.message || "Failed to load dashboard statistics")
        setLoading(false)
      }
    }

fetchDashboardStats()
  }, [])

if (loading) {
    return (
      <div className="animate-pulse">
        <div className="h-8 bg-gray-200 rounded w-1/4 mb-6"></div>
        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
          {[...Array(6)].map((_, i) => (
            <div key={i} className="h-32 bg-gray-200 rounded"></div>
          ))}
        </div>
      </div>
    )
  }

if (error) {
    return <div className="text-red-500 text-center py-4">{error}</div>
  }

return (
    <div>
      <h2 className="text-2xl font-semibold mb-6">Dashboard Overview</h2>

<div className="mb-6">
        <div className="border-b border-gray-200">
          <nav className="-mb-px flex space-x-8">
            <button
              onClick={() => setActiveTab("patients")}
              className={`${
                activeTab === "patients"
                  ? "border-green-500 text-green-600"
                  : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300"
              } whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm`}
            >
              Patients
            </button>
            <button
              onClick={() => setActiveTab("staff")}
              className={`${
                activeTab === "staff"
                  ? "border-green-500 text-green-600"
                  : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300"
              } whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm`}
            >
              Staff
            </button>
            <button
              onClick={() => setActiveTab("facilities")}
              className={`${
                activeTab === "facilities"
                  ? "border-green-500 text-green-600"
                  : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300"
              } whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm`}
            >
              Facilities
            </button>
          </nav>
        </div>
      </div>

{activeTab === "patients" && (
        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
          <StatCard title="Total Patients" value={stats.totalPatients} />
          <StatCard title="Active Patients" value={stats.activePatients} />
          <StatCard title="Discharged Patients" value={stats.dischargedPatients} />
          <StatCard
            title="Patient Status"
            chart={
              <div className="flex h-16 mt-2">
                <div
                  className="bg-green-500 h-full"
                  style={{ width: `${(stats.activePatients / (stats.totalPatients || 1)) * 100}%` }}
                  title={`Active: ${stats.activePatients}`}
                ></div>
                <div
                  className="bg-gray-300 h-full"
                  style={{ width: `${(stats.dischargedPatients / (stats.totalPatients || 1)) * 100}%` }}
                  title={`Discharged: ${stats.dischargedPatients}`}
                ></div>
              </div>
            }
          />
        </div>
      )}

{activeTab === "staff" && (
        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
          <StatCard title="Total Employees" value={stats.totalEmployees} />
          <StatCard title="Doctors" value={stats.doctorsCount} />
          <StatCard title="Nurses" value={stats.nursesCount} />
          <StatCard
            title="Staff Distribution"
            chart={
              <div className="flex h-16 mt-2">
                <div
                  className="bg-blue-500 h-full"
                  style={{ width: `${(stats.doctorsCount / (stats.totalEmployees || 1)) * 100}%` }}
                  title={`Doctors: ${stats.doctorsCount}`}
                ></div>
                <div
                  className="bg-green-500 h-full"
                  style={{ width: `${(stats.nursesCount / (stats.totalEmployees || 1)) * 100}%` }}
                  title={`Nurses: ${stats.nursesCount}`}
                ></div>
                <div
                  className="bg-gray-300 h-full"
                  style={{
                    width: `${((stats.totalEmployees - stats.doctorsCount - stats.nursesCount) / (stats.totalEmployees || 1)) * 100}%`,
                  }}
                  title={`Other: ${stats.totalEmployees - stats.doctorsCount - stats.nursesCount}`}
                ></div>
              </div>
            }
          />
        </div>
      )}

{activeTab === "facilities" && (
        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
          <StatCard title="Total Rooms" value={stats.totalRooms} />
          <StatCard title="Occupied Rooms" value={stats.occupiedRooms} />
          <StatCard title="Available Rooms" value={stats.availableRooms} />
          <StatCard title="Total Medicines" value={stats.totalMedicines} />
          <StatCard
            title="Room Occupancy"
            chart={
              <div className="flex h-16 mt-2">
                <div
                  className="bg-red-500 h-full"
                  style={{ width: `${(stats.occupiedRooms / (stats.totalRooms || 1)) * 100}%` }}
                  title={`Occupied: ${stats.occupiedRooms}`}
                ></div>
                <div
                  className="bg-green-300 h-full"
                  style={{ width: `${(stats.availableRooms / (stats.totalRooms || 1)) * 100}%` }}
                  title={`Available: ${stats.availableRooms}`}
                ></div>
              </div>
            }
          />
        </div>
      )}
    </div>
  )
}

const StatCard = ({ title, value, chart }) => {
  return (
    <div className="bg-white border rounded-lg p-6 shadow-sm">
      <h3 className="text-lg font-medium text-gray-900">{title}</h3>
      {value !== undefined && <p className="text-3xl font-bold text-green-600 mt-2">{value}</p>}
      {chart}
    </div>
  )
}

export default DashboardStats
[V0_FILE]java:file="backend/src/main/java/com/hospital/management/controller/EmployeeController.java" isEdit="true" isMerged="true"
package com.hospital.management.controller;

import com.hospital.management.dto.EmployeeDTO;
import com.hospital.management.service.EmployeeService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.http.ResponseEntity;
import org.springframework.security.access.prepost.PreAuthorize;
import org.springframework.web.bind.annotation.*;

import java.util.List;

@RestController
@RequestMapping("/api/employees")
@CrossOrigin(origins = "*")
public class EmployeeController {

@Autowired
    private EmployeeService employeeService;

@GetMapping
    @PreAuthorize("hasAnyRole('ADMIN', 'DOCTOR')")
    public ResponseEntity<List<EmployeeDTO>> getAllEmployees() {
        return ResponseEntity.ok(employeeService.getAllEmployees());
    }

@GetMapping("/{id}")
    @PreAuthorize("hasAnyRole('ADMIN', 'DOCTOR')")
    public ResponseEntity<EmployeeDTO> getEmployeeById(@PathVariable Long id) {
        return ResponseEntity.ok(employeeService.getEmployeeById(id));
    }

@PostMapping
    @PreAuthorize("hasRole('ADMIN')")
    public ResponseEntity<EmployeeDTO> createEmployee(@RequestBody EmployeeDTO employeeDTO) {
        return ResponseEntity.ok(employeeService.createEmployee(employeeDTO));
    }

@PutMapping("/{id}")
    @PreAuthorize("hasRole('ADMIN')")
    public ResponseEntity<EmployeeDTO> updateEmployee(@PathVariable Long id, @RequestBody EmployeeDTO employeeDTO) {
        return ResponseEntity.ok(employeeService.updateEmployee(id, employeeDTO));
    }

@DeleteMapping("/{id}")
    @PreAuthorize("hasRole('ADMIN')")
    public ResponseEntity<Void> deleteEmployee(@PathVariable Long id) {
        employeeService.deleteEmployee(id);
        return ResponseEntity.noContent().build();
    }
}
[V0_FILE]java:file="backend/src/main/java/com/hospital/management/controller/AuthController.java" isEdit="true" isMerged="true"
package com.hospital.management.controller;

import com.hospital.management.dto.AuthRequest;
import com.hospital.management.dto.AuthResponse;
import com.hospital.management.dto.RegisterRequest;
import com.hospital.management.service.AuthService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.http.ResponseEntity;
import org.springframework.web.bind.annotation.*;

@RestController
@RequestMapping("/api/auth")
@CrossOrigin(origins = "*")
public class AuthController {

@Autowired
    private AuthService authService;

@PostMapping("/login")
    public ResponseEntity<AuthResponse> login(@RequestBody AuthRequest request) {
        return ResponseEntity.ok(authService.login(request));
    }

@PostMapping("/register")
    public ResponseEntity<AuthResponse> register(@RequestBody RegisterRequest request) {
        return ResponseEntity.ok(authService.register(request));
    }
    
    @GetMapping("/check")
    public ResponseEntity<String> checkAuth() {
        return ResponseEntity.ok("Authentication is working");
    }
}
[V0_FILE]java:file="backend/src/main/java/com/hospital/management/service/RoomService.java" isEdit="true" isMerged="true"
package com.hospital.management.service;

import com.hospital.management.dto.EmployeeDTO;
import com.hospital.management.dto.PatientDTO;
import com.hospital.management.dto.RoomDTO;
import com.hospital.management.entity.Employee;
import com.hospital.management.entity.Patient;
import com.hospital.management.entity.Room;
import com.hospital.management.repository.EmployeeRepository;
import com.hospital.management.repository.PatientRepository;
import com.hospital.management.repository.RoomRepository;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import org.springframework.transaction.annotation.Transactional;

import java.util.List;
import java.util.stream.Collectors;

@Service
public class RoomService {

@Autowired
    private RoomRepository roomRepository;

@Autowired
    private PatientRepository patientRepository;

@Autowired
    private EmployeeRepository employeeRepository;

public List<RoomDTO> getAllRooms() {
        try {
            return roomRepository.findAll().stream()
                    .map(this::convertToDTO)
                    .collect(Collectors.toList());
        } catch (Exception e) {
            throw new RuntimeException("Error fetching all rooms: " + e.getMessage(), e);
        }
    }

public RoomDTO getRoomById(Long id) {
        try {
            Room room = roomRepository.findById(id)
                    .orElseThrow(() -> new RuntimeException("Room not found with id: " + id));
            return convertToDTO(room);
        } catch (Exception e) {
            throw new RuntimeException("Error fetching room with id " + id + ": " + e.getMessage(), e);
        }
    }

public List<RoomDTO> getRoomsByPatientId(Long patientId) {
        try {
            return roomRepository.findByPatientPid(patientId).stream()
                    .map(this::convertToDTO)
                    .collect(Collectors.toList());
        } catch (Exception e) {
            throw new RuntimeException("Error fetching rooms for patient id " + patientId + ": " + e.getMessage(), e);
        }
    }

@Transactional
    public RoomDTO createRoom(RoomDTO roomDTO) {
        try {
            Room room = convertToEntity(roomDTO);
            Room savedRoom = roomRepository.save(room);
            return convertToDTO(savedRoom);
        } catch (Exception e) {
            throw new RuntimeException("Error creating room: " + e.getMessage(), e);
        }
    }

@Transactional
    public RoomDTO updateRoom(Long id, RoomDTO roomDTO) {
        try {
            Room existingRoom = roomRepository.findById(id)
                    .orElseThrow(() -> new RuntimeException("Room not found with id: " + id));
            
            // Update fields
            existingRoom.setRoNo(roomDTO.getRoNo());
            existingRoom.setRType(roomDTO.getRType());
            existingRoom.setEType(roomDTO.getEType());
            
            // Update patient if provided
            if (roomDTO.getPatient() != null && roomDTO.getPatient().getPid() != null) {
                Patient patient = patientRepository.findById(roomDTO.getPatient().getPid())
                        .orElseThrow(() -> new RuntimeException("Patient not found with id: " + roomDTO.getPatient().getPid()));
                existingRoom.setPatient(patient);
            } else {
                existingRoom.setPatient(null);
            }
            
            // Update employee if provided
            if (roomDTO.getEmployee() != null && roomDTO.getEmployee().getEid() != null) {
                Employee employee = employeeRepository.findById(roomDTO.getEmployee().getEid())
                        .orElseThrow(() -> new RuntimeException("Employee not found with id: " + roomDTO.getEmployee().getEid()));
                existingRoom.setEmployee(employee);
            } else {
                existingRoom.setEmployee(null);
            }
            
            Room updatedRoom = roomRepository.save(existingRoom);
            return convertToDTO(updatedRoom);
        } catch (Exception e) {
            throw new RuntimeException("Error updating room with id " + id + ": " + e.getMessage(), e);
        }
    }

@Transactional
    public void deleteRoom(Long id) {
        try {
            if (!roomRepository.existsById(id)) {
                throw new RuntimeException("Room not found with id: " + id);
            }
            roomRepository.deleteById(id);
        } catch (Exception e) {
            throw new RuntimeException("Error deleting room with id " + id + ": " + e.getMessage(), e);
        }
    }

private RoomDTO convertToDTO(Room room) {
        RoomDTO dto = new RoomDTO();
        dto.setRelD(room.getRelD());
        dto.setRoNo(room.getRoNo());
        dto.setRType(room.getRType());
        dto.setEType(room.getEType());
        
        if (room.getPatient() != null) {
            PatientDTO patientDTO = new PatientDTO();
            patientDTO.setPid(room.getPatient().getPid());
            patientDTO.setName(room.getPatient().getName());
            patientDTO.setAddress(room.getPatient().getAddress());
            patientDTO.setCNo(room.getPatient().getCNo());
            patientDTO.setDOAd(room.getPatient().getDOAd());
            patientDTO.setDODis(room.getPatient().getDODis());
            dto.setPatient(patientDTO);
        }
        
        if (room.getEmployee() != null) {
            EmployeeDTO employeeDTO = new EmployeeDTO();
            employeeDTO.setEid(room.getEmployee().getEid());
            employeeDTO.setEname(room.getEmployee().getEname());
            employeeDTO.setEJob(room.getEmployee().getEJob());
            dto.setEmployee(employeeDTO);
        }
        
        return dto;
    }

private Room convertToEntity(RoomDTO dto) {
        Room room = new Room();
        room.setRelD(dto.getRelD());
        room.setRoNo(dto.getRoNo());
        room.setRType(dto.getRType());
        room.setEType(dto.getEType());
        
        if (dto.getPatient() != null && dto.getPatient().getPid() != null) {
            Patient patient = patientRepository.findById(dto.getPatient().getPid())
                    .orElseThrow(() -> new RuntimeException("Patient not found with id: " + dto.getPatient().getPid()));
            room.setPatient(patient);
        }
        
        if (dto.getEmployee() != null && dto.getEmployee().getEid() != null) {
            Employee employee = employeeRepository.findById(dto.getEmployee().getEid())
                    .orElseThrow(() -> new RuntimeException("Employee not found with id: " + dto.getEmployee().getEid()));
            room.setEmployee(employee);
        }
        
        return room;
    }
}
[V0_FILE]java:file="backend/src/main/java/com/hospital/management/entity/Room.java" isEdit="true" isMerged="true"
package com.hospital.management.entity;

@Entity
@Table(name = "ROOMS")
public class Room {

@Id
    @GeneratedValue(strategy = GenerationType.IDENTITY)
    @Column(name = "RelD")
    private Long relD;

@Column(name = "RoNo", nullable = false)
    private String roNo;

@ManyToOne
    @JoinColumn(name = "PID")
    private Patient patient;

@ManyToOne
    @JoinColumn(name = "EID")
    private Employee employee;

@Column(name = "EType")
    private String eType;

@Column(name = "RType")
    private String rType;

// Getters and Setters
    public Long getRelD() {
        return relD;
    }

public void setRelD(Long relD) {
        this.relD = relD;
    }

public String getRoNo() {
        return roNo;
    }

public void setRoNo(String roNo) {
        this.roNo = roNo;
    }

public Patient getPatient() {
        return patient;
    }

public void setPatient(Patient patient) {
        this.patient = patient;
    }

public Employee getEmployee() {
        return employee;
    }

public void setEmployee(Employee employee) {
        this.employee = employee;
    }

public String getEType() {
        return eType;
    }

public void setEType(String eType) {
        this.eType = eType;
    }

public String getRType() {
        return rType;
    }

public void setRType(String rType) {
        this.rType = rType;
    }
}
[V0_FILE]java:file="backend/src/main/java/com/hospital/management/dto/RoomDTO.java" isEdit="true" isMerged="true"
package com.hospital.management.dto;

import com.fasterxml.jackson.annotation.JsonInclude;

@JsonInclude(JsonInclude.Include.NON_NULL)
public class RoomDTO {
    private Long relD;
    private String roNo;
    private String rType;
    private PatientDTO patient;
    private EmployeeDTO employee;
    private String eType;

// Getters and Setters
    public Long getRelD() {
        return relD;
    }

public void setRelD(Long relD) {
        this.relD = relD;
    }

public String getRoNo() {
        return roNo;
    }

public void setRoNo(String roNo) {
        this.roNo = roNo;
    }

public String getRType() {
        return rType;
    }

public void setRType(String rType) {
        this.rType = rType;
    }

public PatientDTO getPatient() {
        return patient;
    }

public void setPatient(PatientDTO patient) {
        this.patient = patient;
    }

public EmployeeDTO getEmployee() {
        return employee;
    }

public void setEmployee(EmployeeDTO employee) {
        this.employee = employee;
    }

public String getEType() {
        return eType;
    }

public void setEType(String eType) {
        this.eType = eType;
    }
}
[V0_FILE]typescriptreact:file="frontend/src/components/admin/RoomForm.jsx" isEdit="true" isMerged="true"
"use client"

import { useState, useEffect } from "react"
import { useParams, useNavigate } from "react-router-dom"
import api, { endpoints } from "../../services/api"

const RoomForm = () => {
  const { id } = useParams()
  const navigate = useNavigate()
  const isEditMode = !!id

const [formData, setFormData] = useState({
    roNo: "",
    rType: "General",
    pid: "",
    eid: "",
    eType: "",
  })

useEffect(() => {
    // Fetch patients and employees for dropdowns
    const fetchData = async () => {
      try {
        const [patientsResponse, employeesResponse] = await Promise.all([
          api.get(endpoints.patients.getAll),
          api.get(endpoints.employees.getAll),
        ])
        setPatients(patientsResponse.data)
        setEmployees(employeesResponse.data)
      } catch (err) {
        console.error("Failed to fetch data", err)
        setError(err.message || "Failed to load required data")
      }
    }

fetchData()

// If in edit mode, fetch room data
    if (isEditMode) {
      const fetchRoom = async () => {
        try {
          const response = await api.get(endpoints.rooms.getById(id))
          const roomData = response.data
          setFormData({
            roNo: roomData.roNo,
            rType: roomData.rType || "General",
            pid: roomData.patient ? roomData.patient.pid : "",
            eid: roomData.employee ? roomData.employee.eid : "",
            eType: roomData.eType || "",
          })
          setLoading(false)
        } catch (err) {
          setError(err.message || "Failed to fetch room data")
          setLoading(false)
          console.error("Error fetching room:", err)
        }
      }

fetchRoom()
    } else {
      setLoading(false)
    }
  }, [id, isEditMode])

const handleChange = (e) => {
    const { name, value } = e.target
    setFormData((prevState) => ({
      ...prevState,
      [name]: value,
    }))

// If employee is selected, auto-fill employee type
    if (name === "eid" && value) {
      const selectedEmployee = employees.find((emp) => emp.eid.toString() === value)
      if (selectedEmployee) {
        setFormData((prevState) => ({
          ...prevState,
          eType: selectedEmployee.eJob,
        }))
      }
    }
  }

const handleSubmit = async (e) => {
    e.preventDefault()
    setError("")
    setSubmitLoading(true)

try {
      const roomData = {
        roNo: formData.roNo,
        rType: formData.rType,
        eType: formData.eType,
        patient: formData.pid ? { pid: formData.pid } : null,
        employee: formData.eid ? { eid: formData.eid } : null,
      }

// If editing, include the ID
      if (isEditMode) {
        roomData.relD = Number.parseInt(id)
      }

if (isEditMode) {
        await api.put(endpoints.rooms.update(id), roomData)
      } else {
        await api.post(endpoints.rooms.create, roomData)
      }
      navigate("/admin/rooms")
    } catch (err) {
      setError(err.message || `Failed to ${isEditMode ? "update" : "create"} room`)
      console.error("Error saving room:", err)
    } finally {
      setSubmitLoading(false)
    }
  }

if (loading) {
    return <div className="text-center py-4">Loading room data...</div>
  }

return (
    <div>
      <h2 className="text-2xl font-semibold mb-6">{isEditMode ? "Edit Room" : "Add New Room"}</h2>

<form onSubmit={handleSubmit} className="space-y-6">
        <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
          <div>
            <label htmlFor="roNo" className="block text-sm font-medium text-gray-700">
              Room Number
            </label>
            <input
              type="text"
              id="roNo"
              name="roNo"
              value={formData.roNo}
              onChange={handleChange}
              required
              className="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-green-500 focus:border-green-500"
            />
          </div>

<div>
            <label htmlFor="rType" className="block text-sm font-medium text-gray-700">
              Room Type
            </label>
            <select
              id="rType"
              name="rType"
              value={formData.rType}
              onChange={handleChange}
              required
              className="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-green-500 focus:border-green-500"
            >
              <option value="General">General</option>
              <option value="Private">Private</option>
              <option value="ICU">ICU</option>
              <option value="Operation">Operation Theater</option>
              <option value="Emergency">Emergency</option>
            </select>
          </div>

<div>
            <label htmlFor="pid" className="block text-sm font-medium text-gray-700">
              Patient
            </label>
            <select
              id="pid"
              name="pid"
              value={formData.pid}
              onChange={handleChange}
              className="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-green-500 focus:border-green-500"
            >
              <option value="">Select a patient</option>
              {patients.map((patient) => (
                <option key={patient.pid} value={patient.pid}>
                  {patient.name}
                </option>
              ))}
            </select>
          </div>

<div>
            <label htmlFor="eid" className="block text-sm font-medium text-gray-700">
              Employee
            </label>
            <select
              id="eid"
              name="eid"
              value={formData.eid}
              onChange={handleChange}
              className="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-green-500 focus:border-green-500"
            >
              <option value="">Select an employee</option>
              {employees.map((employee) => (
                <option key={employee.eid} value={employee.eid}>
                  {employee.ename} ({employee.eJob})
                </option>
              ))}
            </select>
          </div>

<div>
            <label htmlFor="eType" className="block text-sm font-medium text-gray-700">
              Employee Type
            </label>
            <input
              type="text"
              id="eType"
              name="eType"
              value={formData.eType}
              onChange={handleChange}
              className="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-green-500 focus:border-green-500"
              readOnly
            />
          </div>
        </div>

<div className="flex justify-end space-x-3">
          <button
            type="button"
            onClick={() => navigate("/admin/rooms")}
            className="bg-gray-200 hover:bg-gray-300 text-gray-800 py-2 px-4 rounded"
          >
            Cancel
          </button>
          <button
            type="submit"
            disabled={submitLoading}
            className="bg-green-600 hover:bg-green-700 text-white py-2 px-4 rounded"
          >
            {submitLoading ? "Saving..." : "Save Room"}
          </button>
        </div>
      </form>
    </div>
  )
}

export default RoomForm
[V0_FILE]typescriptreact:file="frontend/src/components/admin/RoomList.jsx" isEdit="true" isMerged="true"
"use client"

import { useState, useEffect } from "react"
import { Link } from "react-router-dom"
import api, { endpoints } from "../../services/api"

const RoomList = () => {
  const [rooms, setRooms] = useState([])
  const [loading, setLoading] = useState(true)
  const [error, setError] = useState("")

useEffect(() => {
    fetchRooms()
  }, [])

const fetchRooms = async () => {
    try {
      const response = await api.get(endpoints.rooms.getAll)
      setRooms(response.data)
      setLoading(false)
    } catch (err) {
      setError(err.message || "Failed to fetch rooms")
      setLoading(false)
      console.error("Error fetching rooms:", err)
    }
  }

const handleDelete = async (id) => {
    if (window.confirm("Are you sure you want to delete this room?")) {
      try {
        await api.delete(endpoints.rooms.delete(id))
        setRooms(rooms.filter((room) => room.relD !== id))
      } catch (err) {
        setError(err.message || "Failed to delete room")
        console.error("Error deleting room:", err)
      }
    }
  }

if (loading) {
    return <div className="text-center py-4">Loading rooms...</div>
  }

if (error) {
    return <div className="text-red-500 text-center py-4">{error}</div>
  }

return (
    <div>
      <div className="flex justify-between items-center mb-6">
        <h2 className="text-2xl font-semibold">Room Management</h2>
        <Link to="/admin/rooms/add" className="bg-green-600 hover:bg-green-700 text-white py-2 px-4 rounded">
          Add New Room
        </Link>
      </div>

{rooms.length === 0 ? (
        <p className="text-gray-500 text-center py-4">No rooms found.</p>
      ) : (
        <div className="overflow-x-auto">
          <table className="min-w-full bg-white">
            <thead className="bg-gray-100">
              <tr>
                <th className="py-3 px-4 text-left">ID</th>
                <th className="py-3 px-4 text-left">Room Number</th>
                <th className="py-3 px-4 text-left">Room Type</th>
                <th className="py-3 px-4 text-left">Patient</th>
                <th className="py-3 px-4 text-left">Employee</th>
                <th className="py-3 px-4 text-left">Employee Type</th>
                <th className="py-3 px-4 text-left">Actions</th>
              </tr>
            </thead>
            <tbody>
              {rooms.map((room) => (
                <tr key={room.relD} className="border-b hover:bg-gray-50">
                  <td className="py-3 px-4">{room.relD}</td>
                  <td className="py-3 px-4">{room.roNo}</td>
                  <td className="py-3 px-4">{room.rType}</td>
                  <td className="py-3 px-4">{room.patient ? room.patient.name : "Not assigned"}</td>
                  <td className="py-3 px-4">{room.employee ? room.employee.ename : "Not assigned"}</td>
                  <td className="py-3 px-4">{room.eType || "N/A"}</td>
                  <td className="py-3 px-4">
                    <div className="flex space-x-2">
                      <Link to={`/admin/rooms/edit/${room.relD}`} className="text-blue-600 hover:text-blue-800">
                        Edit
                      </Link>
                      <button onClick={() => handleDelete(room.relD)} className="text-red-600 hover:text-red-800">
                        Delete
                      </button>
                    </div>
                  </td>
                </tr>
              ))}
            </tbody>
          </table>
        </div>
      )}
    </div>
  )
}

export default RoomList
[V0_FILE]java:file="backend/src/main/java/com/hospital/management/controller/RoomController.java" isEdit="true" isMerged="true"
package com.hospital.management.controller;

import com.hospital.management.dto.RoomDTO;
import com.hospital.management.service.RoomService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.http.ResponseEntity;
import org.springframework.security.access.prepost.PreAuthorize;
import org.springframework.web.bind.annotation.*;

import java.util.List;

@RestController
@RequestMapping("/api/rooms")
@CrossOrigin(origins = "*")
public class RoomController {

@Autowired
    private RoomService roomService;

@GetMapping
    @PreAuthorize("hasAnyRole('ADMIN', 'DOCTOR')")
    public ResponseEntity<List<RoomDTO>> getAllRooms() {
        return ResponseEntity.ok(roomService.getAllRooms());
    }

@GetMapping("/{id}")
    @PreAuthorize("hasAnyRole('ADMIN', 'DOCTOR')")
    public ResponseEntity<RoomDTO> getRoomById(@PathVariable Long id) {
        return ResponseEntity.ok(roomService.getRoomById(id));
    }

@GetMapping("/patient/{patientId}")
    @PreAuthorize("hasAnyRole('ADMIN', 'DOCTOR')")
    public ResponseEntity<List<RoomDTO>> getRoomsByPatientId(@PathVariable Long patientId) {
        return ResponseEntity.ok(roomService.getRoomsByPatientId(patientId));
    }

@PostMapping
    @PreAuthorize("hasRole('ADMIN')")
    public ResponseEntity<RoomDTO> createRoom(@RequestBody RoomDTO roomDTO) {
        return ResponseEntity.ok(roomService.createRoom(roomDTO));
    }

@PutMapping("/{id}")
    @PreAuthorize("hasRole('ADMIN')")
    public ResponseEntity<RoomDTO> updateRoom(@PathVariable Long id, @RequestBody RoomDTO roomDTO) {
        return ResponseEntity.ok(roomService.updateRoom(id, roomDTO));
    }

@DeleteMapping("/{id}")
    @PreAuthorize("hasRole('ADMIN')")
    public ResponseEntity<Void> deleteRoom(@PathVariable Long id) {
        roomService.deleteRoom(id);
        return ResponseEntity.noContent().build();
    }
}
[V0_FILE]java:file="backend/src/main/java/com/hospital/management/repository/RoomRepository.java" isEdit="true" isMerged="true"
package com.hospital.management.repository;

import com.hospital.management.entity.Room;
import org.springframework.data.jpa.repository.JpaRepository;
import org.springframework.stereotype.Repository;

import java.util.List;

@Repository
public interface RoomRepository extends JpaRepository<Room, Long> {
    
    List<Room> findByPatientPid(Long patientId);
    
    List<Room> findByEmployeeEid(Long employeeId);
    
    long countByPatientIsNotNull();
    
    long countByPatientIsNull();
}
[V0_FILE]java:file="backend/src/main/java/com/hospital/management/service/AuthService.java" isEdit="true" isMerged="true"
package com.hospital.management.service;

import com.hospital.management.dto.AuthRequest;
import com.hospital.management.dto.AuthResponse;
import com.hospital.management.dto.RegisterRequest;
import com.hospital.management.entity.Doctor;
import com.hospital.management.entity.Employee;
import com.hospital.management.entity.User;
import com.hospital.management.repository.DoctorRepository;
import com.hospital.management.repository.EmployeeRepository;
import com.hospital.management.repository.UserRepository;
import com.hospital.management.security.JwtService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.security.authentication.AuthenticationManager;
import org.springframework.security.authentication.UsernamePasswordAuthenticationToken;
import org.springframework.security.core.Authentication;
import org.springframework.security.core.userdetails.UsernameNotFoundException;
import org.springframework.security.crypto.password.PasswordEncoder;
import org.springframework.stereotype.Service;
import org.springframework.transaction.annotation.Transactional;

import java.math.BigDecimal;

@Service
public class AuthService {

private final UserRepository userRepository;
    private final PasswordEncoder passwordEncoder;
    private final EmployeeRepository employeeRepository;
    private final DoctorRepository doctorRepository;
    private final JwtService jwtService;
    private final AuthenticationManager authenticationManager;

@Autowired
    public AuthService(UserRepository userRepository, 
                      PasswordEncoder passwordEncoder,
                      EmployeeRepository employeeRepository,
                      DoctorRepository doctorRepository,
                      JwtService jwtService,
                      AuthenticationManager authenticationManager) {
        this.userRepository = userRepository;
        this.passwordEncoder = passwordEncoder;
        this.employeeRepository = employeeRepository;
        this.doctorRepository = doctorRepository;
        this.jwtService = jwtService;
        this.authenticationManager = authenticationManager;
    }

public AuthResponse login(AuthRequest request) {
        try {
            Authentication authentication = authenticationManager.authenticate(
                    new UsernamePasswordAuthenticationToken(request.getUsername(), request.getPassword())
            );

User user = userRepository.findByUsername(request.getUsername())
                    .orElseThrow(() -> new UsernameNotFoundException("User not found"));

String token = jwtService.generateToken(user);
            return new AuthResponse(token, user.getRole(), user.getId());
        } catch (Exception e) {
            throw new RuntimeException("Authentication failed: " + e.getMessage());
        }
    }

@Transactional
    public AuthResponse register(RegisterRequest request) {
        // Check if username already exists
        if (userRepository.existsByUsername(request.getUsername())) {
            throw new RuntimeException("Username already exists");
        }

// Create user
        User user = new User();
        user.setUsername(request.getUsername());
        user.setPassword(passwordEncoder.encode(request.getPassword()));
        user.setRole(request.getRole());
        User savedUser = userRepository.save(user);

// Create employee
        Employee employee = new Employee();
        employee.setEname(request.getName());
        employee.setEAddress(request.getAddress());
        employee.setECNo(request.getContactNumber());
        employee.setEDetails(request.getDetails());
        employee.setESal(BigDecimal.ZERO); // Default salary
        
        if ("DOCTOR".equals(request.getRole())) {
            employee.setEJob("Doctor");
        } else {
            employee.setEJob("Admin");
        }
        
        Employee savedEmployee = employeeRepository.save(employee);

// If role is DOCTOR, create doctor record
        if ("DOCTOR".equals(request.getRole())) {
            Doctor doctor = new Doctor();
            doctor.setEid(savedEmployee.getEid());
            doctor.setDname(request.getName());
            doctor.setDSp(request.getSpecialization());
            doctorRepository.save(doctor);
        }

String token = jwtService.generateToken(user);
        return new AuthResponse(token, user.getRole(), user.getId());
    }
}
[V0_FILE]typescriptreact:file="frontend/src/App.jsx" isEdit="true" isMerged="true"
"use client"
import { BrowserRouter as Router, Routes, Route, Navigate } from "react-router-dom"
import Login from "./components/auth/Login"
import Register from "./components/auth/Register"
import AdminDashboard from "./components/admin/AdminDashboard"
import DoctorDashboard from "./components/doctor/DoctorDashboard"
import Navbar from "./components/common/Navbar"
import { AuthProvider, useAuth } from "./context/AuthContext"
import "./App.css"

// Separate PrivateRoute component to avoid context issues
const PrivateRouteWrapper = ({ children, allowedRoles }) => {
  const { currentUser } = useAuth()

if (!currentUser) {
    return <Navigate to="/login" />
  }

if (allowedRoles && !allowedRoles.includes(currentUser.role)) {
    return <Navigate to="/" />
  }

return children
}

function App() {
  return (
    <AuthProvider>
      <Router>
        <div className="app">
          <Navbar />
          <div className="content">
            <Routes>
              <Route path="/login" element={<Login />} />
              <Route path="/register" element={<Register />} />
              <Route
                path="/admin/*"
                element={
                  <PrivateRouteWrapper allowedRoles={["ADMIN"]}>
                    <AdminDashboard />
                  </PrivateRouteWrapper>
                }
              />
              <Route
                path="/doctor/*"
                element={
                  <PrivateRouteWrapper allowedRoles={["DOCTOR"]}>
                    <DoctorDashboard />
                  </PrivateRouteWrapper>
                }
              />
              <Route path="/" element={<Login />} />
            </Routes>
          </div>
        </div>
      </Router>
    </AuthProvider>
  )
}

export default App
[V0_FILE]typescriptreact:file="frontend/src/index.jsx" isEdit="true" isMerged="true"
import React from "react"
import ReactDOM from "react-dom/client"
import App from "./App"
import "./App.css"

const root = ReactDOM.createRoot(document.getElementById("root"))
root.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
)
[V0_FILE]typescriptreact:file="frontend/src/components/auth/Login.jsx" isEdit="true" isMerged="true"
"use client"

import { useState } from "react"
import { useNavigate, Link } from "react-router-dom"
import { useAuth } from "../../context/AuthContext"

const Login = () => {
  const [username, setUsername] = useState("")
  const [password, setPassword] = useState("")
  const [error, setError] = useState("")
  const [loading, setLoading] = useState(false)
  const auth = useAuth()
  const navigate = useNavigate()

const handleSubmit = async (e) => {
    e.preventDefault()
    setError("")
    setLoading(true)

try {
      if (!auth || typeof auth.login !== "function") {
        throw new Error("Authentication context not available")
      }

const result = await auth.login(username, password)
      if (result.success) {
        if (result.role === "ADMIN") {
          navigate("/admin")
        } else if (result.role === "DOCTOR") {
          navigate("/doctor")
        }
      } else {
        setError(result.error)
      }
    } catch (err) {
      setError("Failed to log in. Please try again.")
      console.error(err)
    }

setLoading(false)
  }

return (
    <div className="min-h-screen flex items-center justify-center bg-gray-50 py-12 px-4 sm:px-6 lg:px-8">
      <div className="max-w-md w-full space-y-8">
        <div>
          <h2 className="mt-6 text-center text-3xl font-extrabold text-gray-900">Hospital Management System</h2>
          <p className="mt-2 text-center text-sm text-gray-600">Sign in to your account</p>
          <p className="mt-2 text-center text-xs text-gray-500">
            Demo credentials: admin/admin123 (Admin) or doctor/doctor123 (Doctor)
          </p>
        </div>
        {error && (
          <div className="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded relative" role="alert">
            <span className="block sm:inline">{error}</span>
          </div>
        )}
        <form className="mt-8 space-y-6" onSubmit={handleSubmit}>
          <div className="rounded-md shadow-sm -space-y-px">
            <div>
              <label htmlFor="username" className="sr-only">
                Username
              </label>
              <input
                id="username"
                name="username"
                type="text"
                required
                className="appearance-none rounded-none relative block w-full px-3 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 rounded-t-md focus:outline-none focus:ring-green-500 focus:border-green-500 focus:z-10 sm:text-sm"
                placeholder="Username"
                value={username}
                onChange={(e) => setUsername(e.target.value)}
              />
            </div>
            <div>
              <label htmlFor="password" className="sr-only">
                Password
              </label>
              <input
                id="password"
                name="password"
                type="password"
                required
                className="appearance-none rounded-none relative block w-full px-3 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 rounded-b-md focus:outline-none focus:ring-green-500 focus:border-green-500 focus:z-10 sm:text-sm"
                placeholder="Password"
                value={password}
                onChange={(e) => setPassword(e.target.value)}
              />
            </div>
          </div>

<div>
            <button
              type="submit"
              disabled={loading}
              className="group relative w-full flex justify-center py-2 px-4 border border-transparent text-sm font-medium rounded-md text-white bg-green-600 hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500"
            >
              {loading ? "Signing in..." : "Sign in"}
            </button>
          </div>

<div className="text-sm text-center">
            <Link to="/register" className="font-medium text-green-600 hover:text-green-500">
              Don't have an account? Register
            </Link>
          </div>
        </form>
      </div>
    </div>
  )
}

export default Login
[V0_FILE]typescriptreact:file="backend/src/main/java/com/hospital/management/repository/EmployeeRepository.java" isEdit="true" isQuickEdit="true" isMerged="true"
package com.hospital.management.repository;

import com.hospital.management.entity.Employee;
import org.springframework.data.jpa.repository.JpaRepository;
import org.springframework.stereotype.Repository;

import java.util.List;

@Repository
public interface EmployeeRepository extends JpaRepository<Employee, Long> {
    
    List<Employee> findByeJob(String eJob);
    
    long countByeJob(String eJob);
}
[V0_FILE]typescriptreact:file="frontend/src/context/AuthContext.jsx" isEdit="true" isQuickEdit="true" isMerged="true"
"use client"

import { createContext, useState, useContext, useEffect } from "react"
import { jwtDecode } from "jwt-decode"
import api from "../services/api"

// Create the context with a default value
const AuthContext = createContext({
  currentUser: null,
  login: () => Promise.resolve({ success: false }),
  register: () => Promise.resolve({ success: false }),
  logout: () => {},
  loading: true,
})

export function useAuth() {
  const context = useContext(AuthContext)
  if (context === undefined) {
    throw new Error("useAuth must be used within an AuthProvider")
  }
  return context
}

export function AuthProvider({ children }) {
  const [currentUser, setCurrentUser] = useState(null)
  const [loading, setLoading] = useState(true)

useEffect(() => {
    // Check if we're in a browser environment
    if (typeof window !== "undefined") {
      const token = localStorage.getItem("token")
      if (token) {
        try {
          const decoded = jwtDecode(token)
          const currentTime = Date.now() / 1000

if (decoded.exp > currentTime) {
            setCurrentUser({
              id: decoded.id,
              username: decoded.sub,
              role: decoded.role,
            })

// Set authorization header for all requests
            api.defaults.headers.common["Authorization"] = `Bearer ${token}`
          } else {
            // Token expired
            console.log("Token expired, logging out")
            localStorage.removeItem("token")
          }
        } catch (error) {
          console.error("Invalid token", error)
          localStorage.removeItem("token")
        }
      }
    }
    setLoading(false)
  }, [])

const login = async (username, password) => {
    try {
      const response = await api.post("/auth/login", { username, password })
      const { token, role, id } = response.data

localStorage.setItem("token", token)

setCurrentUser({
        id: id,
        username: username,
        role: role,
      })

api.defaults.headers.common["Authorization"] = `Bearer ${token}`
      return { success: true, role: role }
    } catch (error) {
      console.error("Login error", error)
      return { success: false, error: error.response?.data?.message || "Login failed" }
    }
  }

const register = async (userData) => {
    try {
      const response = await api.post("/auth/register", userData)
      return { success: true, data: response.data }
    } catch (error) {
      console.error("Registration error", error)
      return { success: false, error: error.response?.data?.message || "Registration failed" }
    }
  }

const logout = () => {
    if (typeof window !== "undefined") {
      localStorage.removeItem("token")
      delete api.defaults.headers.common["Authorization"]
      setCurrentUser(null)
    }
  }

const value = {
    currentUser,
    login,
    register,
    logout,
    loading,
  }

return <AuthContext.Provider value={value}>{children}</AuthContext.Provider>
}
[V0_FILE]typescriptreact:file="frontend/src/services/api.js" isEdit="true" isQuickEdit="true" isMerged="true"
import axios from "axios"

// Create an API instance with the base URL
const api = axios.create({
  baseURL: "/api", // This will use the proxy defined in next.config.js
  headers: {
    "Content-Type": "application/json",
  },
  timeout: 10000, // 10 seconds timeout
})

// Add a request interceptor to include the token in all requests
api.interceptors.request.use(
  (config) => {
    // Check if we're in a browser environment
    if (typeof window !== "undefined") {
      const token = localStorage.getItem("token")
      if (token) {
        config.headers["Authorization"] = `Bearer ${token}`
      }
    }
    return config
  },
  (error) => {
    console.error("Request error:", error)
    return Promise.reject(error)
  },
)

// Add a response interceptor to handle token expiration
api.interceptors.response.use(
  (response) => {
    return response
  },
  (error) => {
    console.error("Response error:", error.response || error)

// Handle authentication errors
    if (error.response && error.response.status === 401) {
      // Token expired or invalid
      if (typeof window !== "undefined") {
        localStorage.removeItem("token")
        window.location.href = "/login"
      }
      return Promise.reject(new Error("Your session has expired. Please log in again."))
    }

// Handle forbidden errors
    if (error.response && error.response.status === 403) {
      return Promise.reject(new Error("You don't have permission to access this resource."))
    }

// Handle server errors
    if (error.response && error.response.status >= 500) {
      return Promise.reject(new Error("Server error. Please try again later."))
    }

// Handle network errors
    if (!error.response) {
      return Promise.reject(new Error("Network error. Please check your connection."))
    }

return Promise.reject(error)
  },
)

// API endpoints object for better organization
export const endpoints = {
  // Auth endpoints
  auth: {
    login: "/auth/login",
    register: "/auth/register",
  },

// Patient endpoints
  patients: {
    getAll: "/patients",
    getById: (id) => `/patients/${id}`,
    create: "/patients",
    update: (id) => `/patients/${id}`,
    delete: (id) => `/patients/${id}`,
  },

// Employee endpoints
  employees: {
    getAll: "/employees",
    getById: (id) => `/employees/${id}`,
    create: "/employees",
    update: (id) => `/employees/${id}`,
    delete: (id) => `/employees/${id}`,
  },

// Doctor endpoints
  doctors: {
    getAll: "/doctors",
    getById: (id) => `/doctors/${id}`,
    getPatients: (id) => `/doctors/${id}/patients`,
  },

// Record endpoints
  records: {
    getAll: "/records",
    getById: (id) => `/records/${id}`,
    getByPatient: (patientId) => `/records/patient/${patientId}`,
    getByDoctor: (doctorId) => `/records/doctor/${doctorId}`,
    create: "/records",
    update: (id) => `/records/${id}`,
    delete: (id) => `/records/${id}`,
  },

// Medicine endpoints
  medicines: {
    getAll: "/medicines",
    getById: (id) => `/medicines/${id}`,
    getByPatient: (patientId) => `/medicines/patient/${patientId}`,
    create: "/medicines",
    update: (id) => `/medicines/${id}`,
    delete: (id) => `/medicines/${id}`,
  },

// Dashboard endpoints
  dashboard: {
    getStats: "/dashboard/stats",
  },

// Room endpoints
  rooms: {
    getAll: "/rooms",
    getById: (id) => `/rooms/${id}`,
    getByPatient: (patientId) => `/rooms/patient/${patientId}`,
    create: "/rooms",
    update: (id) => `/rooms/${id}`,
    delete: (id) => `/rooms/${id}`,
  },
}

export default api
[V0_FILE]typescriptreact:file="frontend/src/components/common/Navbar.jsx" isEdit="true" isQuickEdit="true" isMerged="true"
"use client"

import { useAuth } from "../../context/AuthContext"
import Link from "next/link"
import { useRouter } from "next/navigation"

const Navbar = () => {
  const { currentUser, logout } = useAuth()
  const router = useRouter()

const handleLogout = () => {
    logout()
    router.push("/login")
  }

if (!currentUser) return null

return (
    <nav className="bg-green-600 text-white shadow-lg">
      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div className="flex justify-between h-16">
          <div className="flex">
            <div className="flex-shrink-0 flex items-center">
              <Link href="/" className="text-xl font-bold">
                Hospital Management
              </Link>
            </div>
            <div className="hidden md:ml-6 md:flex md:items-center md:space-x-4">
              {currentUser.role === "ADMIN" && (
                <>
                  <Link href="/admin" className="px-3 py-2 rounded-md text-sm font-medium hover:bg-green-700">
                    Dashboard
                  </Link>
                  <Link href="/admin/patients" className="px-3 py-2 rounded-md text-sm font-medium hover:bg-green-700">
                    Patients
                  </Link>
                  <Link href="/admin/employees" className="px-3 py-2 rounded-md text-sm font-medium hover:bg-green-700">
                    Employees
                  </Link>
                  <Link href="/admin/rooms" className="px-3 py-2 rounded-md text-sm font-medium hover:bg-green-700">
                    Rooms
                  </Link>
                  <Link href="/admin/medicines" className="px-3 py-2 rounded-md text-sm font-medium hover:bg-green-700">
                    Medicines
                  </Link>
                </>
              )}
              {currentUser.role === "DOCTOR" && (
                <>
                  <Link href="/doctor" className="px-3 py-2 rounded-md text-sm font-medium hover:bg-green-700">
                    Dashboard
                  </Link>
                  <Link href="/doctor/patients" className="px-3 py-2 rounded-md text-sm font-medium hover:bg-green-700">
                    My Patients
                  </Link>
                  <Link href="/doctor/records" className="px-3 py-2 rounded-md text-sm font-medium hover:bg-green-700">
                    Records
                  </Link>
                  <Link
                    href="/doctor/medicines"
                    className="px-3 py-2 rounded-md text-sm font-medium hover:bg-green-700"
                  >
                    Medicines
                  </Link>
                </>
              )}
            </div>
          </div>
          <div className="flex items-center">
            <div className="flex-shrink-0">
              <span className="mr-4">
                {currentUser.username} ({currentUser.role})
              </span>
              <button
                onClick={handleLogout}
                className="relative inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md text-white bg-green-800 shadow-sm hover:bg-green-900 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500"
              >
                Logout
              </button>
            </div>
          </div>
        </div>
      </div>
    </nav>
  )
}

export default Navbar
[V0_FILE]typescriptreact:file="frontend/src/components/admin/AdminDashboard.jsx" isEdit="true" isQuickEdit="true" isMerged="true"
"use client"

import { useState, useEffect } from "react"
import Link from "next/link"
import DashboardStats from "./DashboardStats"
import api from "../../services/api"

const AdminDashboard = () => {
  const [stats, setStats] = useState({
    totalPatients: 0,
    totalEmployees: 0,
    totalRooms: 0,
    totalMedicines: 0,
    activePatients: 0,
    dischargedPatients: 0,
    doctorsCount: 0,
    nursesCount: 0,
    occupiedRooms: 0,
    availableRooms: 0,
  })
  const [loading, setLoading] = useState(true)

useEffect(() => {
    const fetchDashboardStats = async () => {
      try {
        const response = await api.get("/dashboard/stats")
        setStats(response.data)
        setLoading(false)
      } catch (err) {
        console.error("Failed to fetch dashboard statistics", err)
        setLoading(false)
      }
    }

fetchDashboardStats()
  }, [])

return (
    <div>
      <h1 className="text-3xl font-bold mb-8">Admin Dashboard</h1>

<div className="bg-white shadow rounded-lg p-6">
        <DashboardStats stats={stats} loading={loading} />
      </div>
    </div>
  )
}

const DashboardCard = ({ title, icon, link, description, count, loading }) => {
  return (
    <Link href={link} className="block">
      <div className="bg-white rounded-lg shadow hover:shadow-md transition-shadow p-6">
        <div className="flex items-center justify-between mb-4">
          <h3 className="text-xl font-semibold">{title}</h3>
          <span className="text-3xl">{icon}</span>
        </div>
        <p className="text-gray-600 mb-2">{description}</p>
        {loading ? (
          <div className="h-6 bg-gray-200 animate-pulse rounded"></div>
        ) : (
          <p className="text-2xl font-bold text-green-600">{count}</p>
        )}
      </div>
    </Link>
  )
}

export default AdminDashboard
[V0_FILE]typescriptreact:file="frontend/src/components/doctor/DoctorDashboard.jsx" isEdit="true" isQuickEdit="true" isMerged="true"
"use client"

import Link from "next/link"

const DoctorDashboard = () => {
  return (
    <div>
      <h1 className="text-3xl font-bold mb-8">Doctor Dashboard</h1>

<div className="bg-white shadow rounded-lg p-6">
        <DoctorHome />
      </div>
    </div>
  )
}

const DoctorHome = () => {
  return (
    <div>
      <h2 className="text-2xl font-semibold mb-4">Welcome to the Doctor Dashboard</h2>
      <p className="text-gray-600 mb-4">Use the navigation above to manage your patients and their records.</p>
    </div>
  )
}

const DashboardCard = ({ title, icon, link, description }) => {
  return (
    <Link href={link} className="block">
      <div className="bg-white rounded-lg shadow hover:shadow-md transition-shadow p-6">
        <div className="flex items-center justify-between mb-4">
          <h3 className="text-xl font-semibold">{title}</h3>
          <span className="text-3xl">{icon}</span>
        </div>
        <p className="text-gray-600">{description}</p>
      </div>
    </Link>
  )
}

export default DoctorDashboard
[V0_FILE]typescriptreact:file="frontend/src/components/admin/PatientList.jsx" isEdit="true" isQuickEdit="true" isMerged="true"
"use client"

import { useState, useEffect } from "react"
import Link from "next/link"
import api, { endpoints } from "../../services/api"

const PatientList = () => {
  const [patients, setPatients] = useState([])
  const [loading, setLoading] = useState(true)
  const [error, setError] = useState("")

useEffect(() => {
    fetchPatients()
  }, [])

const fetchPatients = async () => {
    try {
      const response = await api.get(endpoints.patients.getAll)
      setPatients(response.data)
      setLoading(false)
    } catch (err) {
      setError(err.message || "Failed to fetch patients")
      setLoading(false)
      console.error("Error fetching patients:", err)
    }
  }

const handleDelete = async (id) => {
    if (window.confirm("Are you sure you want to delete this patient?")) {
      try {
        await api.delete(endpoints.patients.delete(id))
        setPatients(patients.filter((patient) => patient.pid !== id))
      } catch (err) {
        setError(err.message || "Failed to delete patient")
        console.error("Error deleting patient:", err)
      }
    }
  }

if (loading) {
    return <div className="text-center py-4">Loading patients...</div>
  }

if (error) {
    return <div className="text-red-500 text-center py-4">{error}</div>
  }

return (
    <div>
      <div className="flex justify-between items-center mb-6">
        <h2 className="text-2xl font-semibold">Patient Management</h2>
        <Link href="/admin/patients/add" className="bg-green-600 hover:bg-green-700 text-white py-2 px-4 rounded">
          Add New Patient
        </Link>
      </div>

{patients.length === 0 ? (
        <p className="text-gray-500 text-center py-4">No patients found.</p>
      ) : (
        <div className="overflow-x-auto">
          <table className="min-w-full bg-white">
            <thead className="bg-gray-100">
              <tr>
                <th className="py-3 px-4 text-left">ID</th>
                <th className="py-3 px-4 text-left">Name</th>
                <th className="py-3 px-4 text-left">Address</th>
                <th className="py-3 px-4 text-left">Contact</th>
                <th className="py-3 px-4 text-left">Admission Date</th>
                <th className="py-3 px-4 text-left">Discharge Date</th>
                <th className="py-3 px-4 text-left">Actions</th>
              </tr>
            </thead>
            <tbody>
              {patients.map((patient) => (
                <tr key={patient.pid} className="border-b hover:bg-gray-50">
                  <td className="py-3 px-4">{patient.pid}</td>
                  <td className="py-3 px-4">{patient.name}</td>
                  <td className="py-3 px-4">{patient.address}</td>
                  <td className="py-3 px-4">{patient.cNo}</td>
                  <td className="py-3 px-4">{patient.dOAd}</td>
                  <td className="py-3 px-4">{patient.dODis || "N/A"}</td>
                  <td className="py-3 px-4">
                    <div className="flex space-x-2">
                      <Link href={`/admin/patients/edit/${patient.pid}`} className="text-blue-600 hover:text-blue-800">
                        Edit
                      </Link>
                      <button onClick={() => handleDelete(patient.pid)} className="text-red-600 hover:text-red-800">
                        Delete
                      </button>
                    </div>
                  </td>
                </tr>
              ))}
            </tbody>
          </table>
        </div>
      )}
    </div>
  )
}

export default PatientList
[V0_FILE]typescriptreact:file="app/layout.tsx" isEdit="true" isMerged="true"
import type React from "react"
import type { Metadata } from "next"
import { Inter } from "next/font/google"
import "./globals.css"
import { AuthProvider } from "@/lib/context/auth-context"

const inter = Inter({ subsets: ["latin"] })

export const metadata: Metadata = {
  title: "Hospital Management System",
  description: "A comprehensive hospital management system",
}

export default function RootLayout({
  children,
}: {
  children: React.ReactNode
}) {
  return (
    <html lang="en">
      <body className={inter.className}>
        <AuthProvider>{children}</AuthProvider>
      </body>
    </html>
  )
}
[V0_FILE]typescriptreact:file="app/(auth)/layout.tsx" isMerged="true"
import type React from "react"
export default function AuthLayout({
  children,
}: {
  children: React.ReactNode
}) {
  return children
}
[V0_FILE]typescriptreact:file="app/(dashboard)/layout.tsx" isMerged="true"
import type React from "react"
import Navbar from "@/components/common/navbar"

export default function DashboardLayout({
  children,
}: {
  children: React.ReactNode
}) {
  return (
    <div className="min-h-screen bg-gray-50">
      <Navbar />
      <div className="container mx-auto px-4 py-8">{children}</div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/(dashboard)/admin/patients/page.tsx" isMerged="true"
import PatientList from "@/components/admin/patient-list"

export default function PatientsPage() {
  return (
    <div className="bg-white shadow rounded-lg p-6">
      <PatientList />
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/(dashboard)/admin/patients/add/page.tsx" isMerged="true"
import PatientForm from "@/components/admin/patient-form"

export default function AddPatientPage() {
  return (
    <div className="bg-white shadow rounded-lg p-6">
      <PatientForm />
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/(dashboard)/admin/patients/edit/[id]/page.tsx" isMerged="true"
import PatientForm from "@/components/admin/patient-form"

export default function EditPatientPage() {
  return (
    <div className="bg-white shadow rounded-lg p-6">
      <PatientForm />
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/(dashboard)/admin/employees/page.tsx" isMerged="true"
import EmployeeList from "@/components/admin/employee-list"

export default function EmployeesPage() {
  return (
    <div className="bg-white shadow rounded-lg p-6">
      <EmployeeList />
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/(dashboard)/admin/employees/add/page.tsx" isMerged="true"
import EmployeeForm from "@/components/admin/employee-form"

export default function AddEmployeePage() {
  return (
    <div className="bg-white shadow rounded-lg p-6">
      <EmployeeForm />
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/(dashboard)/admin/employees/edit/[id]/page.tsx" isMerged="true"
import EmployeeForm from "@/components/admin/employee-form"

export default function EditEmployeePage() {
  return (
    <div className="bg-white shadow rounded-lg p-6">
      <EmployeeForm />
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/(dashboard)/admin/rooms/page.tsx" isMerged="true"
import RoomList from "@/components/admin/room-list"

export default function RoomsPage() {
  return (
    <div className="bg-white shadow rounded-lg p-6">
      <RoomList />
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/(dashboard)/admin/rooms/add/page.tsx" isMerged="true"
import RoomForm from "@/components/admin/room-form"

export default function AddRoomPage() {
  return (
    <div className="bg-white shadow rounded-lg p-6">
      <RoomForm />
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/(dashboard)/admin/rooms/edit/[id]/page.tsx" isMerged="true"
import RoomForm from "@/components/admin/room-form"

export default function EditRoomPage() {
  return (
    <div className="bg-white shadow rounded-lg p-6">
      <RoomForm />
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/(dashboard)/admin/medicines/page.tsx" isMerged="true"
import MedicineList from "@/components/admin/medicine-list"

export default function MedicinesPage() {
  return (
    <div className="bg-white shadow rounded-lg p-6">
      <MedicineList />
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/(dashboard)/admin/medicines/add/page.tsx" isMerged="true"
import MedicineForm from "@/components/admin/medicine-form"

export default function AddMedicinePage() {
  return (
    <div className="bg-white shadow rounded-lg p-6">
      <MedicineForm />
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/(dashboard)/admin/medicines/edit/[id]/page.tsx" isMerged="true"
import MedicineForm from "@/components/admin/medicine-form"

export default function EditMedicinePage() {
  return (
    <div className="bg-white shadow rounded-lg p-6">
      <MedicineForm />
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/common/navbar.tsx" isMerged="true"
"use client"

import { useAuth } from "@/lib/context/auth-context"
import Link from "next/link"
import { useRouter } from "next/navigation"

const Navbar = () => {
  const { currentUser, logout } = useAuth()
  const router = useRouter()

const handleLogout = () => {
    logout()
    router.push("/login")
  }

if (!currentUser) return null

export default Navbar
[V0_FILE]typescriptreact:file="lib/context/auth-context.tsx" isMerged="true"
"use client"

import type React from "react"

import { createContext, useState, useContext, useEffect } from "react"
import { jwtDecode } from "jwt-decode"
import api from "@/lib/api"
import { setCookie, deleteCookie } from "cookies-next"

// Define types
type User = {
  id: number
  username: string
  role: string
}

type AuthContextType = {
  currentUser: User | null
  login: (username: string, password: string) => Promise<{ success: boolean; role?: string; error?: string }>
  register: (userData: any) => Promise<{ success: boolean; data?: any; error?: string }>
  logout: () => void
  loading: boolean
}

// Create context with default values
const AuthContext = createContext<AuthContextType>({
  currentUser: null,
  login: () => Promise.resolve({ success: false }),
  register: () => Promise.resolve({ success: false }),
  logout: () => {},
  loading: true,
})

export function useAuth() {
  const context = useContext(AuthContext)
  if (context === undefined) {
    throw new Error("useAuth must be used within an AuthProvider")
  }
  return context
}

export function AuthProvider({ children }: { children: React.ReactNode }) {
  const [currentUser, setCurrentUser] = useState<User | null>(null)
  const [loading, setLoading] = useState(true)

useEffect(() => {
    // Check if we're in a browser environment
    if (typeof window !== "undefined") {
      const token = localStorage.getItem("token")
      if (token) {
        try {
          const decoded: any = jwtDecode(token)
          const currentTime = Date.now() / 1000

if (decoded.exp > currentTime) {
            setCurrentUser({
              id: decoded.id,
              username: decoded.sub,
              role: decoded.role,
            })

const login = async (username: string, password: string) => {
    try {
      const response = await api.post("/auth/login", { username, password })
      const { token, role, id } = response.data

localStorage.setItem("token", token)
      setCookie("token", token, { maxAge: 60 * 60 * 24 }) // 1 day

setCurrentUser({
        id: id,
        username: username,
        role: role,
      })

api.defaults.headers.common["Authorization"] = `Bearer ${token}`
      return { success: true, role: role }
    } catch (error: any) {
      console.error("Login error", error)
      return { success: false, error: error.response?.data?.message || "Login failed" }
    }
  }

const register = async (userData: any) => {
    try {
      const response = await api.post("/auth/register", userData)
      return { success: true, data: response.data }
    } catch (error: any) {
      console.error("Registration error", error)
      return { success: false, error: error.response?.data?.message || "Registration failed" }
    }
  }

const logout = () => {
    if (typeof window !== "undefined") {
      localStorage.removeItem("token")
      deleteCookie("token")
      delete api.defaults.headers.common["Authorization"]
      setCurrentUser(null)
    }
  }

const value = {
    currentUser,
    login,
    register,
    logout,
    loading,
  }

return <AuthContext.Provider value={value}>{children}</AuthContext.Provider>
}
[V0_FILE]typescriptreact:file="components/admin/admin-dashboard.tsx" isMerged="true"
"use client"

import { useState, useEffect } from "react"
import Link from "next/link"
import DashboardStats from "./dashboard-stats"
import api from "@/lib/api"

fetchDashboardStats()
  }, [])

return (
    <div>
      <h1 className="text-3xl font-bold mb-8">Admin Dashboard</h1>

<div className="bg-white shadow rounded-lg p-6">
        <DashboardStats stats={stats} loading={loading} />
      </div>
    </div>
  )
}

export default AdminDashboard
[V0_FILE]typescriptreact:file="components/doctor/doctor-dashboard.tsx" isMerged="true"
"use client"

import Link from "next/link"

const DoctorDashboard = () => {
  return (
    <div>
      <h1 className="text-3xl font-bold mb-8">Doctor Dashboard</h1>

<div className="bg-white shadow rounded-lg p-6">
        <DoctorHome />
      </div>
    </div>
  )
}

export default DoctorDashboard
[V0_FILE]json:file="package.json" isEdit="true" isMerged="true"
{
  "name": "hospital-management-system",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },
  "dependencies": {
    "axios": "^1.6.2",
    "cookies-next": "^4.1.0",
    "jwt-decode": "^4.0.0",
    "next": "14.0.4",
    "react": "^18.2.0",
    "react-dom": "^18.2.0"
  },
  "devDependencies": {
    "@types/node": "^20.10.5",
    "@types/react": "^18.2.45",
    "@types/react-dom": "^18.2.18",
    "autoprefixer": "^10.4.16",
    "eslint": "^8.56.0",
    "eslint-config-next": "14.0.4",
    "postcss": "^8.4.32",
    "tailwindcss": "^3.3.6",
    "typescript": "^5.3.3"
  }
}
[V0_FILE]javascript:file="next.config.js" isFixed="true" isEdit="true" isQuickEdit="true" isMerged="true"
/** @type {import('next').NextConfig} */
const nextConfig = {
  reactStrictMode: true,
  swcMinify: true,
  async rewrites() {
    return [
      {
        source: "/api/:path*",
        destination: "http://localhost:8080/api/:path*", // Proxy to Backend
      },
    ]
  },
  eslint: {
    ignoreDuringBuilds: true,
  },
  typescript: {
    ignoreBuildErrors: true,
  },
  images: {
    unoptimized: true,
  },
}

module.exports = nextConfig
[V0_FILE]javascript:file="tailwind.config.js" isEdit="true" isMerged="true"
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./app/**/*.{js,ts,jsx,tsx,mdx}",
    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./components/**/*.{js,ts,jsx,tsx,mdx}",
    "*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    extend: {
      colors: {
        border: "hsl(var(--border))",
        input: "hsl(var(--input))",
        ring: "hsl(var(--ring))",
        background: "hsl(var(--background))",
        foreground: "hsl(var(--foreground))",
        primary: {
          DEFAULT: "hsl(var(--primary))",
          foreground: "hsl(var(--primary-foreground))",
        },
        secondary: {
          DEFAULT: "hsl(var(--secondary))",
          foreground: "hsl(var(--secondary-foreground))",
        },
        destructive: {
          DEFAULT: "hsl(var(--destructive))",
          foreground: "hsl(var(--destructive-foreground))",
        },
        muted: {
          DEFAULT: "hsl(var(--muted))",
          foreground: "hsl(var(--muted-foreground))",
        },
        accent: {
          DEFAULT: "hsl(var(--accent))",
          foreground: "hsl(var(--accent-foreground))",
        },
        popover: {
          DEFAULT: "hsl(var(--popover))",
          foreground: "hsl(var(--popover-foreground))",
        },
        card: {
          DEFAULT: "hsl(var(--card))",
          foreground: "hsl(var(--card-foreground))",
        },
      },
      borderRadius: {
        lg: "var(--radius)",
        md: "calc(var(--radius) - 2px)",
        sm: "calc(var(--radius) - 4px)",
      },
    },
  },
  plugins: [],
}
[V0_FILE]javascript:file="postcss.config.js" isEdit="true" isMerged="true"
module.exports = {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
  },
}
[V0_FILE]typescript:file="tsconfig.json" isEdit="true" isMerged="true"
{
  "compilerOptions": {
    "target": "es5",
    "lib": ["dom", "dom.iterable", "esnext"],
    "allowJs": true,
    "skipLibCheck": true,
    "strict": true,
    "noEmit": true,
    "esModuleInterop": true,
    "module": "esnext",
    "moduleResolution": "bundler",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "jsx": "preserve",
    "incremental": true,
    "plugins": [
      {
        "name": "next"
      }
    ],
    "paths": {
      "@/*": ["./*"]
    }
  },
  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
  "exclude": ["node_modules"]
}
[V0_FILE]css:file="app/globals.css" isEdit="true" isMerged="true"
@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --foreground-rgb: 0, 0, 0;
  --background-rgb: 255, 255, 255;
}

body {
  color: rgb(var(--foreground-rgb));
  background: rgb(var(--background-rgb));
}

body {
  font-family: Arial, Helvetica, sans-serif;
}

@layer utilities {
  .text-balance {
    text-wrap: balance;
  }
}

@layer base {
  :root {
    --background: 0 0% 100%;
    --foreground: 0 0% 3.9%;
    --card: 0 0% 100%;
    --card-foreground: 0 0% 3.9%;
    --popover: 0 0% 100%;
    --popover-foreground: 0 0% 3.9%;
    --primary: 0 0% 9%;
    --primary-foreground: 0 0% 98%;
    --secondary: 0 0% 96.1%;
    --secondary-foreground: 0 0% 9%;
    --muted: 0 0% 96.1%;
    --muted-foreground: 0 0% 45.1%;
    --accent: 0 0% 96.1%;
    --accent-foreground: 0 0% 9%;
    --destructive: 0 84.2% 60.2%;
    --destructive-foreground: 0 0% 98%;
    --border: 0 0% 89.8%;
    --input: 0 0% 89.8%;
    --ring: 0 0% 3.9%;
    --chart-1: 12 76% 61%;
    --chart-2: 173 58% 39%;
    --chart-3: 197 37% 24%;
    --chart-4: 43 74% 66%;
    --chart-5: 27 87% 67%;
    --radius: 0.5rem;
    --sidebar-background: 0 0% 98%;
    --sidebar-foreground: 240 5.3% 26.1%;
    --sidebar-primary: 240 5.9% 10%;
    --sidebar-primary-foreground: 0 0% 98%;
    --sidebar-accent: 240 4.8% 95.9%;
    --sidebar-accent-foreground: 240 5.9% 10%;
    --sidebar-border: 220 13% 91%;
    --sidebar-ring: 217.2 91.2% 59.8%;
  }
  .dark {
    --background: 0 0% 3.9%;
    --foreground: 0 0% 98%;
    --card: 0 0% 3.9%;
    --card-foreground: 0 0% 98%;
    --popover: 0 0% 3.9%;
    --popover-foreground: 0 0% 98%;
    --primary: 0 0% 98%;
    --primary-foreground: 0 0% 9%;
    --secondary: 0 0% 14.9%;
    --secondary-foreground: 0 0% 98%;
    --muted: 0 0% 14.9%;
    --muted-foreground: 0 0% 63.9%;
    --accent: 0 0% 14.9%;
    --accent-foreground: 0 0% 98%;
    --destructive: 0 62.8% 30.6%;
    --destructive-foreground: 0 0% 98%;
    --border: 0 0% 14.9%;
    --input: 0 0% 14.9%;
    --ring: 0 0% 83.1%;
    --chart-1: 220 70% 50%;
    --chart-2: 160 60% 45%;
    --chart-3: 30 80% 55%;
    --chart-4: 280 65% 60%;
    --chart-5: 340 75% 55%;
    --sidebar-background: 240 5.9% 10%;
    --sidebar-foreground: 240 4.8% 95.9%;
    --sidebar-primary: 224.3 76.3% 48%;
    --sidebar-primary-foreground: 0 0% 100%;
    --sidebar-accent: 240 3.7% 15.9%;
    --sidebar-accent-foreground: 240 4.8% 95.9%;
    --sidebar-border: 240 3.7% 15.9%;
    --sidebar-ring: 217.2 91.2% 59.8%;
  }
}

@layer base {
  * {
    @apply border-border;
  }
  body {
    @apply bg-background text-foreground;
  }
}
[V0_FILE]typescriptreact:file="middleware.ts" isEdit="true" isMerged="true"
import { NextResponse } from "next/server"
import type { NextRequest } from "next/server"
import { jwtDecode } from "jwt-decode"

// This function can be marked `async` if using `await` inside
export function middleware(request: NextRequest) {
  const token = request.cookies.get("token")?.value
  const path = request.nextUrl.pathname

// Public paths that don't require authentication
  if (path === "/login" || path === "/register" || path === "/") {
    if (token) {
      try {
        const decoded: any = jwtDecode(token)
        const currentTime = Date.now() / 1000

// If token is valid, redirect to appropriate dashboard
        if (decoded.exp > currentTime) {
          if (decoded.role === "ADMIN") {
            return NextResponse.redirect(new URL("/admin", request.url))
          } else if (decoded.role === "DOCTOR") {
            return NextResponse.redirect(new URL("/doctor", request.url))
          }
        }
      } catch (error) {
        // Invalid token, continue to login page
      }
    }
    return NextResponse.next()
  }

// Protected routes
  if (!token) {
    return NextResponse.redirect(new URL("/login", request.url))
  }

try {
    const decoded: any = jwtDecode(token)
    const currentTime = Date.now() / 1000

// Token expired
    if (decoded.exp <= currentTime) {
      return NextResponse.redirect(new URL("/login", request.url))
    }

// Role-based access control
    if (path.startsWith("/admin") && decoded.role !== "ADMIN") {
      return NextResponse.redirect(new URL("/login", request.url))
    }

if (path.startsWith("/doctor") && decoded.role !== "DOCTOR") {
      return NextResponse.redirect(new URL("/login", request.url))
    }

return NextResponse.next()
  } catch (error) {
    // Invalid token
    return NextResponse.redirect(new URL("/login", request.url))
  }
}

// See "Matching Paths" below to learn more
export const config = {
  matcher: ["/((?!api|_next/static|_next/image|favicon.ico).*)"],
}
[V0_FILE]typescript:file="components/auth/login-form.tsx" isEdit="true" isMerged="true"
"use client"

import type React from "react"

import { useState } from "react"
import { useRouter } from "next/navigation"
import Link from "next/link"
import { useAuth } from "@/lib/context/auth-context"

export default function LoginForm() {
  const [username, setUsername] = useState("")
  const [password, setPassword] = useState("")
  const [error, setError] = useState("")
  const [loading, setLoading] = useState(false)
  const auth = useAuth()
  const router = useRouter()

const handleSubmit = async (e: React.FormEvent) => {
    e.preventDefault()
    setError("")
    setLoading(true)

try {
      if (!auth || typeof auth.login !== "function") {
        throw new Error("Authentication context not available")
      }

const result = await auth.login(username, password)
      if (result.success) {
        if (result.role === "ADMIN") {
          router.push("/admin")
        } else if (result.role === "DOCTOR") {
          router.push("/doctor")
        }
      } else {
        setError(result.error)
      }
    } catch (err: any) {
      setError("Failed to log in. Please try again.")
      console.error(err)
    }

setLoading(false)
  }

return (
    <div className="max-w-md w-full space-y-8">
      <div>
        <h2 className="mt-6 text-center text-3xl font-extrabold text-gray-900">Hospital Management System</h2>
        <p className="mt-2 text-center text-sm text-gray-600">Sign in to your account</p>
        <p className="mt-2 text-center text-xs text-gray-500">
          Demo credentials: admin/admin123 (Admin) or doctor/doctor123 (Doctor)
        </p>
      </div>
      {error && (
        <div className="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded relative" role="alert">
          <span className="block sm:inline">{error}</span>
        </div>
      )}
      <form className="mt-8 space-y-6" onSubmit={handleSubmit}>
        <div className="rounded-md shadow-sm -space-y-px">
          <div>
            <label htmlFor="username" className="sr-only">
              Username
            </label>
            <input
              id="username"
              name="username"
              type="text"
              required
              className="appearance-none rounded-none relative block w-full px-3 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 rounded-t-md focus:outline-none focus:ring-green-500 focus:border-green-500 focus:z-10 sm:text-sm"
              placeholder="Username"
              value={username}
              onChange={(e) => setUsername(e.target.value)}
            />
          </div>
          <div>
            <label htmlFor="password" className="sr-only">
              Password
            </label>
            <input
              id="password"
              name="password"
              type="password"
              required
              className="appearance-none rounded-none relative block w-full px-3 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 rounded-b-md focus:outline-none focus:ring-green-500 focus:border-green-500 focus:z-10 sm:text-sm"
              placeholder="Password"
              value={password}
              onChange={(e) => setPassword(e.target.value)}
            />
          </div>
        </div>

<div>
          <button
            type="submit"
            disabled={loading}
            className="group relative w-full flex justify-center py-2 px-4 border border-transparent text-sm font-medium rounded-md text-white bg-green-600 hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500"
          >
            {loading ? "Signing in..." : "Sign in"}
          </button>
        </div>

<div className="text-sm text-center">
          <Link href="/register" className="font-medium text-green-600 hover:text-green-500">
            Don't have an account? Register
          </Link>
        </div>
      </form>
    </div>
  )
}
[V0_FILE]typescript:file="components/auth/register-form.tsx" isEdit="true" isMerged="true"
"use client"

import type React from "react"

import { useState } from "react"
import { useRouter } from "next/navigation"
import Link from "next/link"
import { useAuth } from "@/lib/context/auth-context"

export default function RegisterForm() {
  const [formData, setFormData] = useState({
    username: "",
    password: "",
    confirmPassword: "",
    role: "DOCTOR", // Default role
    name: "",
    address: "",
    contactNumber: "",
    details: "",
    specialization: "", // Only for doctors
  })

const [error, setError] = useState("")
  const [loading, setLoading] = useState(false)
  const auth = useAuth()
  const router = useRouter()

const handleChange = (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>) => {
    const { name, value } = e.target
    setFormData((prevState) => ({
      ...prevState,
      [name]: value,
    }))
  }

const handleSubmit = async (e: React.FormEvent) => {
    e.preventDefault()
    setError("")

// Validate passwords match
    if (formData.password !== formData.confirmPassword) {
      setError("Passwords do not match")
      return
    }

setLoading(true)

try {
      if (!auth || typeof auth.register !== "function") {
        throw new Error("Authentication context not available")
      }

const result = await auth.register({
        username: formData.username,
        password: formData.password,
        role: formData.role,
        name: formData.name,
        address: formData.address,
        contactNumber: formData.contactNumber,
        details: formData.details,
        specialization: formData.role === "DOCTOR" ? formData.specialization : null,
      })

if (result.success) {
        router.push("/login")
      } else {
        setError(result.error)
      }
    } catch (err: any) {
      setError("Failed to register. Please try again.")
      console.error(err)
    }

setLoading(false)
  }

return (
    <div className="max-w-md w-full space-y-8">
      <div>
        <h2 className="mt-6 text-center text-3xl font-extrabold text-gray-900">Create your account</h2>
        <p className="mt-2 text-center text-sm text-gray-600">Register to access the Hospital Management System</p>
      </div>

{error && (
        <div className="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded relative" role="alert">
          <span className="block sm:inline">{error}</span>
        </div>
      )}

<form className="mt-8 space-y-6" onSubmit={handleSubmit}>
        <div className="rounded-md shadow-sm space-y-4">
          <div>
            <label htmlFor="username" className="block text-sm font-medium text-gray-700">
              Username
            </label>
            <input
              id="username"
              name="username"
              type="text"
              required
              className="mt-1 appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-green-500 focus:border-green-500 sm:text-sm"
              value={formData.username}
              onChange={handleChange}
            />
          </div>

<div>
            <label htmlFor="password" className="block text-sm font-medium text-gray-700">
              Password
            </label>
            <input
              id="password"
              name="password"
              type="password"
              required
              className="mt-1 appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-green-500 focus:border-green-500 sm:text-sm"
              value={formData.password}
              onChange={handleChange}
            />
          </div>

<div>
            <label htmlFor="confirmPassword" className="block text-sm font-medium text-gray-700">
              Confirm Password
            </label>
            <input
              id="confirmPassword"
              name="confirmPassword"
              type="password"
              required
              className="mt-1 appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-green-500 focus:border-green-500 sm:text-sm"
              value={formData.confirmPassword}
              onChange={handleChange}
            />
          </div>

<div>
            <label htmlFor="role" className="block text-sm font-medium text-gray-700">
              Role
            </label>
            <select
              id="role"
              name="role"
              required
              className="mt-1 block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-green-500 focus:border-green-500 sm:text-sm rounded-md"
              value={formData.role}
              onChange={handleChange}
            >
              <option value="DOCTOR">Doctor</option>
              <option value="ADMIN">Admin</option>
            </select>
          </div>

<div>
            <label htmlFor="address" className="block text-sm font-medium text-gray-700">
              Address
            </label>
            <input
              id="address"
              name="address"
              type="text"
              required
              className="mt-1 appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-green-500 focus:border-green-500 sm:text-sm"
              value={formData.address}
              onChange={handleChange}
            />
          </div>

<div>
            <label htmlFor="contactNumber" className="block text-sm font-medium text-gray-700">
              Contact Number
            </label>
            <input
              id="contactNumber"
              name="contactNumber"
              type="text"
              required
              className="mt-1 appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-green-500 focus:border-green-500 sm:text-sm"
              value={formData.contactNumber}
              onChange={handleChange}
            />
          </div>

<div>
            <label htmlFor="details" className="block text-sm font-medium text-gray-700">
              Details
            </label>
            <textarea
              id="details"
              name="details"
              rows={3}
              className="mt-1 appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-green-500 focus:border-green-500 sm:text-sm"
              value={formData.details}
              onChange={handleChange}
            />
          </div>

{formData.role === "DOCTOR" && (
            <div>
              <label htmlFor="specialization" className="block text-sm font-medium text-gray-700">
                Specialization
              </label>
              <input
                id="specialization"
                name="specialization"
                type="text"
                required
                className="mt-1 appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-green-500 focus:border-green-500 sm:text-sm"
                value={formData.specialization}
                onChange={handleChange}
              />
            </div>
          )}
        </div>

<div>
          <button
            type="submit"
            disabled={loading}
            className="group relative w-full flex justify-center py-2 px-4 border border-transparent text-sm font-medium rounded-md text-white bg-green-600 hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500"
          >
            {loading ? "Registering..." : "Register"}
          </button>
        </div>

<div className="text-sm text-center">
          <Link href="/login" className="font-medium text-green-600 hover:text-green-500">
            Already have an account? Sign in
          </Link>
        </div>
      </form>
    </div>
  )
}
[V0_FILE]typescript:file="app/page.tsx" isEdit="true" isMerged="true"
import { redirect } from "next/navigation"

export default function Home() {
  redirect("/login")
}
[V0_FILE]typescript:file="app/(auth)/login/page.tsx" isEdit="true" isMerged="true"
import LoginForm from "@/components/auth/login-form"

export default function LoginPage() {
  return (
    <div className="min-h-screen flex items-center justify-center bg-gray-50 py-12 px-4 sm:px-6 lg:px-8">
      <LoginForm />
    </div>
  )
}
[V0_FILE]typescript:file="app/(auth)/register/page.tsx" isEdit="true" isMerged="true"
import RegisterForm from "@/components/auth/register-form"

export default function RegisterPage() {
  return (
    <div className="min-h-screen flex items-center justify-center bg-gray-50 py-12 px-4 sm:px-6 lg:px-8">
      <RegisterForm />
    </div>
  )
}
[V0_FILE]typescript:file="app/(dashboard)/admin/page.tsx" isEdit="true" isMerged="true"
import AdminDashboard from "@/components/admin/admin-dashboard"

export default function AdminPage() {
  return <AdminDashboard />
}
[V0_FILE]typescriptreact:file="components/doctor/medicine-list.tsx" isMerged="true"
"use client"

import { useState, useEffect } from "react"
import api from "@/lib/api"

export default function MedicineList() {
  const [medicines, setMedicines] = useState([])
  const [loading, setLoading] = useState(true)
  const [error, setError] = useState("")

useEffect(() => {
    const fetchMedicines = async () => {
      try {
        // Get all medicines for the doctor to view
        const response = await api.get("/api/medicines")
        setMedicines(response.data)
        setLoading(false)
      } catch (err) {
        setError(err.message || "Failed to fetch medicines")
        setLoading(false)
        console.error("Error fetching medicines:", err)
      }
    }

fetchMedicines()
  }, [])

if (loading) {
    return <div className="text-center py-4">Loading medicines...</div>
  }

if (error) {
    return <div className="text-red-500 text-center py-4">{error}</div>
  }

return (
    <div>
      <h2 className="text-2xl font-semibold mb-6">Available Medicines</h2>

{medicines.length === 0 ? (
        <p className="text-gray-500 text-center py-4">No medicines found.</p>
      ) : (
        <div className="overflow-x-auto">
          <table className="min-w-full bg-white">
            <thead className="bg-gray-100">
              <tr>
                <th className="py-3 px-4 text-left">ID</th>
                <th className="py-3 px-4 text-left">Name</th>
                <th className="py-3 px-4 text-left">Quantity</th>
                <th className="py-3 px-4 text-left">Patient</th>
                <th className="py-3 px-4 text-left">Prescribed By</th>
              </tr>
            </thead>
            <tbody>
              {medicines.map((medicine) => (
                <tr key={medicine.mid} className="border-b hover:bg-gray-50">
                  <td className="py-3 px-4">{medicine.mid}</td>
                  <td className="py-3 px-4">{medicine.mName}</td>
                  <td className="py-3 px-4">{medicine.quantity}</td>
                  <td className="py-3 px-4">{medicine.patient ? medicine.patient.name : "General Stock"}</td>
                  <td className="py-3 px-4">{medicine.employee ? medicine.employee.ename : "N/A"}</td>
                </tr>
              ))}
            </tbody>
          </table>
        </div>
      )}
    </div>
  )
}
[V0_FILE]typescript:file="app/(dashboard)/doctor/records/page.tsx" isEdit="true" isMerged="true"
import RecordList from "@/components/doctor/record-list"

export default function DoctorRecordsPage() {
  return (
    <div className="bg-white shadow rounded-lg p-6">
      <RecordList />
    </div>
  )
}
[V0_FILE]typescript:file="app/(dashboard)/doctor/patients/page.tsx" isEdit="true" isMerged="true"
import PatientList from "@/components/doctor/patient-list"

export default function DoctorPatientsPage() {
  return (
    <div className="bg-white shadow rounded-lg p-6">
      <PatientList />
    </div>
  )
}
[V0_FILE]typescript:file="app/(dashboard)/doctor/medicines/page.tsx" isEdit="true" isMerged="true"
import MedicineList from "@/components/doctor/medicine-list"

export default function DoctorMedicinesPage() {
  return (
    <div className="bg-white shadow rounded-lg p-6">
      <MedicineList />
    </div>
  )
}
[V0_FILE]typescriptreact:file="lib/api.ts" isEdit="true" isQuickEdit="true" isMerged="true"
import axios from "axios"

// Handle forbidden errors
    if (error.response && error.response.status === 403) {
      console.error("Permission denied:", error.response.data)
      // Don't redirect, just show the error
      return Promise.reject(
        new Error("You don't have permission to access this resource. Please contact an administrator."),
      )
    }

// Handle server errors
    if (error.response && error.response.status >= 500) {
      return Promise.reject(new Error("Server error. Please try again later."))
    }

// Handle network errors
    if (!error.response) {
      return Promise.reject(new Error("Network error. Please check your connection."))
    }

return Promise.reject(error)
  },
)

// API endpoints object for better organization
export const endpoints = {
  // Auth endpoints
  auth: {
    login: "/auth/login",
    register: "/auth/register",
  },

// Patient endpoints
  patients: {
    getAll: "/patients",
    getById: (id: string | number) => `/patients/${id}`,
    create: "/patients",
    update: (id: string | number) => `/patients/${id}`,
    delete: (id: string | number) => `/patients/${id}`,
  },

// Employee endpoints
  employees: {
    getAll: "/employees",
    getById: (id: string | number) => `/employees/${id}`,
    create: "/employees",
    update: (id: string | number) => `/employees/${id}`,
    delete: (id: string | number) => `/employees/${id}`,
  },

// Doctor endpoints
  doctors: {
    getAll: "/doctors",
    getById: (id: string | number) => `/doctors/${id}`,
    getPatients: (id: string | number) => `/doctors/${id}/patients`,
  },

// Record endpoints
  records: {
    getAll: "/records",
    getById: (id: string | number) => `/records/${id}`,
    getByPatient: (patientId: string | number) => `/records/patient/${patientId}`,
    getByDoctor: (doctorId: string | number) => `/records/doctor/${doctorId}`,
    create: "/records",
    update: (id: string | number) => `/records/${id}`,
    delete: (id: string | number) => `/records/${id}`,
  },

// Medicine endpoints
  medicines: {
    getAll: "/medicines",
    getById: (id: string | number) => `/medicines/${id}`,
    getByPatient: (patientId: string | number) => `/medicines/patient/${patientId}`,
    create: "/medicines",
    update: (id: string | number) => `/medicines/${id}`,
    delete: (id: string | number) => `/medicines/${id}`,
  },

// Dashboard endpoints
  dashboard: {
    getStats: "/dashboard/stats",
  },

// Room endpoints
  rooms: {
    getAll: "/rooms",
    getById: (id: string | number) => `/rooms/${id}`,
    getByPatient: (patientId: string | number) => `/rooms/patient/${patientId}`,
    create: "/rooms",
    update: (id: string | number) => `/rooms/${id}`,
    delete: (id: string | number) => `/rooms/${id}`,
  },
}

export default api
[V0_FILE]typescriptreact:file="components/doctor/patient-search.tsx" isMerged="true"
"use client"

import { useState } from "react"
import { useRouter } from "next/navigation"
import api from "@/lib/api"

export default function PatientSearch() {
  const [searchTerm, setSearchTerm] = useState("")
  const [searchResults, setSearchResults] = useState([])
  const [loading, setLoading] = useState(false)
  const [error, setError] = useState("")
  const router = useRouter()

const handleSearch = async (e) => {
    e.preventDefault()

if (!searchTerm.trim()) return

setLoading(true)
    setError("")

try {
      // Search patients by name or ID
      const response = await api.get(`/api/patients?search=${encodeURIComponent(searchTerm)}`)
      setSearchResults(response.data)
      setLoading(false)
    } catch (err) {
      setError("Failed to search patients")
      setLoading(false)
      console.error("Error searching patients:", err)
    }
  }

const handlePatientSelect = (patientId) => {
    router.push(`/doctor/patients/${patientId}`)
  }

return (
    <div className="mb-6">
      <form onSubmit={handleSearch} className="flex gap-2">
        <input
          type="text"
          value={searchTerm}
          onChange={(e) => setSearchTerm(e.target.value)}
          placeholder="Search patients by name or ID"
          className="flex-1 border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-green-500 focus:border-green-500"
        />
        <button
          type="submit"
          className="bg-green-600 hover:bg-green-700 text-white py-2 px-4 rounded"
          disabled={loading}
        >
          {loading ? "Searching..." : "Search"}
        </button>
      </form>

{error && <div className="text-red-500 mt-2">{error}</div>}

{searchResults.length > 0 && (
        <div className="mt-4">
          <h3 className="text-lg font-medium mb-2">Search Results</h3>
          <ul className="bg-white rounded-md shadow divide-y">
            {searchResults.map((patient) => (
              <li
                key={patient.pid}
                className="p-3 hover:bg-gray-50 cursor-pointer"
                onClick={() => handlePatientSelect(patient.pid)}
              >
                <div className="font-medium">{patient.name}</div>
                <div className="text-sm text-gray-500">
                  ID: {patient.pid} • Contact: {patient.cNo}
                </div>
              </li>
            ))}
          </ul>
        </div>
      )}
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/(dashboard)/doctor/page.tsx" isEdit="true" isMerged="true"
import DoctorDashboard from "@/components/doctor/doctor-dashboard"
import PatientSearch from "@/components/doctor/patient-search"

export default function DoctorPage() {
  return (
    <div className="space-y-6">
      <h1 className="text-3xl font-bold">Doctor Dashboard</h1>

<div className="bg-white shadow rounded-lg p-6">
        <h2 className="text-xl font-semibold mb-4">Quick Patient Search</h2>
        <PatientSearch />
      </div>

<div className="bg-white shadow rounded-lg p-6">
        <DoctorDashboard />
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/(dashboard)/doctor/loading.tsx" isFixed="true" isMerged="true"
export default function Loading() {
  return null
}
[V0_FILE]typescriptreact:file="components/doctor/patient-form.tsx" isMerged="true"
"use client"

import type React from "react"

import { useState } from "react"
import { useRouter } from "next/navigation"
import { Button } from "@/components/ui/button"
import { Card } from "@/components/ui/card"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Textarea } from "@/components/ui/textarea"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
import { toast } from "@/components/ui/use-toast"
import api, { endpoints } from "@/lib/api"

interface PatientFormProps {
  patientId?: string
}

export default function PatientForm({ patientId }: PatientFormProps) {
  const router = useRouter()
  const [isLoading, setIsLoading] = useState(false)
  const [formData, setFormData] = useState({
    firstName: "",
    lastName: "",
    email: "",
    phone: "",
    address: "",
    dateOfBirth: "",
    gender: "",
    bloodGroup: "",
    allergies: "",
    medicalHistory: "",
  })

// Fetch patient data if editing
  useState(() => {
    if (patientId) {
      setIsLoading(true)
      api
        .get(endpoints.patients.getById(patientId))
        .then((response) => {
          setFormData(response.data)
        })
        .catch((error) => {
          toast({
            title: "Error",
            description: error.message || "Failed to fetch patient data",
            variant: "destructive",
          })
        })
        .finally(() => {
          setIsLoading(false)
        })
    }
  })

const handleChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {
    const { name, value } = e.target
    setFormData((prev) => ({ ...prev, [name]: value }))
  }

const handleSelectChange = (name: string, value: string) => {
    setFormData((prev) => ({ ...prev, [name]: value }))
  }

const handleSubmit = async (e: React.FormEvent) => {
    e.preventDefault()
    setIsLoading(true)

try {
      if (patientId) {
        await api.put(endpoints.patients.update(patientId), formData)
        toast({
          title: "Success",
          description: "Patient updated successfully",
        })
      } else {
        await api.post(endpoints.patients.create, formData)
        toast({
          title: "Success",
          description: "Patient added successfully",
        })
      }
      router.push("/doctor/patients")
      router.refresh()
    } catch (error: any) {
      toast({
        title: "Error",
        description: error.message || "Failed to save patient",
        variant: "destructive",
      })
    } finally {
      setIsLoading(false)
    }
  }

return (
    <Card className="p-6">
      <h2 className="text-2xl font-bold mb-6">{patientId ? "Edit Patient" : "Add New Patient"}</h2>
      <form onSubmit={handleSubmit} className="space-y-4">
        <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
          <div className="space-y-2">
            <Label htmlFor="firstName">First Name</Label>
            <Input id="firstName" name="firstName" value={formData.firstName} onChange={handleChange} required />
          </div>
          <div className="space-y-2">
            <Label htmlFor="lastName">Last Name</Label>
            <Input id="lastName" name="lastName" value={formData.lastName} onChange={handleChange} required />
          </div>
        </div>

<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
          <div className="space-y-2">
            <Label htmlFor="email">Email</Label>
            <Input id="email" name="email" type="email" value={formData.email} onChange={handleChange} required />
          </div>
          <div className="space-y-2">
            <Label htmlFor="phone">Phone</Label>
            <Input id="phone" name="phone" value={formData.phone} onChange={handleChange} required />
          </div>
        </div>

<div className="space-y-2">
          <Label htmlFor="address">Address</Label>
          <Textarea id="address" name="address" value={formData.address} onChange={handleChange} required />
        </div>

<div className="grid grid-cols-1 md:grid-cols-3 gap-4">
          <div className="space-y-2">
            <Label htmlFor="dateOfBirth">Date of Birth</Label>
            <Input
              id="dateOfBirth"
              name="dateOfBirth"
              type="date"
              value={formData.dateOfBirth}
              onChange={handleChange}
              required
            />
          </div>
          <div className="space-y-2">
            <Label htmlFor="gender">Gender</Label>
            <Select value={formData.gender} onValueChange={(value) => handleSelectChange("gender", value)}>
              <SelectTrigger>
                <SelectValue placeholder="Select gender" />
              </SelectTrigger>
              <SelectContent>
                <SelectItem value="MALE">Male</SelectItem>
                <SelectItem value="FEMALE">Female</SelectItem>
                <SelectItem value="OTHER">Other</SelectItem>
              </SelectContent>
            </Select>
          </div>
          <div className="space-y-2">
            <Label htmlFor="bloodGroup">Blood Group</Label>
            <Select value={formData.bloodGroup} onValueChange={(value) => handleSelectChange("bloodGroup", value)}>
              <SelectTrigger>
                <SelectValue placeholder="Select blood group" />
              </SelectTrigger>
              <SelectContent>
                <SelectItem value="A+">A+</SelectItem>
                <SelectItem value="A-">A-</SelectItem>
                <SelectItem value="B+">B+</SelectItem>
                <SelectItem value="B-">B-</SelectItem>
                <SelectItem value="AB+">AB+</SelectItem>
                <SelectItem value="AB-">AB-</SelectItem>
                <SelectItem value="O+">O+</SelectItem>
                <SelectItem value="O-">O-</SelectItem>
              </SelectContent>
            </Select>
          </div>
        </div>

<div className="space-y-2">
          <Label htmlFor="allergies">Allergies</Label>
          <Textarea
            id="allergies"
            name="allergies"
            value={formData.allergies}
            onChange={handleChange}
            placeholder="List any allergies or write 'None'"
          />
        </div>

<div className="space-y-2">
          <Label htmlFor="medicalHistory">Medical History</Label>
          <Textarea
            id="medicalHistory"
            name="medicalHistory"
            value={formData.medicalHistory}
            onChange={handleChange}
            placeholder="Brief medical history"
            className="h-24"
          />
        </div>

<div className="flex justify-end space-x-2 pt-4">
          <Button type="button" variant="outline" onClick={() => router.back()} disabled={isLoading}>
            Cancel
          </Button>
          <Button type="submit" disabled={isLoading}>
            {isLoading ? "Saving..." : patientId ? "Update Patient" : "Add Patient"}
          </Button>
        </div>
      </form>
    </Card>
  )
}
[V0_FILE]typescriptreact:file="components/doctor/record-form.tsx" isEdit="true" isMerged="true"
"use client"

import type React from "react"

import { useState, useEffect } from "react"
import { useRouter, useSearchParams } from "next/navigation"
import { Button } from "@/components/ui/button"
import { Card } from "@/components/ui/card"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Textarea } from "@/components/ui/textarea"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
import { toast } from "@/components/ui/use-toast"
import api, { endpoints } from "@/lib/api"

interface RecordFormProps {
  recordId?: string
}

export default function RecordForm({ recordId }: RecordFormProps) {
  const router = useRouter()
  const searchParams = useSearchParams()
  const patientId = searchParams.get("patientId")

const [isLoading, setIsLoading] = useState(false)
  const [patients, setPatients] = useState<any[]>([])
  const [doctors, setDoctors] = useState<any[]>([])
  const [formData, setFormData] = useState({
    patientId: patientId || "",
    doctorId: "",
    diagnosis: "",
    treatment: "",
    prescription: "",
    notes: "",
    date: new Date().toISOString().split("T")[0],
    followUpDate: "",
  })

// Fetch record data if editing
  useEffect(() => {
    const fetchData = async () => {
      setIsLoading(true)
      try {
        // Fetch patients
        const patientsResponse = await api.get(endpoints.patients.getAll)
        setPatients(patientsResponse.data)

// Fetch doctors
        const doctorsResponse = await api.get(endpoints.doctors.getAll)
        setDoctors(doctorsResponse.data)

// If editing, fetch record data
        if (recordId) {
          const recordResponse = await api.get(endpoints.records.getById(recordId))
          setFormData(recordResponse.data)
        } else if (patientId) {
          // If creating with patientId from query param
          setFormData((prev) => ({
            ...prev,
            patientId,
          }))

// Get current user info to set doctorId
          const userInfo = JSON.parse(localStorage.getItem("userInfo") || "{}")
          if (userInfo && userInfo.id) {
            setFormData((prev) => ({
              ...prev,
              doctorId: userInfo.id,
            }))
          }
        }
      } catch (error: any) {
        toast({
          title: "Error",
          description: error.message || "Failed to fetch data",
          variant: "destructive",
        })
      } finally {
        setIsLoading(false)
      }
    }

fetchData()
  }, [recordId, patientId])

const handleChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {
    const { name, value } = e.target
    setFormData((prev) => ({ ...prev, [name]: value }))
  }

const handleSelectChange = (name: string, value: string) => {
    setFormData((prev) => ({ ...prev, [name]: value }))
  }

const handleSubmit = async (e: React.FormEvent) => {
    e.preventDefault()
    setIsLoading(true)

try {
      if (recordId) {
        await api.put(endpoints.records.update(recordId), formData)
        toast({
          title: "Success",
          description: "Record updated successfully",
        })
      } else {
        await api.post(endpoints.records.create, formData)
        toast({
          title: "Success",
          description: "Record added successfully",
        })
      }

// Navigate back to patient details if we came from there
      if (patientId) {
        router.push(`/doctor/patients/${patientId}`)
      } else {
        router.push("/doctor/records")
      }
      router.refresh()
    } catch (error: any) {
      toast({
        title: "Error",
        description: error.message || "Failed to save record",
        variant: "destructive",
      })
    } finally {
      setIsLoading(false)
    }
  }

return (
    <Card className="p-6">
      <h2 className="text-2xl font-bold mb-6">{recordId ? "Edit Medical Record" : "Add New Medical Record"}</h2>
      <form onSubmit={handleSubmit} className="space-y-4">
        <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
          <div className="space-y-2">
            <Label htmlFor="patientId">Patient</Label>
            <Select
              value={formData.patientId}
              onValueChange={(value) => handleSelectChange("patientId", value)}
              disabled={!!patientId || isLoading}
            >
              <SelectTrigger>
                <SelectValue placeholder="Select patient" />
              </SelectTrigger>
              <SelectContent>
                {patients.map((patient) => (
                  <SelectItem key={patient.id} value={patient.id.toString()}>
                    {patient.firstName} {patient.lastName}
                  </SelectItem>
                ))}
              </SelectContent>
            </Select>
          </div>
          <div className="space-y-2">
            <Label htmlFor="doctorId">Doctor</Label>
            <Select
              value={formData.doctorId}
              onValueChange={(value) => handleSelectChange("doctorId", value)}
              disabled={isLoading}
            >
              <SelectTrigger>
                <SelectValue placeholder="Select doctor" />
              </SelectTrigger>
              <SelectContent>
                {doctors.map((doctor) => (
                  <SelectItem key={doctor.id} value={doctor.id.toString()}>
                    Dr. {doctor.firstName} {doctor.lastName}
                  </SelectItem>
                ))}
              </SelectContent>
            </Select>
          </div>
        </div>

<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
          <div className="space-y-2">
            <Label htmlFor="date">Date</Label>
            <Input id="date" name="date" type="date" value={formData.date} onChange={handleChange} required />
          </div>
          <div className="space-y-2">
            <Label htmlFor="followUpDate">Follow-up Date (if needed)</Label>
            <Input
              id="followUpDate"
              name="followUpDate"
              type="date"
              value={formData.followUpDate}
              onChange={handleChange}
            />
          </div>
        </div>

<div className="space-y-2">
          <Label htmlFor="diagnosis">Diagnosis</Label>
          <Textarea
            id="diagnosis"
            name="diagnosis"
            value={formData.diagnosis}
            onChange={handleChange}
            required
            className="h-20"
          />
        </div>

<div className="space-y-2">
          <Label htmlFor="treatment">Treatment</Label>
          <Textarea
            id="treatment"
            name="treatment"
            value={formData.treatment}
            onChange={handleChange}
            required
            className="h-20"
          />
        </div>

<div className="space-y-2">
          <Label htmlFor="prescription">Prescription</Label>
          <Textarea
            id="prescription"
            name="prescription"
            value={formData.prescription}
            onChange={handleChange}
            placeholder="List medications, dosage, and instructions"
            className="h-20"
          />
        </div>

<div className="space-y-2">
          <Label htmlFor="notes">Additional Notes</Label>
          <Textarea
            id="notes"
            name="notes"
            value={formData.notes}
            onChange={handleChange}
            placeholder="Any additional information"
            className="h-20"
          />
        </div>

<div className="flex justify-end space-x-2 pt-4">
          <Button type="button" variant="outline" onClick={() => router.back()} disabled={isLoading}>
            Cancel
          </Button>
          <Button type="submit" disabled={isLoading}>
            {isLoading ? "Saving..." : recordId ? "Update Record" : "Add Record"}
          </Button>
        </div>
      </form>
    </Card>
  )
}
[V0_FILE]typescriptreact:file="app/(dashboard)/doctor/patients/add/page.tsx" isMerged="true"
import PatientForm from "@/components/doctor/patient-form"

export default function AddPatientPage() {
  return (
    <div className="container mx-auto py-6">
      <PatientForm />
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/(dashboard)/doctor/patients/edit/[id]/page.tsx" isMerged="true"
import PatientForm from "@/components/doctor/patient-form"

export default function EditPatientPage({ params }: { params: { id: string } }) {
  return (
    <div className="container mx-auto py-6">
      <PatientForm patientId={params.id} />
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/(dashboard)/doctor/records/add/page.tsx" isEdit="true" isMerged="true"
import RecordForm from "@/components/doctor/record-form"

export default function AddRecordPage() {
  return (
    <div className="container mx-auto py-6">
      <RecordForm />
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/(dashboard)/doctor/records/edit/[id]/page.tsx" isEdit="true" isMerged="true"
import RecordForm from "@/components/doctor/record-form"

export default function EditRecordPage({ params }: { params: { id: string } }) {
  return (
    <div className="container mx-auto py-6">
      <RecordForm recordId={params.id} />
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/doctor/patient-list.tsx" isEdit="true" isMerged="true"
"use client"

import type React from "react"

import { useState, useEffect } from "react"
import Link from "next/link"
import { useRouter } from "next/navigation"
import { Button } from "@/components/ui/button"
import { Card, CardContent } from "@/components/ui/card"
import { Input } from "@/components/ui/input"
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
import { toast } from "@/components/ui/use-toast"
import { Search, Plus, Eye, Edit } from "lucide-react"
import api, { endpoints } from "@/lib/api"

export default function PatientList() {
  const router = useRouter()
  const [patients, setPatients] = useState<any[]>([])
  const [isLoading, setIsLoading] = useState(true)
  const [searchQuery, setSearchQuery] = useState("")

useEffect(() => {
    fetchPatients()
  }, [])

const fetchPatients = async () => {
    setIsLoading(true)
    try {
      const response = await api.get(endpoints.patients.getAll)
      setPatients(response.data)
    } catch (error: any) {
      toast({
        title: "Error",
        description: error.message || "Failed to fetch patients",
        variant: "destructive",
      })
    } finally {
      setIsLoading(false)
    }
  }

const handleSearch = async (e: React.FormEvent) => {
    e.preventDefault()
    setIsLoading(true)
    try {
      if (searchQuery.trim()) {
        const response = await api.get(`${endpoints.patients.getAll}/search?query=${searchQuery}`)
        setPatients(response.data)
      } else {
        fetchPatients()
      }
    } catch (error: any) {
      toast({
        title: "Error",
        description: error.message || "Failed to search patients",
        variant: "destructive",
      })
    } finally {
      setIsLoading(false)
    }
  }

return (
    <Card>
      <CardContent className="p-6">
        <div className="flex flex-col md:flex-row justify-between items-center mb-6 gap-4">
          <h2 className="text-2xl font-bold">Patients</h2>
          <div className="flex w-full md:w-auto gap-2">
            <form onSubmit={handleSearch} className="flex gap-2 flex-1">
              <Input
                placeholder="Search patients..."
                value={searchQuery}
                onChange={(e) => setSearchQuery(e.target.value)}
                className="w-full md:w-64"
              />
              <Button type="submit" variant="secondary" size="icon">
                <Search className="h-4 w-4" />
              </Button>
            </form>
            <Button asChild>
              <Link href="/doctor/patients/add">
                <Plus className="h-4 w-4 mr-2" />
                Add Patient
              </Link>
            </Button>
          </div>
        </div>

{isLoading ? (
          <div className="flex justify-center items-center h-64">
            <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-primary"></div>
          </div>
        ) : patients.length === 0 ? (
          <div className="text-center py-12">
            <p className="text-muted-foreground">No patients found</p>
            <Button asChild variant="link" className="mt-2">
              <Link href="/doctor/patients/add">Add your first patient</Link>
            </Button>
          </div>
        ) : (
          <div className="overflow-x-auto">
            <Table>
              <TableHeader>
                <TableRow>
                  <TableHead>Name</TableHead>
                  <TableHead>Gender</TableHead>
                  <TableHead>Age</TableHead>
                  <TableHead>Phone</TableHead>
                  <TableHead>Blood Group</TableHead>
                  <TableHead className="text-right">Actions</TableHead>
                </TableRow>
              </TableHeader>
              <TableBody>
                {patients.map((patient) => (
                  <TableRow key={patient.id}>
                    <TableCell className="font-medium">
                      {patient.firstName} {patient.lastName}
                    </TableCell>
                    <TableCell>{patient.gender}</TableCell>
                    <TableCell>
                      {patient.dateOfBirth
                        ? new Date().getFullYear() - new Date(patient.dateOfBirth).getFullYear()
                        : "N/A"}
                    </TableCell>
                    <TableCell>{patient.phone}</TableCell>
                    <TableCell>{patient.bloodGroup || "N/A"}</TableCell>
                    <TableCell className="text-right">
                      <div className="flex justify-end gap-2">
                        <Button
                          variant="outline"
                          size="icon"
                          onClick={() => router.push(`/doctor/patients/${patient.id}`)}
                        >
                          <Eye className="h-4 w-4" />
                        </Button>
                        <Button
                          variant="outline"
                          size="icon"
                          onClick={() => router.push(`/doctor/patients/edit/${patient.id}`)}
                        >
                          <Edit className="h-4 w-4" />
                        </Button>
                      </div>
                    </TableCell>
                  </TableRow>
                ))}
              </TableBody>
            </Table>
          </div>
        )}
      </CardContent>
    </Card>
  )
}
[V0_FILE]typescriptreact:file="components/doctor/record-list.tsx" isEdit="true" isMerged="true"
"use client"

import { useState, useEffect } from "react"
import Link from "next/link"
import { useRouter } from "next/navigation"
import { Button } from "@/components/ui/button"
import { Card, CardContent } from "@/components/ui/card"
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
import { toast } from "@/components/ui/use-toast"
import { Plus, Eye, Edit, Trash2 } from "lucide-react"
import {
  AlertDialog,
  AlertDialogAction,
  AlertDialogCancel,
  AlertDialogContent,
  AlertDialogDescription,
  AlertDialogFooter,
  AlertDialogHeader,
  AlertDialogTitle,
} from "@/components/ui/alert-dialog"
import api, { endpoints } from "@/lib/api"

export default function RecordList() {
  const router = useRouter()
  const [records, setRecords] = useState<any[]>([])
  const [isLoading, setIsLoading] = useState(true)
  const [deleteId, setDeleteId] = useState<string | null>(null)
  const [patientMap, setPatientMap] = useState<Record<string, any>>({})

useEffect(() => {
    fetchRecords()
  }, [])

const fetchRecords = async () => {
    setIsLoading(true)
    try {
      // Get user info from localStorage
      const userInfo = JSON.parse(localStorage.getItem("userInfo") || "{}")

// If doctor, get records by doctor ID
      let response
      if (userInfo && userInfo.id && userInfo.role === "DOCTOR") {
        response = await api.get(endpoints.records.getByDoctor(userInfo.id))
      } else {
        // Fallback to all records
        response = await api.get(endpoints.records.getAll)
      }

setRecords(response.data)

// Fetch patient details for each record
      const patientIds = [...new Set(response.data.map((record: any) => record.patientId))]
      const patientDetails: Record<string, any> = {}

await Promise.all(
        patientIds.map(async (id) => {
          try {
            const patientResponse = await api.get(endpoints.patients.getById(id))
            patientDetails[id] = patientResponse.data
          } catch (error) {
            console.error(`Failed to fetch patient ${id}:`, error)
          }
        }),
      )

setPatientMap(patientDetails)
    } catch (error: any) {
      toast({
        title: "Error",
        description: error.message || "Failed to fetch records",
        variant: "destructive",
      })
    } finally {
      setIsLoading(false)
    }
  }

const handleDelete = async () => {
    if (!deleteId) return

try {
      await api.delete(endpoints.records.delete(deleteId))
      setRecords(records.filter((record) => record.id.toString() !== deleteId))
      toast({
        title: "Success",
        description: "Record deleted successfully",
      })
    } catch (error: any) {
      toast({
        title: "Error",
        description: error.message || "Failed to delete record",
        variant: "destructive",
      })
    } finally {
      setDeleteId(null)
    }
  }

const formatDate = (dateString: string) => {
    if (!dateString) return "N/A"
    const date = new Date(dateString)
    return date.toLocaleDateString()
  }

const getPatientName = (patientId: string) => {
    const patient = patientMap[patientId]
    return patient ? `${patient.firstName} ${patient.lastName}` : "Unknown Patient"
  }

return (
    <>
      <Card>
        <CardContent className="p-6">
          <div className="flex justify-between items-center mb-6">
            <h2 className="text-2xl font-bold">Medical Records</h2>
            <Button asChild>
              <Link href="/doctor/records/add">
                <Plus className="h-4 w-4 mr-2" />
                Add Record
              </Link>
            </Button>
          </div>

{isLoading ? (
            <div className="flex justify-center items-center h-64">
              <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-primary"></div>
            </div>
          ) : records.length === 0 ? (
            <div className="text-center py-12">
              <p className="text-muted-foreground">No medical records found</p>
              <Button asChild variant="link" className="mt-2">
                <Link href="/doctor/records/add">Create your first record</Link>
              </Button>
            </div>
          ) : (
            <div className="overflow-x-auto">
              <Table>
                <TableHeader>
                  <TableRow>
                    <TableHead>Date</TableHead>
                    <TableHead>Patient</TableHead>
                    <TableHead>Diagnosis</TableHead>
                    <TableHead>Follow-up</TableHead>
                    <TableHead className="text-right">Actions</TableHead>
                  </TableRow>
                </TableHeader>
                <TableBody>
                  {records.map((record) => (
                    <TableRow key={record.id}>
                      <TableCell>{formatDate(record.date)}</TableCell>
                      <TableCell>{getPatientName(record.patientId)}</TableCell>
                      <TableCell className="max-w-xs truncate">{record.diagnosis}</TableCell>
                      <TableCell>{record.followUpDate ? formatDate(record.followUpDate) : "None"}</TableCell>
                      <TableCell className="text-right">
                        <div className="flex justify-end gap-2">
                          <Button
                            variant="outline"
                            size="icon"
                            onClick={() => router.push(`/doctor/patients/${record.patientId}`)}
                          >
                            <Eye className="h-4 w-4" />
                          </Button>
                          <Button
                            variant="outline"
                            size="icon"
                            onClick={() => router.push(`/doctor/records/edit/${record.id}`)}
                          >
                            <Edit className="h-4 w-4" />
                          </Button>
                          <Button variant="outline" size="icon" onClick={() => setDeleteId(record.id.toString())}>
                            <Trash2 className="h-4 w-4" />
                          </Button>
                        </div>
                      </TableCell>
                    </TableRow>
                  ))}
                </TableBody>
              </Table>
            </div>
          )}
        </CardContent>
      </Card>

<AlertDialog open={!!deleteId} onOpenChange={() => setDeleteId(null)}>
        <AlertDialogContent>
          <AlertDialogHeader>
            <AlertDialogTitle>Are you sure?</AlertDialogTitle>
            <AlertDialogDescription>
              This action cannot be undone. This will permanently delete the medical record.
            </AlertDialogDescription>
          </AlertDialogHeader>
          <AlertDialogFooter>
            <AlertDialogCancel>Cancel</AlertDialogCancel>
            <AlertDialogAction onClick={handleDelete}>Delete</AlertDialogAction>
          </AlertDialogFooter>
        </AlertDialogContent>
      </AlertDialog>
    </>
  )
}
[V0_FILE]typescriptreact:file="components/doctor/patient-details.tsx" isEdit="true" isMerged="true"
"use client"

import { useState, useEffect } from "react"
import { useRouter } from "next/navigation"
import Link from "next/link"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
import { toast } from "@/components/ui/use-toast"
import { ArrowLeft, Plus, Edit, FileText, Pill } from "lucide-react"
import api, { endpoints } from "@/lib/api"

interface PatientDetailsProps {
  patientId: string
}

export default function PatientDetails({ patientId }: PatientDetailsProps) {
  const router = useRouter()
  const [patient, setPatient] = useState<any>(null)
  const [records, setRecords] = useState<any[]>([])
  const [medicines, setMedicines] = useState<any[]>([])
  const [isLoading, setIsLoading] = useState(true)

useEffect(() => {
    fetchPatientData()
  }, [patientId])

const fetchPatientData = async () => {
    setIsLoading(true)
    try {
      // Fetch patient details
      const patientResponse = await api.get(endpoints.patients.getById(patientId))
      setPatient(patientResponse.data)

// Fetch patient records
      const recordsResponse = await api.get(endpoints.records.getByPatient(patientId))
      setRecords(recordsResponse.data)

// Fetch patient medicines
      try {
        const medicinesResponse = await api.get(endpoints.medicines.getByPatient(patientId))
        setMedicines(medicinesResponse.data)
      } catch (error) {
        console.error("Failed to fetch medicines:", error)
        setMedicines([])
      }
    } catch (error: any) {
      toast({
        title: "Error",
        description: error.message || "Failed to fetch patient data",
        variant: "destructive",
      })
    } finally {
      setIsLoading(false)
    }
  }

const formatDate = (dateString: string) => {
    if (!dateString) return "N/A"
    const date = new Date(dateString)
    return date.toLocaleDateString()
  }

const calculateAge = (dateOfBirth: string) => {
    if (!dateOfBirth) return "N/A"
    const today = new Date()
    const birthDate = new Date(dateOfBirth)
    let age = today.getFullYear() - birthDate.getFullYear()
    const monthDiff = today.getMonth() - birthDate.getMonth()
    if (monthDiff < 0 || (monthDiff === 0 && today.getDate() < birthDate.getDate())) {
      age--
    }
    return `${age} years`
  }

if (isLoading) {
    return (
      <div className="flex justify-center items-center h-64">
        <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-primary"></div>
      </div>
    )
  }

if (!patient) {
    return (
      <div className="text-center py-12">
        <p className="text-muted-foreground">Patient not found</p>
        <Button asChild variant="link" className="mt-2">
          <Link href="/doctor/patients">Back to Patients</Link>
        </Button>
      </div>
    )
  }

return (
    <div className="space-y-6">
      <div className="flex items-center justify-between">
        <Button variant="outline" size="sm" onClick={() => router.back()}>
          <ArrowLeft className="h-4 w-4 mr-2" />
          Back
        </Button>
        <Button asChild size="sm">
          <Link href={`/doctor/patients/edit/${patientId}`}>
            <Edit className="h-4 w-4 mr-2" />
            Edit Patient
          </Link>
        </Button>
      </div>

<Card>
        <CardHeader>
          <CardTitle className="text-2xl">
            {patient.firstName} {patient.lastName}
          </CardTitle>
        </CardHeader>
        <CardContent>
          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
            <div className="space-y-4">
              <div>
                <h3 className="font-medium text-muted-foreground">Personal Information</h3>
                <div className="grid grid-cols-2 gap-2 mt-2">
                  <div className="text-sm">Age:</div>
                  <div className="text-sm font-medium">{calculateAge(patient.dateOfBirth)}</div>
                  <div className="text-sm">Gender:</div>
                  <div className="text-sm font-medium">{patient.gender || "N/A"}</div>
                  <div className="text-sm">Blood Group:</div>
                  <div className="text-sm font-medium">{patient.bloodGroup || "N/A"}</div>
                  <div className="text-sm">Date of Birth:</div>
                  <div className="text-sm font-medium">{formatDate(patient.dateOfBirth)}</div>
                </div>
              </div>

<div>
                <h3 className="font-medium text-muted-foreground">Contact Information</h3>
                <div className="grid grid-cols-2 gap-2 mt-2">
                  <div className="text-sm">Email:</div>
                  <div className="text-sm font-medium">{patient.email || "N/A"}</div>
                  <div className="text-sm">Phone:</div>
                  <div className="text-sm font-medium">{patient.phone || "N/A"}</div>
                  <div className="text-sm">Address:</div>
                  <div className="text-sm font-medium">{patient.address || "N/A"}</div>
                </div>
              </div>
            </div>

<div className="space-y-4">
              <div>
                <h3 className="font-medium text-muted-foreground">Medical Information</h3>
                <div className="grid grid-cols-1 gap-2 mt-2">
                  <div className="text-sm">Allergies:</div>
                  <div className="text-sm font-medium bg-muted p-2 rounded-md min-h-[60px]">
                    {patient.allergies || "None recorded"}
                  </div>
                  <div className="text-sm">Medical History:</div>
                  <div className="text-sm font-medium bg-muted p-2 rounded-md min-h-[100px]">
                    {patient.medicalHistory || "None recorded"}
                  </div>
                </div>
              </div>
            </div>
          </div>
        </CardContent>
      </Card>

<Tabs defaultValue="records">
        <div className="flex justify-between items-center mb-4">
          <TabsList>
            <TabsTrigger value="records">Medical Records</TabsTrigger>
            <TabsTrigger value="medicines">Medicines</TabsTrigger>
          </TabsList>
          <div className="flex gap-2">
            <Button asChild size="sm" variant="outline">
              <Link href={`/doctor/records/add?patientId=${patientId}`}>
                <FileText className="h-4 w-4 mr-2" />
                Add Record
              </Link>
            </Button>
            <Button asChild size="sm" variant="outline">
              <Link href={`/doctor/medicines/add?patientId=${patientId}`}>
                <Pill className="h-4 w-4 mr-2" />
                Add Medicine
              </Link>
            </Button>
          </div>
        </div>

<TabsContent value="records" className="mt-0">
          <Card>
            <CardContent className="p-6">
              {records.length === 0 ? (
                <div className="text-center py-8">
                  <p className="text-muted-foreground">No medical records found for this patient</p>
                  <Button asChild variant="link" className="mt-2">
                    <Link href={`/doctor/records/add?patientId=${patientId}`}>
                      <Plus className="h-4 w-4 mr-2" />
                      Add First Record
                    </Link>
                  </Button>
                </div>
              ) : (
                <div className="space-y-6">
                  {records.map((record) => (
                    <Card key={record.id} className="overflow-hidden">
                      <div className="bg-muted px-4 py-2 flex justify-between items-center">
                        <div className="font-medium">Record Date: {formatDate(record.date)}</div>
                        <Button
                          variant="ghost"
                          size="sm"
                          onClick={() => router.push(`/doctor/records/edit/${record.id}`)}
                        >
                          <Edit className="h-4 w-4" />
                        </Button>
                      </div>
                      <CardContent className="p-4">
                        <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                          <div>
                            <h4 className="font-medium text-sm text-muted-foreground">Diagnosis</h4>
                            <p className="mt-1">{record.diagnosis}</p>
                          </div>
                          <div>
                            <h4 className="font-medium text-sm text-muted-foreground">Treatment</h4>
                            <p className="mt-1">{record.treatment}</p>
                          </div>
                          {record.prescription && (
                            <div className="col-span-1 md:col-span-2">
                              <h4 className="font-medium text-sm text-muted-foreground">Prescription</h4>
                              <p className="mt-1">{record.prescription}</p>
                            </div>
                          )}
                          {record.notes && (
                            <div className="col-span-1 md:col-span-2">
                              <h4 className="font-medium text-sm text-muted-foreground">Notes</h4>
                              <p className="mt-1">{record.notes}</p>
                            </div>
                          )}
                          {record.followUpDate && (
                            <div>
                              <h4 className="font-medium text-sm text-muted-foreground">Follow-up Date</h4>
                              <p className="mt-1">{formatDate(record.followUpDate)}</p>
                            </div>
                          )}
                        </div>
                      </CardContent>
                    </Card>
                  ))}
                </div>
              )}
            </CardContent>
          </Card>
        </TabsContent>

<TabsContent value="medicines" className="mt-0">
          <Card>
            <CardContent className="p-6">
              {medicines.length === 0 ? (
                <div className="text-center py-8">
                  <p className="text-muted-foreground">No medicines found for this patient</p>
                  <Button asChild variant="link" className="mt-2">
                    <Link href={`/doctor/medicines/add?patientId=${patientId}`}>
                      <Plus className="h-4 w-4 mr-2" />
                      Add First Medicine
                    </Link>
                  </Button>
                </div>
              ) : (
                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                  {medicines.map((medicine) => (
                    <Card key={medicine.id}>
                      <CardContent className="p-4">
                        <div className="flex justify-between items-start">
                          <div>
                            <h4 className="font-medium">{medicine.name}</h4>
                            <p className="text-sm text-muted-foreground">{medicine.dosage}</p>
                          </div>
                          <Button
                            variant="ghost"
                            size="sm"
                            onClick={() => router.push(`/doctor/medicines/edit/${medicine.id}`)}
                          >
                            <Edit className="h-4 w-4" />
                          </Button>
                        </div>
                        <div className="mt-2">
                          <p className="text-sm">
                            <span className="font-medium">Frequency:</span> {medicine.frequency}
                          </p>
                          <p className="text-sm">
                            <span className="font-medium">Duration:</span> {medicine.duration}
                          </p>
                          {medicine.notes && (
                            <p className="text-sm mt-2">
                              <span className="font-medium">Notes:</span> {medicine.notes}
                            </p>
                          )}
                        </div>
                      </CardContent>
                    </Card>
                  ))}
                </div>
              )}
            </CardContent>
          </Card>
        </TabsContent>
      </Tabs>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/(dashboard)/doctor/patients/[id]/page.tsx" isEdit="true" isMerged="true"
import PatientDetails from "@/components/doctor/patient-details"

export default function PatientDetailsPage({ params }: { params: { id: string } }) {
  return (
    <div className="container mx-auto py-6">
      <PatientDetails patientId={params.id} />
    </div>
  )
}
[V0_FILE]java:file="backend/src/main/java/com/hospital/management/entity/Patient.java" isEdit="true" isMerged="true"
package com.hospital.management.entity;

import jakarta.persistence.Column;
import jakarta.persistence.Entity;
import jakarta.persistence.GeneratedValue;
import jakarta.persistence.GenerationType;
import jakarta.persistence.Id;
import jakarta.persistence.JoinColumn;
import jakarta.persistence.ManyToOne;
import jakarta.persistence.OneToMany;
import jakarta.persistence.Table;
import jakarta.persistence.Temporal;
import jakarta.persistence.TemporalType;
import java.time.LocalDate;
import java.util.ArrayList;
import java.util.List;

@Entity
@Table(name = "PATIENT")
public class Patient {

@Id
    @GeneratedValue(strategy = GenerationType.IDENTITY)
    @Column(name = "PID")
    private Long pid;

@Column(name = "Name", nullable = false)
    private String name;

@Column(name = "Address")
    private String address;

@Column(name = "CNo")
    private String cNo;

@Column(name = "PDetails", columnDefinition = "TEXT")
    private String pDetails;

@Column(name = "D_O_Ad")
    private LocalDate dOAd;

@Column(name = "D_O_Dis")
    private LocalDate dODis;

@Column(name = "PHistory", columnDefinition = "TEXT")
    private String pHistory;

@ManyToOne
    @JoinColumn(name = "EID")
    private Employee employee;
    
    @Column(name = "Gender")
    private String gender;
    
    @Column(name = "BloodGroup")
    private String bloodGroup;
    
    @Column(name = "Age")
    private Integer age;
    
    @Column(name = "EmergencyContact")
    private String emergencyContact;
    
    @Column(name = "InsuranceInfo")
    private String insuranceInfo;
    
    @Column(name = "Allergies", columnDefinition = "TEXT")
    private String allergies;
    
    @Column(name = "CurrentMedications", columnDefinition = "TEXT")
    private String currentMedications;
    
    @OneToMany(mappedBy = "patient")
    private List<Record> records = new ArrayList<>();

// Getters and Setters
    public Long getPid() {
        return pid;
    }

public void setPid(Long pid) {
        this.pid = pid;
    }

public String getName() {
        return name;
    }

public void setName(String name) {
        this.name = name;
    }

public String getAddress() {
        return address;
    }

public void setAddress(String address) {
        this.address = address;
    }

public String getCNo() {
        return cNo;
    }

public void setCNo(String cNo) {
        this.cNo = cNo;
    }

public String getPDetails() {
        return pDetails;
    }

public void setPDetails(String pDetails) {
        this.pDetails = pDetails;
    }

public LocalDate getDOAd() {
        return dOAd;
    }

public void setDOAd(LocalDate dOAd) {
        this.dOAd = dOAd;
    }

public LocalDate getDODis() {
        return dODis;
    }

public void setDODis(LocalDate dODis) {
        this.dODis = dODis;
    }

public String getPHistory() {
        return pHistory;
    }

public void setPHistory(String pHistory) {
        this.pHistory = pHistory;
    }

public Employee getEmployee() {
        return employee;
    }

public void setEmployee(Employee employee) {
        this.employee = employee;
    }
    
    public String getGender() {
        return gender;
    }

public void setGender(String gender) {
        this.gender = gender;
    }

public String getBloodGroup() {
        return bloodGroup;
    }

public void setBloodGroup(String bloodGroup) {
        this.bloodGroup = bloodGroup;
    }

public Integer getAge() {
        return age;
    }

public void setAge(Integer age) {
        this.age = age;
    }

public String getEmergencyContact() {
        return emergencyContact;
    }

public void setEmergencyContact(String emergencyContact) {
        this.emergencyContact = emergencyContact;
    }

public String getInsuranceInfo() {
        return insuranceInfo;
    }

public void setInsuranceInfo(String insuranceInfo) {
        this.insuranceInfo = insuranceInfo;
    }

public String getAllergies() {
        return allergies;
    }

public void setAllergies(String allergies) {
        this.allergies = allergies;
    }

public String getCurrentMedications() {
        return currentMedications;
    }

public void setCurrentMedications(String currentMedications) {
        this.currentMedications = currentMedications;
    }
    
    public List<Record> getRecords() {
        return records;
    }

public void setRecords(List<Record> records) {
        this.records = records;
    }
}
[V0_FILE]java:file="backend/src/main/java/com/hospital/management/entity/Record.java" isEdit="true" isMerged="true"
package com.hospital.management.entity;

import jakarta.persistence.Column;
import jakarta.persistence.Entity;
import jakarta.persistence.GeneratedValue;
import jakarta.persistence.GenerationType;
import jakarta.persistence.Id;
import jakarta.persistence.JoinColumn;
import jakarta.persistence.ManyToOne;
import jakarta.persistence.Table;
import jakarta.persistence.Temporal;
import jakarta.persistence.TemporalType;
import java.time.LocalDate;
import java.time.LocalDateTime;

@Entity
@Table(name = "RECORDS")
public class Record {

@Id
    @GeneratedValue(strategy = GenerationType.IDENTITY)
    @Column(name = "RNo")
    private Long rNo;

@ManyToOne
    @JoinColumn(name = "PID")
    private Patient patient;

@Column(name = "RDetails", columnDefinition = "TEXT")
    private String rDetails;

@Column(name = "EType")
    private String eType;
    
    @Column(name = "RecordDate")
    private LocalDateTime recordDate;
    
    @Column(name = "Diagnosis", columnDefinition = "TEXT")
    private String diagnosis;
    
    @Column(name = "Treatment", columnDefinition = "TEXT")
    private String treatment;
    
    @Column(name = "Prescription", columnDefinition = "TEXT")
    private String prescription;
    
    @Column(name = "FollowUpDate")
    private LocalDate followUpDate;
    
    @Column(name = "VitalSigns", columnDefinition = "TEXT")
    private String vitalSigns;
    
    @ManyToOne
    @JoinColumn(name = "DoctorID")
    private Doctor doctor;

// Getters and Setters
    public Long getRNo() {
        return rNo;
    }

public void setRNo(Long rNo) {
        this.rNo = rNo;
    }

public Patient getPatient() {
        return patient;
    }

public void setPatient(Patient patient) {
        this.patient = patient;
    }

public String getRDetails() {
        return rDetails;
    }

public void setRDetails(String rDetails) {
        this.rDetails = rDetails;
    }

public String getEType() {
        return eType;
    }

public void setEType(String eType) {
        this.eType = eType;
    }
    
    public LocalDateTime getRecordDate() {
        return recordDate;
    }

public void setRecordDate(LocalDateTime recordDate) {
        this.recordDate = recordDate;
    }

public String getDiagnosis() {
        return diagnosis;
    }

public void setDiagnosis(String diagnosis) {
        this.diagnosis = diagnosis;
    }

public String getTreatment() {
        return treatment;
    }

public void setTreatment(String treatment) {
        this.treatment = treatment;
    }

public String getPrescription() {
        return prescription;
    }

public void setPrescription(String prescription) {
        this.prescription = prescription;
    }

public LocalDate getFollowUpDate() {
        return followUpDate;
    }

public void setFollowUpDate(LocalDate followUpDate) {
        this.followUpDate = followUpDate;
    }

public String getVitalSigns() {
        return vitalSigns;
    }

public void setVitalSigns(String vitalSigns) {
        this.vitalSigns = vitalSigns;
    }
    
    public Doctor getDoctor() {
        return doctor;
    }

public void setDoctor(Doctor doctor) {
        this.doctor = doctor;
    }
}
[V0_FILE]java:file="backend/src/main/java/com/hospital/management/dto/PatientDTO.java" isEdit="true" isMerged="true"
package com.hospital.management.dto;

import java.time.LocalDate;
import java.util.List;

public class PatientDTO {
    private Long pid;
    private String name;
    private String address;
    private String cNo;
    private String pDetails;
    private LocalDate dOAd;
    private LocalDate dODis;
    private String pHistory;
    private Long eid;
    private String gender;
    private String bloodGroup;
    private Integer age;
    private String emergencyContact;
    private String insuranceInfo;
    private String allergies;
    private String currentMedications;
    private List<RecordDTO> records;

// Getters and Setters
    public Long getPid() {
        return pid;
    }

public void setPid(Long pid) {
        this.pid = pid;
    }

public String getName() {
        return name;
    }

public void setName(String name) {
        this.name = name;
    }

public String getAddress() {
        return address;
    }

public void setAddress(String address) {
        this.address = address;
    }

public String getCNo() {
        return cNo;
    }

public void setCNo(String cNo) {
        this.cNo = cNo;
    }

public String getPDetails() {
        return pDetails;
    }

public void setPDetails(String pDetails) {
        this.pDetails = pDetails;
    }

public LocalDate getDOAd() {
        return dOAd;
    }

public void setDOAd(LocalDate dOAd) {
        this.dOAd = dOAd;
    }

public LocalDate getDODis() {
        return dODis;
    }

public void setDODis(LocalDate dODis) {
        this.dODis = dODis;
    }

public String getPHistory() {
        return pHistory;
    }

public void setPHistory(String pHistory) {
        this.pHistory = pHistory;
    }

public Long getEid() {
        return eid;
    }

public void setEid(Long eid) {
        this.eid = eid;
    }
    
    public String getGender() {
        return gender;
    }