updates

ipi-survey-platform/src/components/common/FormControls.jsx

@@ -434,21 +434,29 @@ export const SelectField = ({
             className={`w-full text-sm focus:outline-none ${className}`}
             style={{
   ...inputStyle,
+  height: 'auto',         // override fixed height
+  minHeight: '40px',
   cursor: readOnly ? 'not-allowed' : 'pointer',
   display: 'flex',
   alignItems: 'center',
   justifyContent: 'space-between',
-              minHeight: '40px',
+  padding: '8px 16px',
-              padding: '0 16px'
+}}
-            }}
             onClick={toggleDropdown}
             onFocus={handleFocus}
             onBlur={handleBlur}
             tabIndex={readOnly ? -1 : 0}
           >
-            <span style={{ color: hasValue ? '#232528' : '#9CA3AF' }}>
+          <span
+  style={{
+    color: hasValue ? '#232528' : '#9CA3AF',
+    flex: 1,
+    whiteSpace: 'normal',
+    lineHeight: '20px'
+  }}
+>
   {getDisplayValue()}
-            </span>
+</span>
             {showClear ? (
               <button
                 type="button"

ipi-survey-platform/src/pages/Admin/ValidationReview.jsx

@@ -1284,9 +1284,12 @@ setAdditionalForecastMonths([
 >
                     <thead>
                       <tr>
-                        <th rowSpan="2" className="bg-[#F2ECCF] text-[#92722A] px-4 py-1 text-xs font-semibold uppercase align-middle border-r border-[#E5E7EB]">
+                     <th
+  rowSpan="2"
+  className="w-[140px] bg-[#F2ECCF] text-[#92722A] px-4 py-1 text-xs font-semibold uppercase align-middle border-r border-[#E5E7EB]"
+>
   Metric
-                        </th>
+</th>
                         
                         {showPreviousNext ? (
                           <>
@@ -1453,9 +1456,14 @@ setAdditionalForecastMonths([
 
                     <tbody>
                       <tr className="border-t border-[#E5E7EB]">
-                        <td className="bg-[#FFFCF2] px-4 py-3 font-medium text-[#232528] border border-[#E5E7EB]">
+                        <td className="w-[180px] bg-[#FFFCF2] px-4 py-3 font-medium text-[#232528] border border-[#E5E7EB] align-top">
-                          Quantity ({product?.unit?.uom || 'units'})
+  <div className="flex flex-col leading-5">
-                        </td>
+    <span>Quantity</span>
+    <span className="text-sm">
+      ({product?.unit?.uom || 'units'})
+    </span>
+  </div>
+</td>
                         
                         {showPreviousNext ? (
                           <>

ipi-survey-platform/src/pages/Admin/Validations.jsx

@@ -92,7 +92,7 @@ const ManageSubmissions = () => {
   const [isRejecting, setIsRejecting] = React.useState(false);
   const [rejectReason, setRejectReason] = React.useState('');
   const [showRejectError, setShowRejectError] = React.useState(false);
-  const pageSize = 10;
+ const [pageSize, setPageSize] = React.useState(10);
   const [isInitialLoad, setIsInitialLoad] = React.useState(true);
   const [filters, setFilters] = React.useState({
     search: '',
@@ -398,7 +398,7 @@ React.useEffect(() => {
     const term = search.trim().toLowerCase();
     
     const filteredItems = submissions.filter((item) => {
-      if (!item) return false;
+        if (!item || item.status === 'Draft') return false;
 
   const allValues = Object.values(item)
     .map((v) => String(v ?? '').toLowerCase())
@@ -423,16 +423,21 @@ React.useEffect(() => {
     return filteredItems;
   }, [submissions, search, year, quarter, emirate, status]);
   
-  const summaryCounts = React.useMemo(
+const nonDraftSubmissions = React.useMemo(
-    () => ({
+  () => submissions.filter((i) => i.status !== 'Draft'),
-      total: submissions.length,
-      approved: submissions.filter((i) => i.status === 'Approved').length,
-      submitted: submissions.filter((i) => i.status === 'Submitted').length,
-      rejected: submissions.filter((i) => i.status === 'Rejected').length,
-      resubmitted: submissions.filter((i) => i.status === 'Resubmitted').length,
-    }),
   [submissions]
-  );
+);
+
+const summaryCounts = React.useMemo(
+  () => ({
+    total: nonDraftSubmissions.length,
+    approved: nonDraftSubmissions.filter((i) => i.status === 'Approved').length,
+    submitted: nonDraftSubmissions.filter((i) => i.status === 'Submitted').length,
+    rejected: nonDraftSubmissions.filter((i) => i.status === 'Rejected').length,
+    resubmitted: nonDraftSubmissions.filter((i) => i.status === 'Resubmitted').length,
+  }),
+  [nonDraftSubmissions]
+);
 
   const headers = [
     'Establishment',
@@ -694,7 +699,12 @@ React.useEffect(() => {
   onPageChange: setCurrentPage,
   pageSize,
   totalItems: filtered.length,
-      }}
+  pageSizeOptions: [10, 20, 50, 100],
+  onPageSizeChange: (size) => {
+    setPageSize(size);
+    setCurrentPage(1);
+  }
+}}
       renderCell={(value, _, columnIndex) => {
         if (columnIndex === 7)
           return (

ipi-survey-platform/src/pages/Admin/configuration/CompanyProfile.jsx

@@ -1775,7 +1775,7 @@ const displayedRows = sortedProfiles.map((item) => {
     item.establishmentName || "-",
 
     // Contact Name (userProfileName → contactPersonName → createdBy → "-")
-    item.userProfileName || item.contactPersonName ||  "-",
+    // item.userProfileName || item.contactPersonName ||  "-",
 
     // Emirate
     item.emirate || "-",
@@ -2617,7 +2617,7 @@ const handleView = async (id) => {
   const requiredFields = [
     { field: 'userProfileName', label: 'Name' },
     { field: 'userProfileEmail', label: 'Email' },
-    { field: 'contactName', label: 'Contact Name' },
+    // { field: 'contactName', label: 'Contact Name' },
     { field: 'contactAddress', label: 'Contact Address' },
     { field: 'contactEmirate', label: 'Emirate' },
     { field: 'contactMobileNumber', label: 'Mobile Number' },
@@ -3411,7 +3411,7 @@ const handleImport = async () => {
         <Table
          headers={[
                 { name: 'Establishment Name', key: 'establishmentName', sortable: true, className: 'whitespace-nowrap' },
-                { name: 'Contact Name', key: 'contactName', sortable: true, className: 'whitespace-nowrap' },
+                // { name: 'Contact Name', key: 'contactName', sortable: true, className: 'whitespace-nowrap' },
                 { name: 'Emirate', key: 'emirate', sortable: true, className: 'whitespace-nowrap' },
                 { name: 'ISIC Code', key: 'isicCode', sortable: false, className: 'whitespace-nowrap' },
                 { name: 'Establishment ID', key: 'establishmentId', sortable: true, className: 'whitespace-nowrap' },
@@ -3467,7 +3467,7 @@ const handleImport = async () => {
           }}
           columnWidths={[
             300,  // Establishment Name (increased from 250)
-            180,  // Contact Name (increased from 150)
+            // 180,  // Contact Name (increased from 150)
             150,  // Emirate (increased from 120)
             150,  // ISIC Code (increased from 120)
             200,  // Establishment ID (increased from 150)

ipi-survey-platform/src/pages/Admin/configuration/IsicHsCodes.jsx

@@ -622,7 +622,7 @@ const IsicHsCodes = () => {
 
   // Filter data based on search term
   React.useEffect(() => {
-    if (!searchTerm.trim()) {
+    if (!searchTerm?.trim()) {
       setFilteredData(rowsData);
     } else {
       const lowercasedSearch = searchTerm.toLowerCase();
@@ -1623,8 +1623,8 @@ const handleExportCSV = () => {
                         <option value="">Select Unit</option>
                         {unitOptions.map((option) => (
                          <option key={option.value} value={option.value}>
-                            {option.label.split('-')[1].trim()}
+  {option?.label}
-                          </option>
+</option>
                         ))}
                       </select>
                     )}

ipi-survey-platform/src/pages/ManufacturingIndex/ManufacturingIndex.jsx

@@ -19,7 +19,8 @@ import { Breadcrumbs } from '@mui/material';
 import { Link } from 'react-router-dom';
 import Card from '@/components/common/Card';
 import triggerIcon from '@/assets/trigger.png';
-import { getManufacturingIndex, getManufacturingMonthlyOverview, autoSubmitSurvey } from '@/services/manufacturingIndex/ManufacturingIndex';
+import { getManufacturingIndex, getManufacturingMonthlyOverview, autoSubmitSurvey, getManufacturingIndexFiltered } from '@/services/manufacturingIndex/ManufacturingIndex';
+import apiClient from '@/services/api/apiClient';
 
 // Import popup components
 import ManufacturingTotal from './ManufacturingIndexPopup/ManufacturingTotal';
@@ -27,6 +28,7 @@ import ISIC2Digit from './ManufacturingIndexPopup/ISIC2Digit';
 import ISIC3Digit from './ManufacturingIndexPopup/ISIC3Digit';
 import ISIC4Digit from './ManufacturingIndexPopup/ISIC4Digit';
 
+
 // Custom components
 const SelectField = (props) => (
   <BaseSelectField
@@ -58,20 +60,27 @@ const ManufacturingIndex = () => {
   const [monthlyOverviewData, setMonthlyOverviewData] = useState(null);
   const [isPopupOpen, setIsPopupOpen] = useState(false);
   const [apiLoading, setApiLoading] = useState(false);
-  const [quarter, setQuarter] = useState('Q2');
+  const [quarter, setQuarter] = useState('All');
   const [surveySubmitLoading, setSurveySubmitLoading] = useState(false);
   const [surveySubmitStatus, setSurveySubmitStatus] = useState('');
   const [surveySubmitError, setSurveySubmitError] = useState(null);
+  const [baseYearLoading, setBaseYearLoading] = useState(false);
+const [baseYearStatus, setBaseYearStatus] = useState('');
+const [baseYearError, setBaseYearError] = useState('');
   const [nextScheduledRun, setNextScheduledRun] = useState(''); // Default value
   const [refreshKey, setRefreshKey] = useState(0);
 
   const [pagination, setPagination] = useState({
     currentPage: 1,
-    pageSize: 20,
+    pageSize: 10,
     totalItems: 0
   });
 
 
+  useEffect(() => {
+  applyFilters(year, searchMonth, allMonths, quarter);
+}, [year, quarter, searchMonth, allMonths]);
+
   // Fetch data from API
   useEffect(() => {
     const fetchData = async () => {
@@ -128,9 +137,7 @@ const ManufacturingIndex = () => {
         }
         
         // Debug: Log the actual data structure
-        console.log('API Response:', response);
+      
-        console.log('Data Array:', dataArray);
-        console.log('Sample item:', dataArray[0]);
         
         // Format the data
         const formattedData = dataArray.map((item, index) => {
@@ -155,6 +162,14 @@ const ManufacturingIndex = () => {
           const monthName = dateObj.toLocaleString('en-US', { month: 'short' });
           year = item.year || dateObj.getFullYear() || 2025;
           monthNumber = item.month || (dateObj.getMonth() + 1) || 1;
+          // Normalize quarter value to form 'Q1'..'Q4'
+          let quarterVal = item.quarter || item.quarter_name || item.quarterName || '-';
+          if (quarterVal !== '-' && quarterVal !== null && quarterVal !== undefined) {
+            quarterVal = String(quarterVal).trim();
+            // If it's numeric like '2' or 2 -> convert to 'Q2'
+            if (/^\d+$/.test(quarterVal)) quarterVal = `Q${quarterVal}`;
+            quarterVal = quarterVal.toUpperCase();
+          }
 
           return {
             id: item.id || `${year}-${monthNumber}` || `item-${index}`,
@@ -183,7 +198,7 @@ const ManufacturingIndex = () => {
                         timeZone: 'Asia/Dubai',
                         timeZoneName: 'short'
                       }) : '-',
-            quarter: item.quarter || item.quarter_name || '-',
+            quarter: quarterVal || '-',
             totalWeight: item.total_weight || '-',
             status: item.status || 'Completed',
             rawData: item
@@ -191,7 +206,7 @@ const ManufacturingIndex = () => {
         });
 
         setAllMonths(formattedData);
-        applyFilters(year, searchMonth, formattedData);
+        applyFilters(year, searchMonth, formattedData, quarter);
         setPagination(prev => ({
           ...prev,
           totalItems: formattedData.length
@@ -293,12 +308,14 @@ const ManufacturingIndex = () => {
     setMonthlyOverviewData(null);
   };
 
-  // Apply both year and search filters
+  // Apply year, quarter and search filters
-  const applyFilters = (selectedYear, searchTerm, monthsData = allMonths) => {
+  const applyFilters = (selectedYear, searchTerm, monthsData = allMonths, selectedQuarter = quarter) => {
+
     const filtered = monthsData.filter(month => {
       const matchesYear = selectedYear === 'All' || month.year.toString() === selectedYear;
       const matchesSearch = searchTerm === '' || month.month.toLowerCase().includes(searchTerm.toLowerCase());
-      return matchesYear && matchesSearch;
+      const matchesQuarter = !selectedQuarter || selectedQuarter === 'All' || selectedQuarter === '-' ? true : (month.quarter || '').toUpperCase() === String(selectedQuarter).toUpperCase();
+      return matchesYear && matchesSearch && matchesQuarter;
     });
 
     setFilteredMonths(filtered);
@@ -310,21 +327,46 @@ const ManufacturingIndex = () => {
   };
 
   const handleYearChange = (e) => {
-    const selectedYear = e.target.value;
+  setYear(e.target.value);
-    setYear(selectedYear);
+};
-    applyFilters(selectedYear, searchMonth);
-  };
 
-  const handleSearchMonth = (e) => {
+const handleQuarterChange = (e) => {
-    const searchTerm = e.target.value;
+  setQuarter(e.target.value);
-    setSearchMonth(searchTerm);
+};
-    applyFilters(year, searchTerm);
+
-  };
+const handleSearchMonth = (e) => {
+  setSearchMonth(e.target.value);
+};
+
+const handleBaseYear = async () => {
+  setSurveySubmitLoading(true);
+  setSurveySubmitStatus('');
+  setSurveySubmitError('');
+
+  try {
+    const response = await apiClient.post('/calculate_base_year', {
+      baseYear: 2022,
+      forceRecalculate: true,
+    });
+
+    setSurveySubmitStatus(
+      response?.data?.message ||
+      'Base year calculation completed successfully.'
+    );
+
+  } catch (error) {
+    setSurveySubmitError(
+      error?.response?.data?.message ||
+      error.message ||
+      'Base year calculation failed.'
+    );
+
+    console.error('Error:', error);
+  } finally {
+    setSurveySubmitLoading(false);
+  }
+};
 
-  const handleQuarterChange = (e) => {
-    const selectedQuarter = e.target.value;
-    setQuarter(selectedQuarter);
-  };
 
   const handleTriggerData = async () => {
     setError(null);
@@ -339,12 +381,117 @@ const ManufacturingIndex = () => {
     setSurveySubmitLoading(true);
 
     try {
+      // Trigger backend calculate/auto-submit
       const response = await autoSubmitSurvey(parseInt(year, 10), quarter);
 
       setSurveySubmitStatus(
         response?.data?.message || 'Survey auto-submit request sent successfully.'
       );
-      setRefreshKey(prev => prev + 1);
+
+      // After auto-submit, fetch the filtered manufacturing index for selected year and quarter/all
+      try {
+        const filteredResp = await getManufacturingIndexFiltered(
+          parseInt(year, 10),
+          quarter === 'All' ? undefined : quarter
+        );
+
+        // Extract array similar to initial fetch
+        let dataArray = [];
+        if (Array.isArray(filteredResp)) {
+          dataArray = filteredResp;
+        } else if (filteredResp && filteredResp.data && Array.isArray(filteredResp.data)) {
+          dataArray = filteredResp.data;
+        } else if (filteredResp && filteredResp.data && typeof filteredResp.data === 'object') {
+          if (Array.isArray(filteredResp.data.manufacturingIndex) || Array.isArray(filteredResp.data.data)) {
+            dataArray = filteredResp.data.manufacturingIndex || filteredResp.data.data || [];
+          } else {
+            dataArray = Object.values(filteredResp.data);
+          }
+        } else {
+          const findArray = (obj) => {
+            if (Array.isArray(obj)) return obj;
+            if (typeof obj === 'object' && obj !== null) {
+              for (const key in obj) {
+                if (Array.isArray(obj[key])) return obj[key];
+              }
+            }
+            return [];
+          };
+          dataArray = findArray(filteredResp);
+        }
+
+        const formattedData = dataArray.map((item, index) => {
+          let dateObj = new Date();
+          let yearVal = 2025;
+          let monthNumber = 1;
+
+          if (item.reference_date) {
+            dateObj = new Date(item.reference_date);
+          } else if (item.date) {
+            dateObj = new Date(item.date);
+          } else if (item.referenceDate) {
+            dateObj = new Date(item.referenceDate);
+          } else if (item.year && item.month) {
+            yearVal = item.year;
+            monthNumber = item.month;
+            dateObj = new Date(yearVal, monthNumber - 1, 1);
+          }
+
+          const monthName = dateObj.toLocaleString('en-US', { month: 'short' });
+          yearVal = item.year || dateObj.getFullYear() || 2025;
+          monthNumber = item.month || (dateObj.getMonth() + 1) || 1;
+          // Normalize quarter value to form 'Q1'..'Q4'
+          let quarterVal = item.quarter || item.quarter_name || item.quarterName || '-';
+          if (quarterVal !== '-' && quarterVal !== null && quarterVal !== undefined) {
+            quarterVal = String(quarterVal).trim();
+            if (/^\d+$/.test(quarterVal)) quarterVal = `Q${quarterVal}`;
+            quarterVal = quarterVal.toUpperCase();
+          }
+
+          return {
+            id: item.id || `${yearVal}-${monthNumber}` || `item-${index}`,
+            month: `${monthName} ${yearVal}`,
+            monthName: monthName,
+            year: yearVal,
+            monthNumber: monthNumber,
+            index: item.manufacturing_index?.toString() || item.index?.toString() || item.manufacturingIndex?.toString() || '-',
+            mom: item.mom_change || item.mom || item.momChange ? 
+                 (parseFloat(item.mom_change || item.mom || item.momChange) > 0 ? 
+                  `+${item.mom_change || item.mom || item.momChange}` : 
+                  (item.mom_change || item.mom || item.momChange).toString()) :
+                 '-',
+            yoy: item.yoy_change || item.yoy || item.yoyChange ? 
+                 (parseFloat(item.yoy_change || item.yoy || item.yoyChange) > 0 ? 
+                  `+${item.yoy_change || item.yoy || item.yoyChange}` : 
+                  (item.yoy_change || item.yoy || item.yoyChange).toString()) :
+                 '-',
+            generated: item.generated_on || item.generatedOn || item.generated_at ? 
+                      new Date(item.generated_on || item.generatedOn || item.generated_at).toLocaleString('en-US', {
+                        year: 'numeric',
+                        month: 'short',
+                        day: 'numeric',
+                        hour: '2-digit',
+                        minute: '2-digit',
+                        timeZone: 'Asia/Dubai',
+                        timeZoneName: 'short'
+                      }) : '-',
+            quarter: quarterVal || '-',
+            totalWeight: item.total_weight || '-',
+            status: item.status || 'Completed',
+            rawData: item
+          };
+        });
+
+        setAllMonths(formattedData);
+        applyFilters(year, searchMonth, formattedData, quarter);
+        setPagination(prev => ({
+          ...prev,
+          totalItems: formattedData.length,
+          currentPage: 1
+        }));
+      } catch (fetchErr) {
+        console.error('Error fetching filtered manufacturing index after trigger:', fetchErr);
+      }
     } catch (error) {
       setSurveySubmitError(
         error?.response?.data?.message || error.message || 'Survey auto-submit failed.'
@@ -595,9 +742,10 @@ const ManufacturingIndex = () => {
                             Coverage: Manufacturing (ISIC C)
                           </div>
                         </div>
+
                       </div>
-                      <div className="flex items-center gap-3 w-full sm:w-auto">
+                     <div className="flex items-center gap-3">
-                        <div className="flex-1 sm:flex-none w-40">
+                       <div className="w-[180px]">
                           <div className="relative">
                             <div className="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
                               <img src="/assets/images/material-symbols_search-rounded.svg" alt="Search" className="h-5 w-5" />
@@ -611,31 +759,39 @@ const ManufacturingIndex = () => {
                             />
                           </div>
                         </div>
-                        <div className="flex items-center w-auto min-w-[88px]">
+                        <div className="flex items-center w-[99px]">
                           <SelectField
                             value={year}
                             onChange={handleYearChange}
-                            className="w-auto h-[40px]"
+                            className="w-full h-[40px]"
                             size="small"
                             options={years.map(y => ({ value: y, label: y }))}
                           />
                         </div>
-                        <div className="flex items-center w-auto min-w-[72px]">
+                        <div className="flex items-center w-[89px]">
                           <SelectField
                             value={quarter}
                             onChange={handleQuarterChange}
-                            className="w-auto h-[40px]"
+                            className="w-full h-[40px]"
                             size="small"
-                            options={['Q1', 'Q2', 'Q3', 'Q4'].map(q => ({ value: q, label: q }))}
+                            options={['All', 'Q1', 'Q2', 'Q3', 'Q4'].map(q => ({ value: q, label: q }))}
                           />
                         </div>
                         <button
                           type="button"
-                          className="h-10 px-3 xl:px-4 rounded-[6px] bg-[#F7F7F7] border border-[#C3C6CB] text-sm inline-flex items-center gap-2 hover:bg-gray-50 whitespace-nowrap font-medium text-[#232528]"
+                          className="h-[40px] px-4 rounded-[6px] bg-[#F7F7F7] border border-[#C3C6CB] text-sm inline-flex items-center gap-2 hover:bg-gray-50 whitespace-nowrap font-medium text-[#232528]"
                           onClick={handleTriggerData}
                         >
                           <img src={triggerIcon} alt="Trigger" className="h-5 w-5" />
-                          Trigger Data
+                          Calculate
+                        </button>
+                         <button
+                          type="button"
+                          className="h-[40px] px-4 rounded-[6px] bg-[#F7F7F7] border border-[#C3C6CB] text-sm inline-flex items-center gap-2 hover:bg-gray-50 whitespace-nowrap font-medium text-[#232528]"
+                          onClick={handleBaseYear}
+                        >
+                          <img src={triggerIcon} alt="Trigger" className="h-5 w-5" />
+                          Base Year
                         </button>
                         <button
                           className="h-10 px-3 xl:px-4 rounded-[6px] bg-[#F7F7F7] border border-[#C3C6CB] text-sm inline-flex items-center gap-2 hover:bg-gray-50 whitespace-nowrap"
@@ -645,6 +801,7 @@ const ManufacturingIndex = () => {
                           <span className="hidden xl:inline font-medium text-[#232528]">Export CSV</span>
                           <span className="xl:hidden font-medium text-[#232528]">Export</span>
                         </button>
+                        
                       </div>
                     </div>
                     {surveySubmitLoading || surveySubmitStatus || surveySubmitError ? (

ipi-survey-platform/src/pages/Overview/Overview.jsx

@@ -181,7 +181,7 @@ const showToast = (message, type = 'success') => {
       record.year,
       record.quarter,
       `${record.quarter} ${record.year}`,
-      10, // Always show 10 for Total Products
+      // 10, // Always show 10 for Total Products
       record.product_count || 0, // Show actual submitted products count
       record.total_cost !== undefined ? (
         <span className="flex items-center">
@@ -236,12 +236,22 @@ const showToast = (message, type = 'success') => {
 </button>
   </div>
       ) : 
- <div className="flex items-center gap-4">
+<div className="flex items-center gap-4">
+  <button
+    onClick={(e) => {
+      e.stopPropagation();
+      setSelectedSubmission(record);
+    }}
+    className="focus:outline-none"
+  >
     <img
       src="/assets/images/Eye.svg"
       alt="View"
-    className="w-5 h-5 text-[#A88632] opacity-60 hover:opacity-100 transition-opacity" 
+      // className="w-5 h-5 opacity-60 hover:opacity-100 transition-opacity"
+      className="w-5 h-5 text-[#92722A] opacity-60 hover:opacity-100 transition-opacity" 
+      style={{ filter: 'invert(36%) sepia(49%) saturate(680%) hue-rotate(1deg) brightness(89%) contrast(91%)' }}
     />
+  </button>
   {record.status === 'Rejected' && (
     <HiMiniArrowPathRoundedSquare 
       className={`w-5 h-5 transition-opacity ${
@@ -491,7 +501,7 @@ const showToast = (message, type = 'success') => {
         </div>
         <section className="bg-white rounded-lg border border-[#E2E8F0] shadow-sm">
           <Table
-            headers={['Year', 'Quarter', 'Submission Window', 'Total Products', 'Products Submitted', 'Total Value (AED)', 'Status', 'Date Submitted', 'Action']}
+            headers={['Year', 'Quarter', 'Submission Window', 'Products Submitted', 'Total Value (AED)', 'Status', 'Date Submitted', 'Action']}
             rows={rows}
             beforeHeader={toolbar}
             separated
@@ -507,7 +517,7 @@ const showToast = (message, type = 'success') => {
                   </span>
                 );
               }
-              if (columnIndex === 8) { // Action column
+              if (columnIndex === 7) { // Action column
                 return (
                   <button
                     className="text-[#92722A] hover:underline text-sm font-medium focus:outline-none"

ipi-survey-platform/src/pages/PublicContactForm.jsx

@@ -9,8 +9,6 @@ const PublicContactForm = () => {
  
   const [formData, setFormData] = useState({
     userType: "establishment_user",
-    establishmentName: "",
-    establishmentId: "",
     email: "",
   });
  
@@ -61,9 +59,6 @@ const PublicContactForm = () => {
  
     if (!data.userType) {
       newErrors.userType = "Please select user type";
-    } else if (data.userType === 'establishment_user') {
-      if (!data.establishmentName.trim()) newErrors.establishmentName = "Required.";
-      if (!data.establishmentId.trim()) newErrors.establishmentId = "Required.";
     }
    
     if (!data.email.trim()) newErrors.email = "Required.";
@@ -94,8 +89,6 @@ const PublicContactForm = () => {
     try {
       const payload = {
         user_type: formData.userType,
-        establishment_name: formData.establishmentName.trim(),
-        establishment_code: formData.establishmentId.trim(),
         registered_email: formData.email.trim(),
       };
  
@@ -256,48 +249,6 @@ const PublicContactForm = () => {
                 </div>
               )}
               
-              {formData.userType === 'establishment_user' && (
-                <div className="space-y-4">
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700 mb-1">
-                      Establishment Name <span className="text-red-500">*</span>
-                    </label>
-                    <input
-                      type="text"
-                      name="establishmentName"
-                      value={formData.establishmentName}
-                      onChange={handleChange}
-                      className={`block w-full h-10 rounded-md border-2 ${
-                        errors.establishmentName ? "border-red-500" : "border-[#92722A]"
-                      } focus:border-[#92722A] focus:ring-0 px-4 text-sm`}
-                      placeholder="Enter establishment name"
-                    />
-                    {errors.establishmentName && (
-                      <p className="text-xs text-red-600 mt-1">{errors.establishmentName}</p>
-                    )}
-                  </div>
- 
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700 mb-1">
-                      Establishment ID <span className="text-red-500">*</span>
-                    </label>
-                    <input
-                      type="text"
-                      name="establishmentId"
-                      value={formData.establishmentId}
-                      onChange={handleChange}
-                      className={`block w-full h-10 rounded-md border-2 ${
-                        errors.establishmentId ? "border-red-500" : "border-[#92722A]"
-                      } focus:border-[#92722A] focus:ring-0 px-4 text-sm`}
-                      placeholder="Enter establishment ID"
-                    />
-                    {errors.establishmentId && (
-                      <p className="text-xs text-red-600 mt-1">{errors.establishmentId}</p>
-                    )}
-                  </div>
-                </div>
-              )}
- 
               <InputField
                 label="Registered Email"
                 name="email"

ipi-survey-platform/src/services/manufacturingIndex/ManufacturingIndex.js

@@ -12,6 +12,22 @@ export const getManufacturingIndex = async () => {
   }
 };
  
+// Fetch manufacturing index with optional filters (year, quarter)
+export const getManufacturingIndexFiltered = async (year, quarter) => {
+  try {
+    const params = {};
+    if (year) params.year = year.toString();
+    if (quarter) params.quarter = quarter.toString();
+
+    const response = await getRequest(`${MANUFACTURING_ENDPOINT}/getManufacturingIndex`, {
+      params,
+    });
+    return response;
+  } catch (error) {
+    console.error('Error fetching filtered manufacturing index:', error);
+    throw error;
+  }
+};
 export const getManufacturingMonthlyOverview = async (year, quarter) => {
   try {
    

ipi-survey-platform/src/services/masters/masterService.js

@@ -67,7 +67,8 @@ const toUnitOption = (item) => {
     const id = toStringOrNull(item.id ?? item.unit_id ?? item.value ?? item.code);
     const short = toStringOrNull(item.uom_short_name ?? item.short_name);
     const name = toStringOrNull(item.uom ?? item.name ?? item.label);
-    const label = toStringOrNull(short && name ? `${short} - ${name}` : name ?? short);
+    // const label = toStringOrNull(short && name ? `${short} - ${name}` : name ?? short);
+    const label = toStringOrNull(name ?? short);
     const finalLabel = label ?? id;
     if (!finalLabel) return null;
     return { label: finalLabel, value: id ?? finalLabel };
@@ -114,7 +115,7 @@ const toIsicOption = (item) => {
     return value ? { label: value, value } : null;
   }
   if (typeof item === 'object') {
-    const id = toStringOrNull(item.id ?? item.value ?? item.code);
+    const id = toStringOrNull(item.code ?? item.id ?? item.value);
     const code = toStringOrNull(item.code);
     const description = toStringOrNull(item.description ?? item.name ?? item.label);
     const label = code && description ? `${code} - ${description}` : description ?? code ?? item.label;
@@ -125,6 +126,7 @@ const toIsicOption = (item) => {
   return null;
 };
 
+
 export const getVariationReasons = async (config = {}) => {
   const response = await getRequest(endpoints.variationReasons, config);
   return response.data;