Added Job Id in Jobs.

src/components/ServiceProject/JobList.jsx

@@ -25,11 +25,14 @@ const JobList = () => {
       label: "Title",
       getValue: (e) => (
         <span
-          className="fw-semibold text-truncate d-inline-block"
+          className="fw-semibold text-truncate d-inline-block cursor-pointer"
           style={{
             maxWidth: "100%",
             width: "210px",
           }}
+          onClick={() =>
+            setSelectedJob({ showCanvas: true, job: e?.id })
+          }
         >
           {e?.title}
         </span>
@@ -37,6 +40,12 @@ const JobList = () => {
       isAlwaysVisible: true,
       className: "text-start",
     },
+    {
+      key: "jobTicketUId",
+      label: "Job Id",
+      getValue: (e) => e?.jobTicketUId || "N/A",
+      align: "text-start",
+    },
     {
       key: "dueDate",
       label: "Due On",

src/components/ServiceProject/ManageJob.jsx

@@ -93,7 +93,7 @@ const ManageJob = ({ Job }) => {
     <div className="container">
       <AppFormProvider {...methods}>
         <form className="row text-start" onSubmit={handleSubmit(onSubmit)}>
-          <div className="col-12 col-md-6 mb-2 ">
+          <div className="col-12 col-md-12 mb-2 ">
             <Label required>Title</Label>
             <input
               type="text"
@@ -114,7 +114,7 @@ const ManageJob = ({ Job }) => {
             />
           </div>
           <div className="col-12 col-md-6 mb-2 mb-md-4">
-            <Label required>End Date</Label>
+            <Label required>Due Date</Label>
             <DatePicker
               control={control}
               minDate={watch("startDate")}
@@ -128,7 +128,7 @@ const ManageJob = ({ Job }) => {
             <PmsEmployeeInputTag
               control={control}
               name="assignees"
-              placeholder="Enter employee"
+              placeholder="Select employee"
             />
           </div>
           <div className="col-12 col-md-6 mb-2 mb-md-4">

src/components/ServiceProject/ManageJobTicket.jsx

@@ -45,6 +45,12 @@ const ManageJobTicket = ({ Job }) => {
   return (
     <div className="row text-start">
       <div className="col-12">
+        <div className="d-flex flex-wrap">
+          <p>
+            <span className="fw-medium me-1">Job Id :</span>
+            {data?.jobTicketUId || "N/A"}
+          </p>
+        </div>
         <div className="d-flex justify-content-between align-items-center mb-3">
           <div className="d-flex flex-row gap-2">
             <span className="badge bg-label-primary">{data?.status?.name}</span>