From a1446670f59be43f1be6967c28ef02d3b727346f Mon Sep 17 00:00:00 2001
From: Usama Khan <usama.jameel@utopia.pk>
Date: Wed, 14 May 2025 18:32:38 +0500
Subject: [PATCH] add dashboard first screen

---
 .../controller/DashboardController.java       |  31 +++
 .../dao/ctp/FinishedItemDAO.java              |   9 +-
 .../dao/ctp/InventoryTransactionLegDAO.java   |   9 +
 .../dao/ctp/PackagingItemsDAO.java            |   8 +
 .../dao/ctp/StitchingOfflineItemDAO.java      |  12 +-
 .../ctp/StitchingOfflineItemRowMapper.java    |   3 +
 .../model/ctp/StitchingOfflineItem.java       |  12 +
 .../service/DashboardService.java             | 148 ++++++++++
 .../service/InventoryService.java             |  24 +-
 src/main/resources/static/img/finishing.jfif  | Bin 0 -> 8853 bytes
 src/main/resources/static/img/packaging.jfif  | Bin 0 -> 13079 bytes
 src/main/resources/static/img/quality.png     | Bin 0 -> 9609 bytes
 .../resources/static/img/stitchingImage.jpg   | Bin 0 -> 16798 bytes
 src/main/resources/static/js/charts.js        | 100 +++++++
 src/main/resources/templates/dashboard.html   | 261 ++++++++++++++++++
 15 files changed, 605 insertions(+), 12 deletions(-)
 create mode 100644 src/main/java/com/utopiaindustries/controller/DashboardController.java
 create mode 100644 src/main/java/com/utopiaindustries/service/DashboardService.java
 create mode 100644 src/main/resources/static/img/finishing.jfif
 create mode 100644 src/main/resources/static/img/packaging.jfif
 create mode 100644 src/main/resources/static/img/quality.png
 create mode 100644 src/main/resources/static/img/stitchingImage.jpg
 create mode 100644 src/main/resources/templates/dashboard.html

diff --git a/src/main/java/com/utopiaindustries/controller/DashboardController.java b/src/main/java/com/utopiaindustries/controller/DashboardController.java
new file mode 100644
index 0000000..783697b
--- /dev/null
+++ b/src/main/java/com/utopiaindustries/controller/DashboardController.java
@@ -0,0 +1,31 @@
+package com.utopiaindustries.controller;
+
+import com.utopiaindustries.service.DashboardService;
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.ui.Model;
+
+import java.time.LocalDate;
+
+@Controller
+@RequestMapping("/dashboard")
+public class DashboardController {
+
+    private final DashboardService dashboardService;
+
+    public DashboardController(DashboardService dashboardService) {
+        this.dashboardService = dashboardService;
+    }
+
+    @GetMapping
+    public String getDashboard(Model model) {
+        model.addAttribute("phases", dashboardService.getPhasesProgressDayWise());
+        model.addAttribute("date", LocalDate.now());
+        model.addAttribute("day", LocalDate.now().getDayOfWeek());
+        model.addAttribute("line", "Line 1" );
+        model.addAttribute("detail", dashboardService.getLineDetails() );
+
+        return "dashboard";
+    }
+}
diff --git a/src/main/java/com/utopiaindustries/dao/ctp/FinishedItemDAO.java b/src/main/java/com/utopiaindustries/dao/ctp/FinishedItemDAO.java
index 81a022c..af40b40 100644
--- a/src/main/java/com/utopiaindustries/dao/ctp/FinishedItemDAO.java
+++ b/src/main/java/com/utopiaindustries/dao/ctp/FinishedItemDAO.java
@@ -1,7 +1,6 @@
 package com.utopiaindustries.dao.ctp;
 
 import com.utopiaindustries.model.ctp.FinishedItem;
-import com.utopiaindustries.model.ctp.JobCard;
 import com.utopiaindustries.model.ctp.StitchingOfflineItem;
 import com.utopiaindustries.util.KeyHolderFunctions;
 import org.springframework.jdbc.core.namedparam.MapSqlParameterSource;
@@ -35,6 +34,7 @@ public class FinishedItemDAO {
     private final String SELECT_BY_STITCHED_ITEM_IDS = String.format("SELECT * FROM %s WHERE stitched_item_id IN (:stitched_item_ids)", TABLE_NAME);
     private final String COUNT_TOTAL_FINISH_ITEM = String.format("SELECT COUNT(*) FROM %s WHERE job_card_id = :job_card_id AND is_segregated IS TRUE ", TABLE_NAME);
     private final String SELECT_BY_JOB_CARD_AND_DATE = String.format("SELECT * FROM %s WHERE job_card_id = :job_card_id AND (:start_date IS NULL OR :end_date IS NULL OR created_at BETWEEN :start_date AND :end_date)", TABLE_NAME);
+    private final String SELECT_BY_DATE = String.format( "SELECT * FROM %s WHERE created_at >=:start_date AND created_at <= :end_date", TABLE_NAME );
 
     public FinishedItemDAO(NamedParameterJdbcTemplate namedParameterJdbcTemplate) {
         this.namedParameterJdbcTemplate = namedParameterJdbcTemplate;
@@ -195,4 +195,11 @@ public class FinishedItemDAO {
         return namedParameterJdbcTemplate.query(SELECT_BY_JOB_CARD_AND_DATE, params, new FinishedItemRowMapper());
     }
 
+    public List<FinishedItem> findByDate(String startDate, String endDate){
+        MapSqlParameterSource params = new MapSqlParameterSource();
+        params.addValue( "start_date", startDate );
+        params.addValue( "end_date", endDate );
+        return namedParameterJdbcTemplate.query( SELECT_BY_DATE , params, new FinishedItemRowMapper() );
+    }
+
 }
\ No newline at end of file
diff --git a/src/main/java/com/utopiaindustries/dao/ctp/InventoryTransactionLegDAO.java b/src/main/java/com/utopiaindustries/dao/ctp/InventoryTransactionLegDAO.java
index 3ec92a8..9dcea54 100644
--- a/src/main/java/com/utopiaindustries/dao/ctp/InventoryTransactionLegDAO.java
+++ b/src/main/java/com/utopiaindustries/dao/ctp/InventoryTransactionLegDAO.java
@@ -48,6 +48,7 @@ public class InventoryTransactionLegDAO {
 	private final String COUNT_TOTAL_SEGREGATE_ITEMS = String.format("SELECT COUNT(*) FROM %s WHERE parent_document_id IN (:parent_document_id) AND account_id = :account_id", TABLE_NAME);
 	private final String SELECT_FIRST_TRANSACTION_PARENT_TYPE_PARENT_ID = String.format("SELECT * FROM %s WHERE parent_document_id IN (:parent_document_id) AND parent_document_type = :parent_document_type ORDER BY transaction_leg_datetime ASC LIMIT 1", TABLE_NAME);
 	private final String SELECT_GROUP_By_TRANSACTION_PARENT_TYPE_PARENT_ID = String.format("SELECT * FROM %s WHERE parent_document_id IN (:parent_document_id) AND parent_document_type = :parent_document_type GROUP BY account_id", TABLE_NAME);
+	private final String SELECT_GROUP_By_TRANSACTION_ACCOUNT_IDS_DATE = String.format("SELECT * FROM %s WHERE account_id IN (:account_ids) AND (:start_date IS NULL OR :end_date IS NULL OR transaction_leg_datetime BETWEEN :start_date AND :end_date)  GROUP BY parent_document_id", TABLE_NAME);
 	private final String SELECT_JOB_CARD_DATES = String.format("SELECT * FROM %s WHERE job_card_id = :job_card_id AND (:start_date IS NULL OR :end_date IS NULL OR transaction_leg_datetime BETWEEN :start_date AND :end_date) AND type = :type ", TABLE_NAME);
 	private final String SELECT_JOB_CARD_And_Date_Type_Account_Id = String.format("SELECT * FROM %s WHERE job_card_id = :job_card_id AND (:start_date IS NULL OR :end_date IS NULL OR transaction_leg_datetime BETWEEN :start_date AND :end_date) AND type = :type AND account_id IN (:account_ids)", TABLE_NAME);
 
@@ -218,4 +219,12 @@ public class InventoryTransactionLegDAO {
 		params.addValue("account_ids", accountId );
 		return namedParameterJdbcTemplate.query( SELECT_JOB_CARD_And_Date_Type_Account_Id , params, new InventoryTransactionLegRowMapper() );
 	}
+
+	public List<InventoryTransactionLeg> getTransactionByAndDatesAndAccountID(String startDate, String endDate, List<Integer> accountId){
+		MapSqlParameterSource params = new MapSqlParameterSource();
+		params.addValue("start_date", startDate );
+		params.addValue("end_date", endDate );
+		params.addValue("account_ids", accountId );
+		return namedParameterJdbcTemplate.query( SELECT_GROUP_By_TRANSACTION_ACCOUNT_IDS_DATE , params, new InventoryTransactionLegRowMapper() );
+	}
 }
\ No newline at end of file
diff --git a/src/main/java/com/utopiaindustries/dao/ctp/PackagingItemsDAO.java b/src/main/java/com/utopiaindustries/dao/ctp/PackagingItemsDAO.java
index bdded8e..1163e74 100644
--- a/src/main/java/com/utopiaindustries/dao/ctp/PackagingItemsDAO.java
+++ b/src/main/java/com/utopiaindustries/dao/ctp/PackagingItemsDAO.java
@@ -1,5 +1,6 @@
 package com.utopiaindustries.dao.ctp;
 
+import com.utopiaindustries.model.ctp.FinishedItem;
 import com.utopiaindustries.model.ctp.PackagingItems;
 import com.utopiaindustries.util.KeyHolderFunctions;
 import org.springframework.jdbc.core.namedparam.MapSqlParameterSource;
@@ -38,6 +39,7 @@ public class PackagingItemsDAO {
                     "qa_status = VALUES(qa_status), bundle_id = VALUES(bundle_id), account_title = VALUES(account_title)",
             TABLE_NAME
     );
+    private final String SELECT_BY_DATE = String.format( "SELECT * FROM %s WHERE created_at >=:start_date AND created_at <= :end_date", TABLE_NAME );
 
     public PackagingItemsDAO(NamedParameterJdbcTemplate namedParameterJdbcTemplate) {
         this.namedParameterJdbcTemplate = namedParameterJdbcTemplate;
@@ -96,5 +98,11 @@ public class PackagingItemsDAO {
         return namedParameterJdbcTemplate.query(SELECT_BY_JOB_CARD_ID, params, new PackagingItemsRowMapper());
     }
 
+    public List<PackagingItems> findByDate(String startDate, String endDate){
+        MapSqlParameterSource params = new MapSqlParameterSource();
+        params.addValue( "start_date", startDate );
+        params.addValue( "end_date", endDate );
+        return namedParameterJdbcTemplate.query( SELECT_BY_DATE , params, new PackagingItemsRowMapper() );
+    }
 }
 
diff --git a/src/main/java/com/utopiaindustries/dao/ctp/StitchingOfflineItemDAO.java b/src/main/java/com/utopiaindustries/dao/ctp/StitchingOfflineItemDAO.java
index 89aac52..4cf0598 100644
--- a/src/main/java/com/utopiaindustries/dao/ctp/StitchingOfflineItemDAO.java
+++ b/src/main/java/com/utopiaindustries/dao/ctp/StitchingOfflineItemDAO.java
@@ -1,5 +1,6 @@
 package com.utopiaindustries.dao.ctp;
 
+import com.utopiaindustries.model.ctp.FinishedItem;
 import com.utopiaindustries.model.ctp.InventoryTransactionLeg;
 import com.utopiaindustries.model.ctp.StitchingOfflineItem;
 import com.utopiaindustries.util.KeyHolderFunctions;
@@ -23,7 +24,7 @@ public class StitchingOfflineItemDAO {
     private final String SELECT_ALL_QUERY = String.format( "SELECT * FROM %s ORDER BY id DESC", TABLE_NAME );
     private final String SELECT_QUERY_BY_JOB_CARD = String.format( "SELECT * FROM %s WHERE job_card_id = :job_card_id", TABLE_NAME );
     private final String DELETE_QUERY = String.format( "DELETE FROM %s WHERE id = :id", TABLE_NAME );
-    private final String INSERT_QUERY = String.format( "INSERT INTO %s (id, item_id, sku, barcode, created_at, created_by, job_card_id, is_qa, qa_remarks, qa_status,bundle_id) VALUES (:id, :item_id, :sku, :barcode, :created_at, :created_by, :job_card_id, :is_qa, :qa_remarks, :qa_status, :bundle_id) ON DUPLICATE KEY UPDATE item_id = VALUES(item_id), sku = VALUES(sku), barcode = VALUES(barcode), created_at = VALUES(created_at), created_by = VALUES(created_by), job_card_id = VALUES(job_card_id), is_qa = VALUES(is_qa), qa_remarks = VALUES(qa_remarks), qa_status = VALUES(qa_status), bundle_id = VALUES(bundle_id)", TABLE_NAME );
+    private final String INSERT_QUERY = String.format( "INSERT INTO %s (id, item_id, sku, barcode, created_at, created_by, job_card_id, is_qa, qa_remarks, qa_status,bundle_id, qc_done_at) VALUES (:id, :item_id, :sku, :barcode, :created_at, :created_by, :job_card_id, :is_qa, :qa_remarks, :qa_status, :bundle_id, :qc_done_at) ON DUPLICATE KEY UPDATE item_id = VALUES(item_id), sku = VALUES(sku), barcode = VALUES(barcode), created_at = VALUES(created_at), created_by = VALUES(created_by), job_card_id = VALUES(job_card_id), is_qa = VALUES(is_qa), qa_remarks = VALUES(qa_remarks), qa_status = VALUES(qa_status), bundle_id = VALUES(bundle_id), qc_done_at = VALUES(qc_done_at)", TABLE_NAME );
     private final String SELECT_BY_LIMIT = String.format("SELECT * FROM %s ORDER BY id DESC LIMIT :limit", TABLE_NAME );
     private final String FIND_TOTAL_COUNT = String.format("SELECT COUNT(*) FROM %s  where job_card_id = :job_card_id And item_id = :item_id", TABLE_NAME );
     private final String SELECT_BY_IDS = String.format( "SELECT * FROM %s WHERE id IN (:ids)", TABLE_NAME );
@@ -32,6 +33,7 @@ public class StitchingOfflineItemDAO {
     private final String COUNT_TOTAL_QA_ITEMS= String.format("SELECT COUNT(*) FROM %s WHERE job_card_id = :job_card_id AND is_qa IS TRUE",TABLE_NAME);
     private final String SELECT_BY_TIME_AND_CARD_ID= String.format("SELECT * FROM %s WHERE job_card_id = :job_card_id ORDER BY created_at DESC LIMIT 1;",TABLE_NAME);
     private final String SELECT_BY_JOB_CARD_AND_DATE = String.format( "SELECT * FROM %s WHERE job_card_id = :job_card_id AND (:start_date IS NULL OR :end_date IS NULL OR created_at BETWEEN :start_date AND :end_date)", TABLE_NAME );
+    private final String SELECT_BY_DATE = String.format( "SELECT * FROM %s WHERE qc_done_at >=:start_date AND qc_done_at <= :end_date", TABLE_NAME );
 
     public StitchingOfflineItemDAO(NamedParameterJdbcTemplate namedParameterJdbcTemplate) {
         this.namedParameterJdbcTemplate = namedParameterJdbcTemplate;
@@ -50,6 +52,7 @@ public class StitchingOfflineItemDAO {
                 .addValue("job_card_id", stitchingOfflineItem.getJobCardId() )
                 .addValue("is_qa", stitchingOfflineItem.getIsQa() )
                 .addValue("qa_remarks", stitchingOfflineItem.getQaRemarks() )
+                .addValue("qc_done_at", stitchingOfflineItem.getQcDoneAt() )
                 .addValue("qa_status", stitchingOfflineItem.getQaStatus() );
         return params;
     }
@@ -169,4 +172,11 @@ public class StitchingOfflineItemDAO {
         params.addValue( "end_date", endDate );
         return namedParameterJdbcTemplate.query( SELECT_BY_JOB_CARD_AND_DATE , params, new StitchingOfflineItemRowMapper() );
     }
+
+    public List<StitchingOfflineItem> findByQCDoneDate(String startDate, String endDate){
+        MapSqlParameterSource params = new MapSqlParameterSource();
+        params.addValue( "start_date", startDate );
+        params.addValue( "end_date", endDate );
+        return namedParameterJdbcTemplate.query( SELECT_BY_DATE , params, new StitchingOfflineItemRowMapper() );
+    }
 }
diff --git a/src/main/java/com/utopiaindustries/dao/ctp/StitchingOfflineItemRowMapper.java b/src/main/java/com/utopiaindustries/dao/ctp/StitchingOfflineItemRowMapper.java
index baf4c2a..895d178 100644
--- a/src/main/java/com/utopiaindustries/dao/ctp/StitchingOfflineItemRowMapper.java
+++ b/src/main/java/com/utopiaindustries/dao/ctp/StitchingOfflineItemRowMapper.java
@@ -19,6 +19,9 @@ public class StitchingOfflineItemRowMapper implements RowMapper<StitchingOffline
         if ( rs.getTimestamp( "created_at" ) != null ) {
             stitchingOfflineItem.setCreatedAt( rs.getTimestamp( "created_at" ).toLocalDateTime() );
         }
+        if ( rs.getTimestamp( "qc_done_at" ) != null ) {
+            stitchingOfflineItem.setQcDoneAt( rs.getTimestamp( "qc_done_at" ).toLocalDateTime() );
+        }
         stitchingOfflineItem.setCreatedBy( rs.getString( "created_by" ) );
         stitchingOfflineItem.setJobCardId( rs.getLong("job_card_id") );
         stitchingOfflineItem.setIsQa( rs.getBoolean("is_qa"));
diff --git a/src/main/java/com/utopiaindustries/model/ctp/StitchingOfflineItem.java b/src/main/java/com/utopiaindustries/model/ctp/StitchingOfflineItem.java
index 3a7f61d..b5a6b11 100644
--- a/src/main/java/com/utopiaindustries/model/ctp/StitchingOfflineItem.java
+++ b/src/main/java/com/utopiaindustries/model/ctp/StitchingOfflineItem.java
@@ -14,6 +14,10 @@ public class StitchingOfflineItem implements InventoryArtifact {
     private long jobCardId;
     @DateTimeFormat( pattern = "yyyy-MM-dd HH:mm:ss" )
     private LocalDateTime createdAt;
+
+    @DateTimeFormat( pattern = "yyyy-MM-dd HH:mm:ss" )
+    private LocalDateTime qcDoneAt;
+
     private String createdBy;
     private boolean isQa;
     private String qaRemarks;
@@ -125,6 +129,14 @@ public class StitchingOfflineItem implements InventoryArtifact {
         this.bundleId = bundleId;
     }
 
+    public LocalDateTime getQcDoneAt() {
+        return qcDoneAt;
+    }
+
+    public void setQcDoneAt(LocalDateTime qcDoneAt) {
+        this.qcDoneAt = qcDoneAt;
+    }
+
     @Override
     public String toString() {
         return "StitchingOfflineItem{" +
diff --git a/src/main/java/com/utopiaindustries/service/DashboardService.java b/src/main/java/com/utopiaindustries/service/DashboardService.java
new file mode 100644
index 0000000..b98e5b5
--- /dev/null
+++ b/src/main/java/com/utopiaindustries/service/DashboardService.java
@@ -0,0 +1,148 @@
+package com.utopiaindustries.service;
+
+import com.utopiaindustries.dao.ctp.*;
+import com.utopiaindustries.model.ctp.*;
+import org.springframework.stereotype.Service;
+
+import java.time.LocalDate;
+import java.time.LocalDateTime;
+import java.time.format.DateTimeFormatter;
+import java.util.*;
+import java.util.stream.Collectors;
+
+@Service
+public class DashboardService {
+
+    private final JobCardItemDAO jobCardItemDAO;
+    private final ProcessDAO processDAO;
+    private final BundleDAO bundleDAO;
+    private final InventoryTransactionLegDAO inventoryTransactionLegDAO;
+    private final InventoryTransactionDAO inventoryTransactionDAO;
+    private final JobCardDAO jobCardDAO;
+    private final CryptographyService cryptographyService;
+    private final MasterBundleDAO masterBundleDAO;
+    private final FinishedItemDAO finishedItemDAO;
+    private final StitchingOfflineItemDAO stitchingOfflineItemDAO;
+    private final InventoryAccountDAO inventoryAccountDAO;
+    private final PackagingItemsDAO packagingItemsDAO;
+
+
+    public DashboardService(JobCardItemDAO jobCardItemDAO, ProcessDAO processDAO, BundleDAO bundleDAO, InventoryTransactionLegDAO inventoryTransactionLegDAO, InventoryTransactionDAO inventoryTransactionDAO, JobCardDAO jobCardDAO, CryptographyService cryptographyService, MasterBundleDAO masterBundleDAO, FinishedItemDAO finishedItemDAO, StitchingOfflineItemDAO stitchingOfflineItemDAO, InventoryAccountDAO inventoryAccountDAO, PackagingItemsDAO packagingItemsDAO) {
+        this.jobCardItemDAO = jobCardItemDAO;
+        this.processDAO = processDAO;
+        this.bundleDAO = bundleDAO;
+        this.inventoryTransactionLegDAO = inventoryTransactionLegDAO;
+        this.inventoryTransactionDAO = inventoryTransactionDAO;
+        this.jobCardDAO = jobCardDAO;
+        this.cryptographyService = cryptographyService;
+        this.masterBundleDAO = masterBundleDAO;
+        this.finishedItemDAO = finishedItemDAO;
+        this.stitchingOfflineItemDAO = stitchingOfflineItemDAO;
+        this.inventoryAccountDAO = inventoryAccountDAO;
+        this.packagingItemsDAO = packagingItemsDAO;
+    }
+
+    public Map<String, Float> getPhasesProgressDayWise() {
+        DateTimeFormatter formatter = DateTimeFormatter.ofPattern("yyyy-MM-dd HH:mm:ss");
+
+        String cuttingAccount = "CUTTING ACCOUNT " +1;
+        String stitchingAccount = "STITCHING ACCOUNT " +1;
+        String finishingAccount = "FINISHING ACCOUNT " +1;
+        String packagingAccount = "A GRADE ACCOUNT " +1;
+
+        String startDate1 = LocalDateTime.now().withHour(0).withMinute(0).withSecond(1).format(formatter);
+        String endDate1 = LocalDateTime.now().withHour(23).withMinute(59).withSecond(59).format(formatter);
+
+
+        HashMap<String, Float> progress = new HashMap<>();
+
+        List<InventoryAccount> inventoryAccounts = inventoryAccountDAO.findAll();
+
+        List<Integer> inventoryAccountIds = inventoryAccounts.stream()
+                .filter(e -> cuttingAccount.equals(e.getTitle()) ||
+                        stitchingAccount.equals(e.getTitle()) ||
+                        finishingAccount.equals(e.getTitle()) ||
+                        packagingAccount.equals(e.getTitle()))
+                .map(e -> (int) e.getId())
+                .collect(Collectors.toList());
+
+
+        List<InventoryTransactionLeg> inventoryTransactionLeg = inventoryTransactionLegDAO.getTransactionByAndDatesAndAccountID(startDate1, endDate1, inventoryAccountIds);
+
+
+        List<StitchingOfflineItem> stitchingOfflineItems =stitchingOfflineItemDAO.findByQCDoneDate(startDate1, endDate1);
+
+        List<FinishedItem> finishedItems = finishedItemDAO.findByDate(startDate1, endDate1);
+        List<PackagingItems> packagingItems = packagingItemsDAO.findByDate(startDate1, endDate1);
+
+        float stitchingDefectedPiece =  stitchingOfflineItems.stream()
+                .filter(e -> "REJECT".equals(e.getQaStatus()))
+                .count();
+
+        float finishedItemDefected =  finishedItems.stream()
+                .filter(e -> "ALTER".equals(e.getQaStatus()))
+                .count();
+
+        float finishedItem =finishedItems.stream()
+                .filter(e -> "APPROVED".equals(e.getQaStatus()))
+                .count();
+
+        float finishedItemAGrade = packagingItems.size();
+
+        float finishedItemBGrade = finishedItems.stream()
+                .filter(e -> "B GRADE".equals(e.getQaStatus()))
+                .count();
+
+        float finishedItemCGrade = finishedItems.stream()
+                .filter(e -> "C GRADE".equals(e.getQaStatus()))
+                .count();
+
+        float finishDefectedPiece = finishedItemDefected + finishedItemBGrade + finishedItemCGrade;
+
+        progress.put("Stitching", (float) stitchingOfflineItems.size());
+        progress.put("StitchingDefectPiece", stitchingDefectedPiece);
+        progress.put("StitchingDefectPieceRatio", stitchingDefectedPiece / stitchingOfflineItems.size());
+
+        progress.put("finishing", (float) finishedItems.size());
+        progress.put("finishingDefectPiece", finishDefectedPiece);
+        progress.put("finishingDefectPieceRatio", finishDefectedPiece / finishedItems.size());
+
+
+        progress.put("QA", (float) finishedItems.size());
+        progress.put("Finishing", finishedItem);
+        progress.put("A Grade", finishedItemAGrade);
+        progress.put("B Grade", finishedItemBGrade);
+        progress.put("C Grade", finishedItemCGrade);
+
+        return progress;
+    }
+
+    public Map<String, String> getLineDetails() {
+        DateTimeFormatter formatter = DateTimeFormatter.ofPattern("yyyy-MM-dd HH:mm:ss");
+
+        String startDate1 = LocalDateTime.now().withHour(0).withMinute(0).withSecond(1).format(formatter);
+        String endDate1 = LocalDateTime.now().withHour(23).withMinute(59).withSecond(59).format(formatter);
+        String startDateWithHour =  LocalDateTime.now().minusHours(1).format(formatter);
+        String endDateWithHour =LocalDateTime.now().format(formatter);
+
+
+        HashMap<String, String> details = new HashMap<>();
+        List<PackagingItems> packagingItems = packagingItemsDAO.findByDate(startDate1, endDate1);
+        List<PackagingItems> packagingItemsHourly = packagingItemsDAO.findByDate(startDateWithHour, endDateWithHour);
+
+        List<JobCard> jobCards = jobCardDAO.findAll();
+        int target = 1000;
+        int achieved = packagingItems.size();
+
+
+        details.put("Total Target", 1000 + " pc");
+        details.put("Total Achieved", achieved + " pc");
+        details.put("Hourly Target", 1000/24 + " pc");
+        details.put("Hourly Achieved", packagingItemsHourly.size() + " pc");
+        details.put("Efficiency",(float)achieved / target * 100 + " %" );
+        details.put("Total Induction", String.valueOf(jobCards.size()));
+        details.put("Total Machine", String.valueOf(30));
+        details.put("Total Worker", String.valueOf(30));
+        return details;
+    }
+}
diff --git a/src/main/java/com/utopiaindustries/service/InventoryService.java b/src/main/java/com/utopiaindustries/service/InventoryService.java
index 3b4cdd0..a2daf85 100644
--- a/src/main/java/com/utopiaindustries/service/InventoryService.java
+++ b/src/main/java/com/utopiaindustries/service/InventoryService.java
@@ -83,14 +83,14 @@ public class InventoryService {
                     .collect(Collectors.toList());
 
             // save updated cut pieces
-            List<CutPiece> cutPieces = jobCardItemWrappers.stream()
-                    .flatMap(wrapper -> wrapper.getPieces().stream())
-                    .collect(Collectors.toList());
-            cutPieceDAO.saveAll(cutPieces);
+//            List<CutPiece> cutPieces = jobCardItemWrappers.stream()
+//                    .flatMap(wrapper -> wrapper.getPieces().stream())
+//                    .collect(Collectors.toList());
+//            cutPieceDAO.saveAll(cutPieces);
 
-            Map<Long, List<CutPiece>> piecesMap = cutPieceDAO.findByJobCardItemIds(jobCardItemIds)
-                    .stream()
-                    .collect(Collectors.groupingBy(CutPiece::getJobCardItemId));
+//            Map<Long, List<CutPiece>> piecesMap = cutPieceDAO.findByJobCardItemIds(jobCardItemIds)
+//                    .stream()
+//                    .collect(Collectors.groupingBy(CutPiece::getJobCardItemId));
 
             for (JobCardItem jobCardItem : items) {
 
@@ -536,12 +536,16 @@ public class InventoryService {
                         finishedItems.add(preCreatedItem);
                     }
                 } else {
+
                     FinishedItem preCreatedItem = finishedItemDAO.findByStitchedItem(stitchingOfflineItem.getId());
-                    preCreatedItem.setIsQa(false);
-                    finishedItemsForUlter.add(preCreatedItem);
+                    if (preCreatedItem != null) {
+                        preCreatedItem.setIsQa(false);
+                        finishedItemsForUlter.add(preCreatedItem);
+                    }
                 }
                 stitchingOfflineItem.setIsQa(true);
                 stitchingOfflineItem.setQaStatus(qaStatus);
+                stitchingOfflineItem.setQcDoneAt(LocalDateTime.now());
                 updatedStitchedItems.add(stitchingOfflineItem);
             }
             for (FinishedItem finishedItem : finishedItems) {
@@ -604,7 +608,7 @@ public class InventoryService {
                         // get the stitching account id
                         long stitchedItemId = finishedItem.getStitchedItemId();
                         InventoryTransactionLeg lastOutTransaction = lastStitchedItemOutTransactionMap.getOrDefault(stitchedItemId, null);
-                        createInventoryTransactionLeg(transaction, finishedItem, lastOutTransaction.getAccountId(), InventoryTransactionLeg.Type.IN.name(), InventoryArtifactType.STITCHING_OFFLINE.name());
+                        createInventoryTransactionLeg(transaction, finishedItem, lastOutTransaction.getAccountId(), InventoryTransactionLeg.Type.IN.name(), InventoryArtifactType.FINISHED_ITEM.name());
                         finishedItem.setQaStatus("ALTER");
                         finishedItem.setIsSegregated(false);
                     }
diff --git a/src/main/resources/static/img/finishing.jfif b/src/main/resources/static/img/finishing.jfif
new file mode 100644
index 0000000000000000000000000000000000000000..c1d9053cf12a8648bde6566f5ddb2e003cce24cb
GIT binary patch
literal 8853
zcmch630zZGx9>qfCIJ<cf<jbOv{Z2d93ZC-h+r`eRTPI*X+g$R1py5?3Mwc{DmYV!
ziii_NWe8#*B9j&+3_>J`Aqn%CFoY9whPUZ=Z*O1U_ubxm-}}9j?2wSX_t|Uj_5ZK`
zS|LA?Ezo4ojUF2zEiEnR2k?MMDKy6|GQbalyu6^VAqdh3-%W+I!8<MR`28ZAp!LuM
zEv@nAzg^n8+T+(m9UX05y@`5y<4xbd$UtA;P+w2a(Adz>XcD;e3`|UoCz*`DAD?7=
z`1mOBoTRU(Ki=cNcag85Df&<qRIjZy2bwTNOM8kISqf3WT6KX%<3|14r8PlYM|UDv
zlA#gkkUJSHUt4<uSgfv&4(J^XzK3+C=uVxzbnQg5Z3p${95G*Z`tlup+jY;2r){rM
z%w2xyXpDj3bc?Snt>(?QTd?r!6^>5MD_5;vzrk&z`z8<19pCTV<-L24kMEB^`S~9X
z2s{=Remo*F>O}0Bv*+UC&tFJNzH;^2^&2;D-A%ujaX<6H!$&W&b8_=|`7aCJl$4g0
zSG;}qTW#IP`UcUbMzK^TZ*6Pu=<MoN4h{{Es76us*tlI<koG^!`oprn*fj;%H36J~
zj^4OkS`#8b)1IQEJA3KGscX0C9Xw(-XW40e^L3Z+JTEq|UA|p0?a<L0!|8KZNarcX
zP5a%l|C(Vj|0B!(Fzi3<5<`=;wZP$NPk~?v$L?NO0R6vdY~gK#1$Qq%3m$ZWH~)BP
zdH7$L{iP)SfNM>W1xg*-r<|VUf2Z@r?jf!N!*6g-3>?9Y!Td=`w=+&=k?@r7tZ`*h
zl)UnU%Jr?AAAYlJcUKIJdu<Sr6kFT8H?8?L-v?_Zp_tpmN5TQmWWfRO3r4Z)CNUbj
zJO6^bya2z_4@<3|uS;?{S=Y}zYeO5Avk4z>TjeNWxL*^*T!O;f$OIoejR{Lb=Km%c
zy(LH+dY8#4Wg*u)j!O>6Nl0fse$53|#HqH_v22lGA2hR^KHa=$tbxDE?tMgZ?<*4O
zN*Ne}yE1R?H{@jF@@1&-13g~wBJ;e!7Z$H;dV}ORm$EOWO;a3raO5u9RB|GtbS$Kp
zgzl$cA2`D`aDzJudD(LFn6ts%Y^qta4o|<;o}k&n{INbP)u-7mm;a(Z{gznf)Tvy3
zVoW5Fe8n=1q{|0RIWi0*OWd<XVb*(&e-`hX-znS|@f%OGPT-7rDQI$MY;s+x#euo#
z;R0S6t?^5@yw8ezu7iWaB~3!%T;%!~32D?M<hoEpKkVOIB_d|G#u16@<qSe^-g07g
zJNN+0dBh|$%)XcQiG)<u3QAw0;%Qx3nsx)VG4NZ9<H<~3L2#iopN&$)xq<*#%y>;g
zFF0>{xYHwhcIVaRq-^QHL*8?Ss#XxrBy{M7>Z-A8>T)T?3MtkfHa$l*u6GnnVbw{#
z8ZOlK;GIl(RoU#b@=)F-IMKsiHV{L3F1$oSp%St7_tk_Bwh4V6u4pPDp-vIusGR@U
zWr|t=rjDzWU=+JCp*lcQFqT=uF)6Y~ich%s`pX<F=M9t~jqJ@IsWlmg*U^UurUh$~
z%t$DkgdWq>{_V&UZtcKXfj%Erz^_-+&ob@P#hpGT$)U4yb9gdGiZH_Ra}e$Ddz`aM
ziC|M5RL#mQ8L~wuRZ-{%;=D3KD(PS3_bUm#Ejz@im_b4_%2VK;dyJW!p*jk(;5Si+
zH)e6H#f=?XWP>8Aa|#lQU&ORf+Dp^!ga!{BA)(nfQb|Z&hrgr}LY2!~5^BphMx6+p
zn$M~$q9~5vlnE?ZmEL0RSw}DG8Z_K^LObHLJ8kJ4YWXGNl}X75|6cWn=*;!Qstamw
z)iN;fCDRJ$aVK8C6J(J_QF?nYS8>;?W+>-VTYn__85+O#qWe!i`~$n=`29<>hkfe%
zn6AFz59s?AWo7+p>hj{ZBQvMmu7uk@9QH1gC=PHEMX)vrwfsu`h7eY$G7}bu@ZpKB
z^AQQsYMyk88ltF(<8K2X?!q%iyf*JHYFI&OWJ`(k*4+UOLs82j?{~p%cW?@VWnaPs
zMT5S>5~*{s#0WD{gz(~+Gj4aWY^p=t`-7kSFnGvEDmX}KY>=q7;=k~<T2>w`tGbl_
z+R;)E<I`6gEdB`|cwdEBseEeFm)}2#Ru+#TY(C}D;ad%ykVgS0a!f-a{NbgaH}u4<
zAK`wGpz}K}j+ml$7JZE}PNR4E4jwkAXm)<`ZZ!Ns6%uho&@l*0!T=uge(?anupb^P
zvIjdVWR;D@^;s*XipswjY23JF4reX2ORXj~NR&fA|3VCIvIS_4^Fsj@+%;UNGK>@3
zggdo=+V9|_`2A)NGl^!-i_ADIBs65>gSF2Z`j&sl8k{v`)~Tu80EQklRBKdq;6|?k
zEd*v3E!^I^dtz)O`s$J8tb&iTsjQpQ55KN?PD0m`+&N<%mL#+XFX3c6{Hma%U$fuP
z^+>4Lk+q@=F{kQAN?9|RJCwS$1}=J;#i|7Q<kDIu0L<e-HzRq!hlURvf3Wq5!>6E4
zV8WO@qOqVqTjLpdC)8zUOU%Rs#S2+;Z^$l6^7~&ll2Ej>qKkMwq!Bi&4;2aUQ{dQ>
zj>9@GyCvq-#X)*9_wrO9M$YH%2oe(TYTD$jd8QaLTunl+Cm1$>=`SM1_Bn`nV0*Tb
z8_QsyqAu&CbXmEd&%sJm=ac*0k7W;NJc#FT6PxLuE)H9w@)uccxyi@~$W!Gh_U>&G
zv*)k8Lqgt$5S3oN^W8c7p;46ynD=4OLggC5oZe@Bh-s!g2@cCW_oJPSSKI}`%UQ@s
zfGwNW{EpMy3x*!J4qWjR&TGRjB0n_=Q1?A46@(Mg>tI}L@cxaz+9t9N<rm7?1N?AK
zcEk!*<_8k8nNLD-g<w}{VS=-&CT@`tHj$%QUz)uZd?&t^`Kodd785Jso?H99yN$DA
zx*Dh(C?$1{Lo{saE0r}5KSM%4xjKAXu#+(@utGyG<sm0Fr-&#&3zSho8o`^Q+jnp8
zpnBnaq$No(iG)J>7I%Da70rz$=K5R`BNuXRFcY{-sV(_U>{WW!NMtO&@A9od;7c^j
zoKhw+q1x|fRlzwK#kECqJ6G~*9D5o`C|q_!(3a*$tV*SZA?m|AvG|Wi4e`mor|G{6
z6i1wU&oh*pRr_+$^!rV|Wt2%zZS!B=G9BSr`3eS-iN>OLg1(d*ngsv!J?ysYyYJsG
zvmZ(!^u596&G{$@5Nds4E=A9Vh4Q1MYa;ufg!UUO>#+)w`{om4dNdB<V_SZrUEmh9
z`U-yYp5t8WztYP1=WnC9RYG*t8p2CkN<#RRXb=%RLVJe43&(nfvI&zdB$T`sMZnfk
zyhx}vsGtBYUH(u(x#L5_VzWr7`SDI~aMHho3pBZbx2wN~=iIw{3SK}sf`gh%b?&6(
z(%CEMF{}ktE!0sN?;b4+`sBcj%}gEWC^pyENvY}>#GYv-h9r4tp3{%9%IMFomq<SC
zkhTC;J{^|3r~j%+#^Wu{2fDXAM9u9<G?^Uz+vwMW0<o`3fQD;kp)Nhh6c;c5+dfOn
z?rqNt<=!LO_(qy{rnNb$<P(;f<#wtM_$$^7;tf?RTWL{h?IUXteV;$QVfr<v?FYU{
z-gV79LQs~<Z#CmrNhnaFO*C@!vzP%bi}vJt*|bOSkk!q7{fjcT*sQV*-B!`|fwhg*
z#K}Pt;TA6S8^xA83cVIdsXJ^Me%{g8uH1QvyDmFr5D_vyM-RKVuR}gL))8eO`i}N>
zXv{Eb{R%`2^_MQn&5X|t2v0zBE7{a;nQX(Q<u_UrSEy|%^8!YWoZK;Nssbp9iN;`D
zK(%yAkiA+O^vLJOE}ypiGF8g#ckdbX$#~+`L0a!BAWvSR?@aqr?xQ8D_y&t|A6jvb
z{xDmczK`yH63-aopZ|FWekkf-!DrS`Bpdg?KJ)5{0m5*PhR&+&Q?V}!vORkUN^bjr
zw_@J_eAxmU9<1qy2koxYHxcEqVyD9yI8Thnz9~@DF}L1Ui%lL;h0%l2B(w-_dkS}@
zQuv$T<I&D;=H9Cwcwb|QZD#V6NbgzYa<7*p#NI2M6gYV^39)Pnw*Zz?-39IxtQ^G?
z#^Q+h6VqE*w%Ej?d{j%Jty+cOTOkVx9p+39r0OemB*T;I;M}KqQJj$~i&VJ9fP`Fn
zMr#eRd7^`Mgz-IvaRtV2L<t2@9<gh>@i!<-jUu;^PgDsBee2m-YPrK1ICzJn;exxT
z{@f=2E6>KwtdZ3i*!b9FL2EUOLPCx1b;$6o{-<o^q;95O=dNTDn$?4h2G;MaMOv*H
zM4!)t6^09*G$Z?StHbOI*LAn}h#QON4*upocBA?y61oa8g#fEdz*)w3!O!eUf{rnM
z3?HCGX7Sm^hn>_z;Rg9^=4Gz1E!`zrugbIB#EYpXXUC;k;8zB+h@~u%g$2ioN{y^m
zf3ZZ5FwV>Bc!IZV%2>|YIwGo-)xT<P7A+Q@IZQ(5zfjRaO&HUYN7Mo6#Dv1ns8(HO
z$m9I0)J;r5zkd}?6W~HZLsie17FnN(xAaNC(f|@lxD|z7)_7q-`FgLdCaKyPy^;3;
zLobQ5^?$3p8y-1&4+x?sNw1<gvxN`)Z7fhNO&}q$3NNgP=Z9nvAJVj5LgLQV(_RvF
zF-^DGhoX);(9{8Q5Yg)9Si)GOAkvBCCm0JIeH3^@*kr<^42Jyz#MQ`%DP|@r5m@nI
z&B~_F%;TabBY?*PuMY;!|7uo@L}T^EE9D!HGf}}x47-TqX}<FJ@LF%@oM<D}VeA9&
zt(YHK^^_N1?cdzO>9c->HZ;^-mI^JIl}9>b+#}c|<R*$oV~J@bgqg3GMT<_c93tHb
z%j>FVwfyWmJt|6mUPCC-c7`)RLQS;gMASPH`ld$}Q*;PSoe0=#HPc>mk~yQG_Gwn{
zFvqHE$vgNQSfV=Up!5Eu)x^--%LHm!A)&0y?9*<fK$t83QV`N(DuxMj>+<Icm8e3z
zlQ%Y7IoCi>RSmYpoP-7&TiG38b1~Bc01Gs9A&g;6GYqJVcy7u_0tuP3B!U+cAL2Qo
zIUI4N%I&3Q1J9pWcjD3&haqB!*bDcwfIY(-l8FQM`FJAVQ4`2&A|WV;Ly7cO-LL6e
zQMmh^&b0`uX##PM`d~DBCa1G7Qiz!p=zr{TfP?8x7OJ1|XH+B9PS!?3CH1vMc7cG~
z2g4G~Z_yXp!0;%in0RSFyhfD?D=((OB=np$N<tf4SzDM#(WOd}R1Y&hrt;21yOisM
zGOwz~vhy3yFDkrv9H6Bpy|@D}Wg|C>Of@pWZosFA+KCQu^ht1%gznlrd&oDs&sxzV
z8O$<`g?n%BL%OQQ1ffNiK&qbxisE<Zx-DYO`MVxF*RP&GV!mx($EIy==Fp#8EVqN6
z%26DRz;2lWV$duYV-U&vMV&W#)S?c5Y$nk4^J4)%h~KCwBy>*{9)`sG?`VP7<#5z`
zdr9cku18P*K>6C+616{lA@GF&;_D9zHeql_>Dk>N?;Z6i;@HF*A)?-Qp}-?dJnXxL
zE!=oPOH1>_XoN60EvIFVWD9CLQizv$-U_fa-48Ioa3?Ail`9T>(Y&TSWA_RsT6iky
z*!RS|1cK$>-->9|Mg4`3Rl$l@N}dFp-Xr5AIL7blc>@xo&r>3i5>*`jy+vc>s2b@F
zF2LkZy=9r_`+DJ)3=(=4m$15vI!CeLMD!EEaNS#k@bDafTM~~UZ}c=Q)~7FqAN8$x
z*!*QdTRZTd%5p^B?(a#c0z~|xo)?*~{U45b00K9tHfN6p9KLP(!GV2inxGeWmTm`n
zB+I91No~=Z$P*pz4F|PHBbJ?hjtMoghNnoe(KW^y*g_CMixmuZwXkPY9yyG3CBG`?
zpsfpO07q9mNXWn+o4!WnRuckHKd{-k;G$&Y-4~cxHe!KIjit^8y)p=~Ra*h@5ai9;
z>71E@LE-yz0dl0?KAqTq6R9jFA%!<x?Ge$thlG450!K-I64b{Prx0E#6%v($1nF8X
zDi!>bJ_BOTcprc@2LQOvxb%CvSciNI5RqS3qsxikbSsEo2Og_>q#P{Xih{@Xk<jpV
zk!<mQ-l1meh5tX^=Y54}6lj5c3xpdtR}?{<uati5V+RfN;ujxh$!Ms~+c*Vx7m!;<
zGU_ZmQ_zw`rF_g`<cgVrcp|n|(*&ze@Lss9DV0R)Ni#qb_qgHFo6BsL;g1L-;uAc9
zzdTx&<sjRcbHD;kxYGp-uG5lR6MY><r^1Vtb@WGHUE{Hr!mB6|PDYBC3W6nQ09&_n
zfXj4Lz9xiV#OozUBuL3B;8&m$(X)!uGlhgY3V*h-W`F_99DBHloa|Z>dQ*#EW3rH(
zaE{6DA1bAF>|fdaQBi<*_qCEx+SR7&j*mDi<{noMPZqS?felC~xNoAkr}%)w^8$Xs
zjEvgQpC$+Hs^BDTqHr{_!rJ`A7|-{j@K^h_y$bRR@^f?Za!+?$+tWVi8?&OVS#tNm
zNZ*CFqGedLg5EnSHM$g3eqeqrb5X_vxJZz{=@=nPqmOW_D3>_7?xk#W5%&U@YK9p;
z=PLxoJ5zdzua(W137i9I6dO37K_;jJq_|HMh=N(QsY{lyw22y@h;kAVYvi21n^}G$
zDfdmP72OnF7lkHld)e5Qc^wA?)90B9wAqiqz0WWW@GC|7k=$+QdF6yU59L6qgW2aE
ztE|jVPy4AtT$t($vPg~#N3l9nc}!Zx(QIYa6GnJE(@0kmLriBnYVTIA;AOt!E5Cad
zeEBni42+b2m*m13tP*&BBWU4(`vmuv6<`Y#8-=vq8>?`8&p6jL90+6K518`+h#kNx
z?i25KN%TS&^LO57y1snb;8^GpoEg&~wo5Y5ldy?YfpVBz%Mhm%UhHvDeHq8gW630z
zE(*6~T`Cit!5nU*2SbGeXU|?aE;}~x;sH@l84PAo{|FI32D6s`9drLZw+C%~bG~p~
zP1c%kbA$feX8kJ;ADh4We?smcZfGUQ5W@h%L4miYJlQSozV*|vDI+}Km}#o<dqzom
z`o-0vb`mP(qVu`s4AhQWYP<um$&2tYH1^FHAfof45^Ep1Q+5SgeSC=HJ3?Sbkvb2!
zUes0Zc<s?NA8mzD=3dHZG?FtCng|OAz~%9jY)UCt9rddENvLl8%L*ZU+0X_^gE}C`
zRJA!_1Lx@4zn8*fAXdd(WUi~_gD6Zrh9(jQ$iNpAP}F`_5{O9~fqWCjfUXuLGxo2S
zPfYgb?&(fW*=xOAv)FZAJJ5tSwn&S$cwBbx#&5vBf+m6VDwoZlp-6c>dK?Kz`m(#D
zy4E11-)x{_F6(ZdD$Y3@b_KHaoF#gYi)U_E#+9+foHF|0Z$jLmmp7G!>O3fw5)wk@
zavvf;I-uX^Pz;Oa^G+2l!j{$v{5e`*y0o_`_Bl_d`Gzn8Q%2RXKR{GrvuvqGn4CN}
zd{pvA(nyyIUxT$>aDM&8Tv3E{T4$^U40n6c5kX#Dud$*-)vF+4?_=NAg+3KXDIaY=
zF7kVk(mQJVmFYyqvV+NJ#m{TD^(_wQ6;>e@&1g1Z<fvhwdn*u~VSDa5!W<1cq7k0I
zb<sh$;r5gg^*UJ2qF2(?eo636Ab1{gKRU$HbG%Ozt0X;Q<ScXlJv6Q7jk7PUfm-4;
zkiD<(-Fl$?`lo75D%@y46j6c9pw2~#*TaWh_o@z}cDlUR!gC~Ky5ZWFdDkMDmpo;S
zl(&Pj)6`x{uie;(&VgAMiDCRU@&g+Xpk+Vis;p}<F6VL&Q>WFXKT{Iy=!GeoLzQTM
ztC-pXf*IjT0B=!Wp_YdY!+Y(8NFZJ91joZFhi=N)ylz2nvF1B;uc`=Lcn=*a=2b?d
zcfXD?9jlD;9w?qgSgdcz0vh;#1L3h$J2~|~k6(Wq;6!fgZ~Y4lIum<-hZ?Bg%t!vL
zqsHv8X-WsoB3;F5pi+s~tDk(K@Ls*F=bJrfLeuoY5jRk5nT$ciqQCtz3H7D!r(CSM
zUm^aFGJ+I&2KSwn0yXZhI#!Jxy!+V)&)YPI*Dx$~>dHCU5?jSP(n(oEA$(@<IMB8A
z@V`?76W~yHydrq~Gpl*Ef2<>Hf)?}j<O6YHwu&7$lJ2YO>}yj~Zj7?!iB1wxYZfRu
zih9i$8ZAtRui#*F^~$WC7CzYgxX0@HFCh)x?Hdx|B-erGP8-uLx%aX+9#)-Web6=E
zw)T!1<OsS)@f7|J1uTn*BcUMp%yA8WXA1}p(+;FUwi<sgO`4y@KrbzcHs+@Rh2zxd
z1kEy54eKjBn}qzWjVi3P_NMBUIo<OJ`WcQ2vHP6Xuz?s`8D=XkG~4-{SO3l8kkC7O
z6HaC<sWg{#x4XA+d+67xdi?Q(XBHv3Bz0XEbPZ1-oFpli=JW|ZqPsLi6bXq|;9^AN
znuJuYvZq~qA1C9S2_Hab)A|m5aaClTRXx-=VV*B9M#j1G<_9p>gyU#k7r`Y?1W!hU
zt8p!~M&3t}A-%pb?$pSWTXXBf7Wuvr@tiDvnOWvS3)al^_E*|UE8++zCbizhS+<B;
zcc41F$CnZAzvR956j-gPM@N;JASwcx(Gs6#gI-p!+QMm8Ok4D9dN-_y>E1DfUpm?u
zQDKK;xD2VJjQ}sG^sGZ;P!n%DNR<yWEkGhNK~6$jBI-5a3K6lv*pw(%k<i#e`@!X^
zGCXa>v@wn_mZA*lBLC?Hw;LAaURp;{k6u#+Jr+6;jp`=2W!hNBpGVGH@Zf8|@l2t;
z*v)*a)}Pz9N)tB^H;Cm4sC1j4CDm%Q*H4^T!EMaks`QTOzjX}0kP~gl7~Xv-ly{`~
zVz7G~SlX`GWz18Xf-d9Nv7Ji5t63<*$co&dYE^h;)$rbnLmx9{S~TbpQI#_?i4C6k
zm1{FEsLkYDY>Kw(XF%ODO%`LT!a-${dHlPf4|n#to;l_z8LX?MH3Kzt%6r|zJJ++R
zCjbM7;7{RBRS|`RS{;ZvY}8L8mJ{qCfDU3En8yAiESm{8a)?vJH(>p(SCG<`NH&aX
zVL&3szFVM*XZs03)c?Pq$2G-8Kv?or`9O7x$LoN<2+#|#GzAG_kGXOI1k^_3+3QyD
z@-qqfA!FJoaCE(-Z6q{VN`NF|SWoFsn9fZX&r$^slF(l*S@3@>vT!{yy9B=p^oOZT
zh}n3!W9#EI%Sou3QpQ1DlGul18?!4(=&wt7>L3?jW(o4qzBMiF3Spukh;fd!pmtYe
zKdXZIknKp7W1Qnfpa%SR>(tBk^T(!KS2Z*^Hi!iN!t)W+C5jhCmecc|z0%M)c<%k#
z>bVl^sQZ<%a;0EYIl}G>(kw*XRYG*eqe#7Sr=IYP?)0$j7o+c%x54#7OJdBsL(&Hf
z(m7TKer}^_bs=BDermp(znpQ-S-$61l}xo+`ry-D7O^B%k?KpVtQ38rJOd;dKF)>_
zs<3Kiv{W+u6W_)S2dLSTx!-Q=t!XFn*?!MQ65_-^LWX*=3rf3FRC_wBMxYM@3w-g!
zNU9(PvzJAVSlb;a0zuoX(3#l1b|xF7^NIR(#GbbV9m`G>91khqRRn^5Od6|%`W2ps
z_#1oHZ7s;IX1Yl=QQ^jVrN>OwI-ckGHz`CUwWj?f6W{6$=vHS7p5?Mlv!5v4b>jNP
zom`i-(hyIt3DKK%fPB~AZs&np=B-?Ze_8HEV}=P|Jh*$|{l|Y+fc~fda|JcKS%-({
zS3pT5Z2w6@AN)iXSmdI38Y?qKz|VZY&RgAZDPwI%g|tViDP2lJ!kN|tNb#EaM_rgv
zM?~G|zO5&=P4w@rQF}gPf*d`jFY;_rt(aHLZoF1?M3Zcq{3!C?>@`IsBmrWC69#ID
z-klY_xCTaPDmuD316^Kx%d?A0sVV<-$I!>!A$D%knxlhj+L~V_1yw)Da=m?W1qeWX
Re?*~wk4FF9zX;j*zW`jkm&gDB

literal 0
HcmV?d00001

diff --git a/src/main/resources/static/img/packaging.jfif b/src/main/resources/static/img/packaging.jfif
new file mode 100644
index 0000000000000000000000000000000000000000..cfbac53575e16faf7432925bce653b3e78b1f133
GIT binary patch
literal 13079
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
G>VE*OX}q%l

literal 0
HcmV?d00001

diff --git a/src/main/resources/static/img/quality.png b/src/main/resources/static/img/quality.png
new file mode 100644
index 0000000000000000000000000000000000000000..7bc00ad954849db8c1e9d992ceca371ce8e402a9
GIT binary patch
literal 9609
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
S^<Rk<f}*UNOofzL=>GvPo>`0l

literal 0
HcmV?d00001

diff --git a/src/main/resources/static/img/stitchingImage.jpg b/src/main/resources/static/img/stitchingImage.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..46cd2bdf48d9d81e90516521419e427e7de96501
GIT binary patch
literal 16798
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
J?6aHk{{v%9eO~|o

literal 0
HcmV?d00001

diff --git a/src/main/resources/static/js/charts.js b/src/main/resources/static/js/charts.js
index f0dfc24..9ac99a7 100644
--- a/src/main/resources/static/js/charts.js
+++ b/src/main/resources/static/js/charts.js
@@ -136,6 +136,60 @@ document.addEventListener("DOMContentLoaded", function () {
             }]
         });
     }
+ function dashboardChart(divId, height, width, title, aHeading, aData, bHeading, bData, cHeading, cData, dHeading, dData, dates, fontSize, maxValue) {
+        if (!document.getElementById(divId)) {
+            return;
+        }
+        Highcharts.chart(divId, {
+            chart: {
+                type: 'bar',
+                width:700,
+                height:280
+
+            },
+             title: {
+                    text: title
+                },
+             xAxis: {
+                },
+                yAxis: {
+                    max: maxValue,
+                    min: 0,
+                    title: {
+                        align: 'high'
+                    },
+                    labels: {
+                        overflow: 'justify'
+                    },
+                    gridLineWidth: 0
+                },
+                plotOptions: {
+                    bar: {
+                        borderRadius: '50%',
+                        dataLabels: {
+                            enabled: true
+                        },
+                        groupPadding: 0.1
+                    }
+                },
+                credits: {
+                    enabled: false
+                },
+                series: [{
+                    name: aHeading,
+                    data: aData
+                }, {
+                    name: bHeading,
+                    data: bData
+                }, {
+                    name: cHeading,
+                    data: cData
+                }, {
+                    name: dHeading,
+                    data: dData
+                }]
+            });
+    }
 
    function createSingleBarChart(divId, height, width, title,Heading, Data, dates, fontSize, maxValue) {
            if (!document.getElementById(divId)) {
@@ -260,6 +314,52 @@ document.addEventListener("DOMContentLoaded", function () {
            createBarChart( divId, height, width, title, aHeading, aData, bHeading, bData, cHeading, cData, dHeading, dData, datesArray, fontSize, maxValue);
        });
 
+        const dashboardBarChart = document.querySelectorAll('.dashboardBarChart'); // fixed name
+        dashboardBarChart.forEach(function (div) {
+            const title = div.getAttribute('data-title');
+            const height = div.getAttribute('data-height');
+            const width = div.getAttribute('data-width');
+            const fontSize = div.getAttribute('data-fontSize');
+            const rawValue = div.getAttribute('data-totalProduction') || "0";
+            const cleanValue = rawValue.replace(/[^0-9.-]+/g, '');
+            const maxValue = Number(cleanValue);
+            const aHeading = 'Achieved';
+            const aDataString = div.getAttribute('data-achieved');
+            const cleanValueAchieved = aDataString.replace(/[^0-9.-]+/g, '');
+            const aData = [Number(cleanValueAchieved)];
+            const bHeading = 'Stitching';
+            const bDataString = div.getAttribute('data-stitching');
+            const cleanValueStitch = bDataString.replace(/[^0-9.-]+/g, '');
+            const bData = [Number(cleanValueStitch)];
+            const cHeading = 'End Line Quality Checking';
+            const cDataString =div.getAttribute('data-quality');
+            const cleanValueQuality = cDataString.replace(/[^0-9.-]+/g, '');
+            const cData = [Number(cleanValueQuality)];
+            const dHeading = 'Packaging';
+            const dDataString = div.getAttribute('data-packaging');
+            const cleanValuePackaging = dDataString.replace(/[^0-9.-]+/g, '');
+            const dData = [Number(cleanValuePackaging)];
+            const dates = [div.getAttribute('data-dates')];
+            const divId = div.id;
+            dashboardChart(
+                divId,
+                height,
+                width,
+                title,
+                aHeading,
+                aData,
+                bHeading,
+                bData,
+                cHeading,
+                cData,
+                dHeading,
+                dData,
+                dates,
+                fontSize,
+                maxValue
+            );
+        });
+
        const cuttingBarChart = document.querySelectorAll('.singleBarChart');
            cuttingBarChart.forEach(function (div) {
            const title = div.getAttribute('data-title');
diff --git a/src/main/resources/templates/dashboard.html b/src/main/resources/templates/dashboard.html
new file mode 100644
index 0000000..df92425
--- /dev/null
+++ b/src/main/resources/templates/dashboard.html
@@ -0,0 +1,261 @@
+<!DOCTYPE html>
+<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.w3.org/1999/xhtml"
+      xmlns:ctp="http://www.w3.org/1999/xhtml">
+
+<head th:replace="_fragments :: head('Production Dashboard')">
+    <style>
+        /* Large screen specific styles */
+        @media (min-width: 1600px) {
+            body {
+                font-size: 1.1rem;
+            }
+
+            .header h1 {
+                font-size: 2.5rem;
+            }
+
+            .stats-panel h5 {
+                font-size: 1.5rem;
+            }
+
+            .card-title {
+                font-size: 1.3rem;
+            }
+
+            .card-text {
+                font-size: 2.5rem;
+            }
+
+            .dashboardBarChart {
+                min-height: 400px !important;
+            }
+
+            .card-img-top {
+                width: 200px !important;
+                height: auto;
+            }
+
+            .main-content {
+                padding: 2rem 3rem;
+            }
+        }
+
+        /* Extra large screens (4K and above) */
+        @media (min-width: 2500px) {
+            body {
+                font-size: 1.3rem;
+            }
+
+            .header h1 {
+                font-size: 3rem;
+            }
+
+            .stats-panel h5 {
+                font-size: 1.8rem;
+            }
+
+            .card-title {
+                font-size: 1.6rem;
+            }
+
+            .card-text {
+                font-size: 3rem;
+            }
+
+            .dashboardBarChart {
+                min-height: 500px !important;
+            }
+
+            .card-img-top {
+                width: 250px !important;
+            }
+
+            .main-content {
+                padding: 3rem 4rem;
+            }
+        }
+    </style>
+</head>
+<body class="m-0 p-0">
+<div class="container-fluid px-0">
+    <header class="header shadow py-2 bg-black text-white" style="background-color: black !important;">
+        <div class="container-fluid d-flex flex-wrap align-items-center justify-content-between">
+            <img width="200" class="logo img-fluid" th:src="@{/img/utopia-industries-white.png}" alt="Utopia Industries">
+            <div class="d-flex flex-wrap justify-content-end">
+                <h1 class="px-2 fw-bold text-uppercase m-0" th:text="${{day}}"></h1>
+                <h1 class="px-2 fw-bold text-uppercase m-0" th:text="${{date}}"></h1>
+            </div>
+        </div>
+    </header>
+
+    <main class="container-fluid main-content">
+    <div class="row page-main g-4 p-3">
+            <!-- Stats Panel -->
+            <div class="col-lg-6 d-flex flex-column align-items-center justify-content-start border border-black-50 stats-panel">
+                <div class="w-100 text-center mb-4">
+                    <h1 class="fw-bold text-uppercase m-0" th:text="${{line}}"></h1>
+                </div>
+
+                <div class="row g-4 w-100">
+                    <!-- Row 1 -->
+                    <div class="col-md-6 d-flex align-items-center justify-content-between px-4 py-3 border-right">
+                        <h5 class="fw-bold m-0">Total Target</h5>
+                        <h5 class="fw-bold m-0" th:text="${detail.get('Total Target')}"></h5>
+                    </div>
+                    <div class="col-md-6 d-flex align-items-center justify-content-between px-4 py-3">
+                        <h5 class="fw-bold m-0">Total Achieved</h5>
+                        <h5 class="fw-bold m-0" th:text="${detail.get('Total Achieved')}"></h5>
+                    </div>
+
+                    <!-- Row 2 -->
+                    <div class="col-md-6 d-flex align-items-center justify-content-between px-4 py-3 border-right">
+                        <h5 class="fw-bold m-0">Hourly Target</h5>
+                        <h5 class="fw-bold m-0" th:text="${detail.get('Hourly Target')}"></h5>
+                    </div>
+                    <div class="col-md-6 d-flex align-items-center justify-content-between px-4 py-3">
+                        <h5 class="fw-bold m-0">Hourly Achieved</h5>
+                        <h5 class="fw-bold m-0" th:text="${detail.get('Hourly Achieved')}"></h5>
+                    </div>
+
+                    <!-- Row 3 -->
+                    <div class="col-md-6 d-flex align-items-center justify-content-between px-4 py-3 border-right">
+                        <h5 class="fw-bold m-0">Efficiency</h5>
+                        <h5 class="fw-bold m-0" th:text="${detail.get('Efficiency')}"></h5>
+                    </div>
+                    <div class="col-md-6 d-flex align-items-center justify-content-between px-4 py-3">
+                        <h5 class="fw-bold m-0">Total Induction</h5>
+                        <h5 class="fw-bold m-0" th:text="${detail.get('Total Induction')}"></h5>
+                    </div>
+
+                    <!-- Row 4 -->
+                    <div class="col-md-6 d-flex align-items-center justify-content-between px-4 py-3 border-right">
+                        <h5 class="fw-bold m-0">Total Workers</h5>
+                        <h5 class="fw-bold m-0" th:text="${detail.get('Total Worker')}"></h5>
+                    </div>
+                    <div class="col-md-6 d-flex align-items-center justify-content-between px-4 py-3">
+                        <h5 class="fw-bold m-0">Total Machines</h5>
+                        <h5 class="fw-bold m-0" th:text="${detail.get('Total Machine')}"></h5>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Card 1: Stitching -->
+            <div class="col-lg-3 d-flex">
+                <div class="card w-100 h-100">
+                    <div class="container-fluid d-flex p-3 align-items-center">
+                        <img style="width:200px" th:src="@{/img/stitchingImage.jpg}" class="card-img-top" alt="Stitching">
+                        <div class="ps-4 text-center">
+                            <h1 class="fw-bold text-uppercase m-0" th:text="${phases.get('Stitching')?.intValue() ?: 0}"></h1>
+                            <h4 class="pt-2 fw-bold text-uppercase m-0">Stitching Offline</h4>
+                        </div>
+                    </div>
+                    <div class="card-body text-center d-flex justify-content-center p-4">
+                        <div class="px-4 border-right" style="height: 150px">
+                            <h2 class="card-text" th:text="${phases.get('StitchingDefectPiece')?.intValue() ?: 0}"></h2>
+                            <h4 class="card-title">Defected QTY</h4>
+                        </div>
+                        <div class="px-4" style="height: 150px">
+                            <h2 class="card-text" th:text="${#numbers.formatDecimal(phases.get('StitchingDefectPieceRatio') ?: 0, 1, 2)}  +' %'"></h2>
+                            <h4 class="card-title">Defected Ratio</h4>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Card 2: Quality -->
+            <div class="col-lg-3 d-flex">
+                <div class="card w-100 h-100">
+                    <div class="container-fluid d-flex  align-items-center">
+                        <img style="width:200px;height:170px" th:src="@{/img/quality.png}" class="card-img-top" alt="Quality">
+                        <div class="ps-4 text-center">
+                            <h1 class="fw-bold text-uppercase m-0" th:text="${phases.get('Stitching')?.intValue() ?: 0}"></h1>
+                            <h4 class="pt-2 fw-bold text-uppercase m-0">End Line QC</h4>
+                        </div>
+                    </div>
+                    <div class="card-body text-center d-flex justify-content-center ">
+                        <div class="px-4 border-right" style="height: 150px">
+                            <h2 class="card-text" th:text="${phases.get('StitchingDefectPiece')?.intValue() ?: 0}"></h2>
+                            <h4 class="card-title">Defected QTY</h4>
+                        </div>
+                        <div class="px-4" style="height: 150px">
+                            <h2 class="card-text" th:text="${#numbers.formatDecimal(phases.get('StitchingDefectPieceRatio') ?: 0, 1, 2)}  +' %'"></h2>
+                            <h4 class="card-title">Defected Ratio</h4>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- Second Row -->
+        <div class="row g-4 p-3">
+            <!-- Chart -->
+            <div class="col-lg-6 d-flex border border-black-50">
+                <div id="dashboardBarChart" class="dashboardBarChart w-100"
+                     style="min-height: 400px;"
+                     th:data-title="'Days Wise Progress'"
+                     th:data-dates="${date}"
+                     th:data-achieved="${detail.get('Total Achieved')}"
+                     th:data-stitching="${phases.get('Stitching')?.intValue() ?: 0}"
+                     th:data-quality="${phases.get('Stitching')?.intValue() ?: 0}"
+                     th:data-packaging="${phases.get('A Grade')?.intValue() ?: 0}"
+                     th:data-totalProduction="${detail.get('Total Target')}"
+                     th:data-fontSize="22">
+                </div>
+            </div>
+
+            <!-- Card 3: Finishing -->
+            <div class="col-lg-3 d-flex">
+                <div class="card w-100 h-100">
+                    <div class="container-fluid d-flex p-3 align-items-center">
+                        <img style="width:200px" th:src="@{/img/finishing.jfif}" class="card-img-top" alt="Finishing">
+                        <div class="ps-4 text-center">
+                            <h1 class="fw-bold text-uppercase m-0" th:text="${phases.get('finishing')?.intValue() ?: 0}"></h1>
+                            <h4 class="pt-2 fw-bold text-uppercase m-0">Finishing</h4>
+                        </div>
+                    </div>
+                    <div class="card-body text-center d-flex justify-content-center p-4">
+                        <div class="px-4 border-right" style="height: 150px">
+                            <h2 class="card-text" th:text="${phases.get('finishingDefectPiece')?.intValue() ?: 0}"></h2>
+                            <h4 class="card-title">Defected QTY</h4>
+                        </div>
+                        <div class="px-4" style="height: 150px">
+                            <h2 class="card-text" th:text="${#numbers.formatDecimal(phases.get('finishingDefectPieceRatio') ?: 0, 1, 2)} +' %'"></h2>
+                            <h4 class="card-title">Defected Ratio</h4>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Card 4: Packaging -->
+            <div class="col-lg-3 d-flex">
+                <div class="card w-100 h-100">
+                    <div class="container-fluid d-flex p-3 align-items-center">
+                        <img style="width:200px" th:src="@{/img/packaging.jfif}" class="card-img-top" alt="Packaging">
+                        <div class="ps-4 text-center">
+                            <h1 class="fw-bold text-uppercase m-0" th:text="${phases.get('A Grade')?.intValue() ?: 0}"></h1>
+                            <h4 class="pt-2 fw-bold text-uppercase m-0">Packaging</h4>
+                        </div>
+                    </div>
+                    <div class="card-body text-center d-flex justify-content-center p-4">
+                        <div class="px-4 border-right" style="height: 150px">
+                            <h2 class="card-text" th:text="${phases.get('A Grade')?.intValue() ?: 0}"></h2>
+                            <h4 class="card-title">A GRADE</h4>
+                        </div>
+                        <div class="px-4 border-right" style="height: 150px">
+                            <h2 class="card-text" th:text="${phases.get('B Grade')?.intValue() ?: 0}"></h2>
+                            <h4 class="card-title">B GRADE</h4>
+                        </div>
+                        <div class="px-4" style="height: 150px">
+                            <h2 class="card-text" th:text="${phases.get('C Grade')?.intValue() ?: 0}"></h2>
+                            <h4 class="card-title">C GRADE</h4>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+</div>
+
+<script th:src="@{/js/charts.js}"></script>
+</body>
+</html>
\ No newline at end of file