@ampath/esm-reports-app 1.0.0-next.8 → 1.0.0-next.80

package/src/reports/moh-745/moh-745.component.tsx

@@ -0,0 +1,2058 @@
+import React, { useState } from 'react';
+import { ReportFiltersComponent, type ReportPeriod, useRestorePeriod } from '../../common/report-filters';
+import { showReportError } from '../../common/report-error';
+import { hasReportData, ReportPlaceholder, useGeneratedLocation } from '../../common/report-placeholder';
+
+import styles from './moh-745.scss';
+import classNames from 'classnames';
+import { formatDate, useSession } from '@openmrs/esm-framework';
+import dayjs from 'dayjs';
+import { getMoh745 } from '../../resources/moh-745.resource';
+import { useNavigate } from 'react-router-dom';
+import { ReportSkeleton } from '../../common/report-skeleton';
+import { ReportPage } from '../../common/report-page';
+import { type CancerScreeningResult } from './registers/type';
+
+const Moh745Component: React.FC = () => {
+  const [moh745Data, setMoh745Data] = useState<CancerScreeningResult | null>(null);
+  /* Only a report for the current location counts: after switching location the
+     old figures would otherwise be shown, and labelled, as the new location's. */
+  const { isForCurrentLocation, hasLocationChanged, markGenerated } = useGeneratedLocation();
+  const isReportGenerated = hasReportData(moh745Data) && isForCurrentLocation;
+  const [isLoading, setIsLoading] = useState<boolean>(false);
+  const [startDate, setStartDate] = useState<string>('');
+  const [endDate, setEndDate] = useState<string>('');
+
+  const session = useSession();
+  const locationUuids = session?.sessionLocation?.uuid;
+
+  /* Masthead and sign-off fill themselves in, as on the other reports: the
+     location generated from, the period generated for, and who ran it. */
+  const facility = session?.sessionLocation?.display ?? '';
+  const reportMonth = startDate ? dayjs(startDate).format('MMMM') : '';
+  const reportYear = startDate ? dayjs(startDate).format('YYYY') : '';
+  const compiledBy = session?.user?.person?.display ?? session?.user?.display ?? '';
+  const compiledOn = formatDate(new Date(), { mode: 'standard', time: false, noToday: true });
+
+  const navigate = useNavigate();
+
+  const fetchMoh745ReportData = async ({ startDate, endDate }: ReportPeriod) => {
+    setIsLoading(true);
+    setStartDate(startDate);
+    setEndDate(endDate);
+
+    const params = {
+      locationUuids: locationUuids || '',
+      startDate,
+      endDate,
+    };
+    try {
+      const data = await getMoh745(params);
+      if(data){
+           setMoh745Data(data);
+           markGenerated(params.locationUuids);
+      }else{
+        setMoh745Data(null);
+      } 
+    } catch (error) {
+      showReportError('the MOH-745 report', error);
+    }finally{
+        setIsLoading(false);
+    }
+  };
+
+  /* A register's breadcrumb links back here with the period it was opened
+     for, so the report comes back showing the figures rather than the
+     placeholder. */
+  useRestorePeriod(fetchMoh745ReportData);
+
+  const navigateToRegister = (indicator?: string) => {
+    navigate(
+      `/moh-412-register?startDate=${startDate}&endDate=${endDate}&locationUuids=${locationUuids}&indicators=${indicator}&from=moh-745`,
+    );
+  };
+  return (
+    <>
+      <ReportFiltersComponent
+        reportName="MOH-745 Report"
+        mode="both"
+        onGenerate={fetchMoh745ReportData}
+        isLoading={isLoading}
+        isReportGenerated={isReportGenerated}
+        generatedPeriod={{ startDate, endDate }}
+      />
+      {isLoading && <ReportSkeleton />}
+      {!isLoading && !isReportGenerated && (
+        <ReportPlaceholder reportName="MOH-745" isLocationChanged={hasReportData(moh745Data) && hasLocationChanged} />
+      )}
+      {!isLoading && isReportGenerated && (
+        <ReportPage>
+          <h3 className={styles.reportTitle}>CANCER SCREENING MONTHLY SUMMARY FORM</h3>
+          <div className={styles.location}>
+            <span>
+              Facility Name: <span className={styles.line}>{facility}</span>
+            </span>
+            <span>
+              Facility Code: <span className={styles.line}></span>
+            </span>
+            <span>
+              County: <span className={styles.shortLine}></span>
+            </span>
+            <span>
+              Sub-County: <span className={styles.shortLine}></span>
+            </span>
+            <span>
+              Month: <span className={styles.shortLine}>{reportMonth}</span>
+            </span>
+            <span>
+              Year: <span className={styles.shortLine}>{reportYear}</span>
+            </span>
+          </div>
+          <div className={styles.tableContainer}>
+            <table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
+              <thead>
+                <tr>
+                  <th colSpan={14}>CERVICAL CANCER SCREENING SUMMARY</th>
+                </tr>
+                <tr>
+                  <th rowSpan={2}>
+                    INDICATORS
+                    <br />
+                    <span>
+                      (Use the page Tally/Summary from the Cancer Screening Register
+                      <br /> to complete the report)
+                    </span>
+                  </th>
+                  <th colSpan={4}>1) Initial Screening</th>
+                  <th colSpan={4}>2) Routine Screening</th>
+                  <th colSpan={4}>3) Post-treatment Screening</th>
+                  <th rowSpan={2} className={styles.rotateUp}>
+                    Total no. of Clients <br />
+                    <span>
+                      (Initial + Routine <br />+<br /> Post Treatment)
+                    </span>
+                  </th>
+                </tr>
+                <tr>
+                  <td className={styles.rotateUp}>&lt;25 years</td>
+                  <td className={styles.rotateUp}>25 - 49 years</td>
+                  <td className={styles.rotateUp}>
+                    50 years and <br />
+                    above
+                  </td>
+                  <td className={styles.rotateUp}>
+                    Total (Initial <br /> screening)
+                  </td>
+                  <td className={styles.rotateUp}>&lt;25 years</td>
+                  <td className={styles.rotateUp}>25 - 49 years</td>
+                  <td className={styles.rotateUp}>
+                    50 years and <br />
+                    above
+                  </td>
+                  <td className={styles.rotateUp}>
+                    Total (Routine <br /> screening)
+                  </td>
+                  <td className={styles.rotateUp}>&lt;25 years</td>
+                  <td className={styles.rotateUp}>25 - 49 years</td>
+                  <td className={styles.rotateUp}>
+                    50 years and <br />
+                    above
+                  </td>
+                  <td className={styles.rotateUp}>
+                    Total (Post- <br />
+                    treatment <br /> screening)
+                  </td>
+                </tr>
+              </thead>
+              <tbody className={styles.reportTableBody}>
+                <tr>
+                  <td>1 a) Number of clients who received VIA or VIA/VILLI Screening</td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__initial__age_range__less_than_25__screened_via_or_via_vili',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__initial__age_range__less_than_25__screened_via_or_via_vili ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__initial__age_range__25_to_49__screened_via_or_via_vili',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__initial__age_range__25_to_49__screened_via_or_via_vili ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__initial__age_range__50_and_above__screened_via_or_via_vili',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__initial__age_range__50_and_above__screened_via_or_via_vili ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('screened_via_or_via_vili_initial_visit')}
+                  >
+                    {moh745Data?.screened_via_or_via_vili_initial_visit ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__routine__age_range__less_than_25__screened_via_or_via_vili',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__routine__age_range__less_than_25__screened_via_or_via_vili ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__routine__age_range__25_to_49__screened_via_or_via_vili',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__routine__age_range__25_to_49__screened_via_or_via_vili ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__routine__age_range__50_and_above__screened_via_or_via_vili',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__routine__age_range__50_and_above__screened_via_or_via_vili ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('screened_via_or_via_vili_routine_visit')}
+                  >
+                    {moh745Data?.screened_via_or_via_vili_routine_visit ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__post_treatment__age_range__less_than_25__screened_via_or_via_vili',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__post_treatment__age_range__less_than_25__screened_via_or_via_vili ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__post_treatment__age_range__25_to_49__screened_via_or_via_vili',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__post_treatment__age_range__25_to_49__screened_via_or_via_vili ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__post_treatment__age_range__50_and_above__screened_via_or_via_vili',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__post_treatment__age_range__50_and_above__screened_via_or_via_vili ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('screened_via_or_via_vili_post_treatment_visit')}
+                  >
+                    {moh745Data?.screened_via_or_via_vili_post_treatment_visit ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('screened_via_or_via_vili_all_visit')}
+                  >
+                    {moh745Data?.screened_via_or_via_vili_all_visit ?? 0}
+                  </td>
+                </tr>
+                <tr>
+                  <td> b) Number of clients who received Pap smear</td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__initial__age_range__less_than_25__screened_pap_smear',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__initial__age_range__less_than_25__screened_pap_smear ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister('dc__screening_visit_type__initial__age_range__25_to_49__screened_pap_smear')
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__initial__age_range__25_to_49__screened_pap_smear ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__initial__age_range__50_and_above__screened_pap_smear',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__initial__age_range__50_and_above__screened_pap_smear ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('screened_pap_smear_initial_visit')}
+                  >
+                    {moh745Data?.screened_pap_smear_initial_visit ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__routine__age_range__less_than_25__screened_pap_smear',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__routine__age_range__less_than_25__screened_pap_smear ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister('dc__screening_visit_type__routine__age_range__25_to_49__screened_pap_smear')
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__routine__age_range__25_to_49__screened_pap_smear ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__routine__age_range__50_and_above__screened_pap_smear',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__routine__age_range__50_and_above__screened_pap_smear ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('screened_pap_smear_routine_visit')}
+                  >
+                    {moh745Data?.screened_pap_smear_routine_visit ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__post_treatment__age_range__less_than_25__screened_pap_smear',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__post_treatment__age_range__less_than_25__screened_pap_smear ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__post_treatment__age_range__25_to_49__screened_pap_smear',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__post_treatment__age_range__25_to_49__screened_pap_smear ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__post_treatment__age_range__50_and_above__screened_pap_smear',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__post_treatment__age_range__50_and_above__screened_pap_smear ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('screened_pap_smear_post_treatment_visit')}
+                  >
+                    {moh745Data?.screened_pap_smear_post_treatment_visit ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('screened_via_or_pap_smear_all_visit')}
+                  >
+                    {moh745Data?.screened_via_or_pap_smear_all_visit ?? 0}
+                  </td>
+                </tr>
+                <tr>
+                  <td> c) Number of clients who received HPV Test</td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister('dc__screening_visit_type__initial__age_range__less_than_25__screened_hpv')
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__initial__age_range__less_than_25__screened_hpv ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister('dc__screening_visit_type__initial__age_range__25_to_49__screened_hpv')
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__initial__age_range__25_to_49__screened_hpv ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister('dc__screening_visit_type__initial__age_range__50_and_above__screened_hpv')
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__initial__age_range__50_and_above__screened_hpv ?? 0}
+                  </td>
+                  <td className={styles.reportCount} onClick={() => navigateToRegister('screened_hpv_initial_visit')}>
+                    {moh745Data?.screened_hpv_initial_visit ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister('dc__screening_visit_type__routine__age_range__less_than_25__screened_hpv')
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__routine__age_range__less_than_25__screened_hpv ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister('dc__screening_visit_type__routine__age_range__25_to_49__screened_hpv')
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__routine__age_range__25_to_49__screened_hpv ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister('dc__screening_visit_type__routine__age_range__50_and_above__screened_hpv')
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__routine__age_range__50_and_above__screened_hpv ?? 0}
+                  </td>
+                  <td className={styles.reportCount} onClick={() => navigateToRegister('screened_hpv_routine_visit')}>
+                    {moh745Data?.screened_hpv_routine_visit ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__post_treatment__age_range__less_than_25__screened_hpv',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__post_treatment__age_range__less_than_25__screened_hpv ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister('dc__screening_visit_type__post_treatment__age_range__25_to_49__screened_hpv')
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__post_treatment__age_range__25_to_49__screened_hpv ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__post_treatment__age_range__50_and_above__screened_hpv',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__post_treatment__age_range__50_and_above__screened_hpv ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('screened_hpv_post_treatment_visit')}
+                  >
+                    {moh745Data?.screened_hpv_post_treatment_visit ?? 700}
+                  </td>
+                  <td className={styles.reportCount} onClick={() => navigateToRegister('screened_hpv_all_visit')}>
+                    {moh745Data?.screened_hpv_all_visit ?? 0}
+                  </td>
+                </tr>
+                <tr>
+                  <td>Total Clients Screened (1 a, b &c Above)</td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister('dc__screening_visit_type__initial__age_range__less_than_25__screened')
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__initial__age_range__less_than_25__screened ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister('dc__screening_visit_type__initial__age_range__25_to_49__screened')
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__initial__age_range__25_to_49__screened ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister('dc__screening_visit_type__initial__age_range__50_and_above__screened')
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__initial__age_range__50_and_above__screened ?? 0}
+                  </td>
+                  <td className={styles.reportCount} onClick={() => navigateToRegister('screened_initial_visit')}>
+                    {moh745Data?.screened_initial_visit ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister('dc__screening_visit_type__routine__age_range__less_than_25__screened')
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__routine__age_range__less_than_25__screened ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister('dc__screening_visit_type__routine__age_range__25_to_49__screened')
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__routine__age_range__25_to_49__screened ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister('dc__screening_visit_type__routine__age_range__50_and_above__screened')
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__routine__age_range__50_and_above__screened ?? 0}
+                  </td>
+                  <td className={styles.reportCount} onClick={() => navigateToRegister('screened_routine_visit')}>
+                    {moh745Data?.screened_routine_visit ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister('dc__screening_visit_type__post_treatment__age_range__less_than_25__screened')
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__post_treatment__age_range__less_than_25__screened ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister('dc__screening_visit_type__post_treatment__age_range__25_to_49__screened')
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__post_treatment__age_range__25_to_49__screened ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister('dc__screening_visit_type__post_treatment__age_range__50_and_above__screened')
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__post_treatment__age_range__50_and_above__screened ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('screened_post_treatment_visit')}
+                  >
+                    {moh745Data?.screened_post_treatment_visit ?? 0}
+                  </td>
+                  <td className={styles.reportCount} onClick={() => navigateToRegister('screened_all_visit')}>
+                    {moh745Data?.screened_all_visit ?? 0}
+                  </td>
+                </tr>
+                <tr>
+                  <td>2 a) Number of clients with Positive VIA or VIA/VILLI result</td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__initial__age_range__less_than_25__positive_via_or_via_vili_test_result',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__initial__age_range__less_than_25__positive_via_or_via_vili_test_result ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__initial__age_range__25_to_49__positive_via_or_via_vili_test_result',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__initial__age_range__25_to_49__positive_via_or_via_vili_test_result ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__initial__age_range__50_and_above__positive_via_or_via_vili_test_result',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__initial__age_range__50_and_above__positive_via_or_via_vili_test_result ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('positive_via_or_via_vili_test_result_initial_visit')}
+                  >
+                    {moh745Data?.positive_via_or_via_vili_test_result_initial_visit ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__routine__age_range__less_than_25__positive_via_or_via_vili_test_result',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__routine__age_range__less_than_25__positive_via_or_via_vili_test_result ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__routine__age_range__25_to_49__positive_via_or_via_vili_test_result',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__routine__age_range__25_to_49__positive_via_or_via_vili_test_result ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__routine__age_range__50_and_above__positive_via_or_via_vili_test_result',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__routine__age_range__50_and_above__positive_via_or_via_vili_test_result ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('positive_via_or_via_vili_test_result_routine_visit')}
+                  >
+                    {moh745Data?.positive_via_or_via_vili_test_result_routine_visit ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__post_treatment__age_range__less_than_25__positive_via_or_via_vili_test_result',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__post_treatment__age_range__less_than_25__positive_via_or_via_vili_test_result ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__post_treatment__age_range__25_to_49__positive_via_or_via_vili_test_result',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__post_treatment__age_range__25_to_49__positive_via_or_via_vili_test_result ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__post_treatment__age_range__50_and_above__positive_via_or_via_vili_test_result',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__post_treatment__age_range__50_and_above__positive_via_or_via_vili_test_result ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('positive_via_or_via_vili_test_result_post_treatment_visit')}
+                  >
+                    {moh745Data?.positive_via_or_via_vili_test_result_post_treatment_visit ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('positive_via_or_via_vili_test_result')}
+                  >
+                    {moh745Data?.positive_via_or_via_vili_test_result ?? 0}
+                  </td>
+                </tr>
+                <tr>
+                  <td> b) Number of clients with Positive Cytology result</td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('positive_cytology_less_25_initial_screening')}
+                  ></td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('positive_cytology_25_49_initial_screening')}
+                  ></td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('positive_cytology_50_above_initial_screening')}
+                  ></td>
+                  <td></td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('positive_cytology_less_25_routine_screening')}
+                  ></td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('positive_cytology_25_49_routine_screening')}
+                  ></td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('positive_cytology_50_above_routine_screening')}
+                  ></td>
+                  <td></td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('positive_cytology_less_25_post_treatment_screening')}
+                  ></td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('positive_cytology_25_49_post_treatment_screening')}
+                  ></td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('positive_cytology_50_above_post_treatment_screening')}
+                  ></td>
+                  <td></td>
+                  <td className={styles.reportCount} onClick={() => navigateToRegister('positive_cytology_total')}></td>
+                </tr>
+                <tr>
+                  <td> c) Number of clients with Positive HPV result</td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__initial__age_range__less_than_25__positive_hpv_test_result',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__initial__age_range__less_than_25__positive_hpv_test_result ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__initial__age_range__25_to_49__positive_hpv_test_result',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__initial__age_range__25_to_49__positive_hpv_test_result ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__initial__age_range__50_and_above__positive_hpv_test_result',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__initial__age_range__50_and_above__positive_hpv_test_result ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('positive_hpv_test_result_initial_visit')}
+                  >
+                    {moh745Data?.positive_hpv_test_result_initial_visit ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__routine__age_range__less_than_25__positive_hpv_test_result',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__routine__age_range__less_than_25__positive_hpv_test_result ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__routine__age_range__25_to_49__positive_hpv_test_result',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__routine__age_range__25_to_49__positive_hpv_test_result ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__routine__age_range__50_and_above__positive_hpv_test_result',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__routine__age_range__50_and_above__positive_hpv_test_result ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('positive_hpv_test_result_routine_visit')}
+                  >
+                    {moh745Data?.positive_hpv_test_result_routine_visit ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__post_treatment__age_range__less_than_25__positive_hpv_test_result',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__post_treatment__age_range__less_than_25__positive_hpv_test_result ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__post_treatment__age_range__25_to_49__positive_hpv_test_result',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__post_treatment__age_range__25_to_49__positive_hpv_test_result ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__post_treatment__age_range__50_and_above__positive_hpv_test_result',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__post_treatment__age_range__50_and_above__positive_hpv_test_result ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('positive_hpv_test_result_post_treatment_visit')}
+                  >
+                    {moh745Data?.positive_hpv_test_result_post_treatment_visit ?? 0}
+                  </td>
+                  <td className={styles.reportCount} onClick={() => navigateToRegister('positive_hpv_test_result')}>
+                    {moh745Data?.positive_hpv_test_result ?? 0}
+                  </td>
+                </tr>
+                <tr>
+                  <td>Total Clients Screened positive (2 a, b &c Above)</td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__initial__age_range__less_than_25__screened_positive_result',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__initial__age_range__less_than_25__screened_positive_result ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__initial__age_range__25_to_49__screened_positive_result',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__initial__age_range__25_to_49__screened_positive_result ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__initial__age_range__50_and_above__screened_positive_result',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__initial__age_range__50_and_above__screened_positive_result ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('screened_positive_result_initial_visit')}
+                  >
+                    {moh745Data?.screened_positive_result_initial_visit ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__routine__age_range__less_than_25__screened_positive_result',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__routine__age_range__less_than_25__screened_positive_result ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__routine__age_range__25_to_49__screened_positive_result',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__routine__age_range__25_to_49__screened_positive_result ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__routine__age_range__50_and_above__screened_positive_result',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__routine__age_range__50_and_above__screened_positive_result ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('screened_positive_result_routine_visit')}
+                  >
+                    {moh745Data?.screened_positive_result_routine_visit ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__post_treatment__age_range__less_than_25__screened_positive_result',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__post_treatment__age_range__less_than_25__screened_positive_result ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__post_treatment__age_range__less_than_25__screened_positive_result',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__post_treatment__age_range__25_to_49__screened_positive_result ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__post_treatment__age_range__50_and_above__screened_positive_result',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__post_treatment__age_range__50_and_above__screened_positive_result ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('screened_positive_result_post_treatment_visit')}
+                  >
+                    {moh745Data?.screened_positive_result_post_treatment_visit ?? 0}
+                  </td>
+                  <td className={styles.reportCount} onClick={() => navigateToRegister('screened_positive_result')}>
+                    {moh745Data?.screened_positive_result ?? 0}
+                  </td>
+                </tr>
+                <tr>
+                  <td>3) Number of clients with suspicios cancer lessions </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__initial__age_range__less_than_25__via_or_via_vili_suspicious_lesion',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__initial__age_range__less_than_25__via_or_via_vili_suspicious_lesion ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__initial__age_range__25_to_49__via_or_via_vili_suspicious_lesion',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__initial__age_range__25_to_49__via_or_via_vili_suspicious_lesion ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('suspicious_cancer_lessions_50_above_initial_screening')}
+                  >
+                    {moh745Data?.dc__screening_visit_type__initial__age_range__50_and_above__via_or_via_vili_suspicious_lesion ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('via_or_via_vili_suspicious_lesion_initial_visit')}
+                  >
+                    {moh745Data?.via_or_via_vili_suspicious_lesion_initial_visit ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__routine__age_range__less_than_25__via_or_via_vili_suspicious_lesion',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__routine__age_range__less_than_25__via_or_via_vili_suspicious_lesion ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__routine__age_range__25_to_49__via_or_via_vili_suspicious_lesion',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__routine__age_range__25_to_49__via_or_via_vili_suspicious_lesion ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__routine__age_range__50_and_above__via_or_via_vili_suspicious_lesion',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__routine__age_range__50_and_above__via_or_via_vili_suspicious_lesion ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('via_or_via_vili_suspicious_lesion_routine_visit')}
+                  >
+                    {moh745Data?.via_or_via_vili_suspicious_lesion_routine_visit ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__post_treatment__age_range__less_than_25__via_or_via_vili_suspicious_lesion',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__post_treatment__age_range__less_than_25__via_or_via_vili_suspicious_lesion ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__post_treatment__age_range__25_to_49__via_or_via_vili_suspicious_lesion',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__post_treatment__age_range__25_to_49__via_or_via_vili_suspicious_lesion ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__post_treatment__age_range__50_and_above__via_or_via_vili_suspicious_lesion',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__post_treatment__age_range__50_and_above__via_or_via_vili_suspicious_lesion ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('via_or_via_vili_suspicious_lesion_post_treatment_visit')}
+                  >
+                    {moh745Data?.via_or_via_vili_suspicious_lesion_post_treatment_visit ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('via_or_via_vili_suspicious_lesion')}
+                  >
+                    {moh745Data?.via_or_via_vili_suspicious_lesion ?? 0}
+                  </td>
+                </tr>
+                <tr>
+                  <td>4) Number of clients treated using Cryotherapy</td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__initial__age_range__less_than_25__treated_via_cyrotherapy',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__initial__age_range__less_than_25__treated_via_cyrotherapy ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__initial__age_range__25_to_49__treated_via_cyrotherapy',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__initial__age_range__25_to_49__treated_via_cyrotherapy ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__initial__age_range__50_and_above__treated_via_cyrotherapy',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__initial__age_range__50_and_above__treated_via_cyrotherapy ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('treated_via_cyrotherapy_initial_visit')}
+                  >
+                    {moh745Data?.treated_via_cyrotherapy_initial_visit ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__routine__age_range__less_than_25__treated_via_cyrotherapy',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__routine__age_range__less_than_25__treated_via_cyrotherapy ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__routine__age_range__25_to_49__treated_via_cyrotherapy',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__routine__age_range__25_to_49__treated_via_cyrotherapy ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__routine__age_range__50_and_above__treated_via_cyrotherapy',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__routine__age_range__50_and_above__treated_via_cyrotherapy ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('treated_via_cyrotherapy_routine_visit')}
+                  >
+                    {moh745Data?.treated_via_cyrotherapy_routine_visit ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__post_treatment__age_range__less_than_25__treated_via_cyrotherapy',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__post_treatment__age_range__less_than_25__treated_via_cyrotherapy ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__post_treatment__age_range__25_to_49__treated_via_cyrotherapy',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__post_treatment__age_range__25_to_49__treated_via_cyrotherapy ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__post_treatment__age_range__50_and_above__treated_via_cyrotherapy',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__post_treatment__age_range__50_and_above__treated_via_cyrotherapy ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('treated_via_cyrotherapy_post_treatment_visit')}
+                  >
+                    {moh745Data?.treated_via_cyrotherapy_post_treatment_visit ?? 0}
+                  </td>
+                  <td className={styles.reportCount} onClick={() => navigateToRegister('treated_via_cyrotherapy')}>
+                    {moh745Data?.treated_via_cyrotherapy ?? 0}
+                  </td>
+                </tr>
+                <tr>
+                  <td>5) Number of clients treated using Thermocoagulation</td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__initial__age_range__less_than_25__treated_via_thermo_coagulation',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__initial__age_range__less_than_25__treated_via_thermo_coagulation ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__initial__age_range__25_to_49__treated_via_thermo_coagulation',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__initial__age_range__25_to_49__treated_via_thermo_coagulation ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__initial__age_range__50_and_above__treated_via_thermo_coagulation',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__initial__age_range__50_and_above__treated_via_thermo_coagulation ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('treatment_method_thermo_coagulation_initial_visit')}
+                  >
+                    {moh745Data?.treatment_method_thermo_coagulation_initial_visit ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__routine__age_range__less_than_25__treated_via_thermo_coagulation',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__routine__age_range__less_than_25__treated_via_thermo_coagulation ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__routine__age_range__25_to_49__treated_via_thermo_coagulation',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__routine__age_range__25_to_49__treated_via_thermo_coagulation ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__routine__age_range__50_and_above__treated_via_thermo_coagulation',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__routine__age_range__50_and_above__treated_via_thermo_coagulation ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('treatment_method_thermo_coagulation_routine_visit')}
+                  >
+                    {moh745Data?.treatment_method_thermo_coagulation_routine_visit ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__post_treatment__age_range__less_than_25__treated_via_thermo_coagulation',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__post_treatment__age_range__less_than_25__treated_via_thermo_coagulation ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__post_treatment__age_range__25_to_49__treated_via_thermo_coagulation',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__post_treatment__age_range__25_to_49__treated_via_thermo_coagulation ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__post_treatment__age_range__50_and_above__treated_via_thermo_coagulation',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__post_treatment__age_range__50_and_above__treated_via_thermo_coagulation ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('treatment_method_thermo_coagulation_post_treatment_visit')}
+                  >
+                    {moh745Data?.treatment_method_thermo_coagulation_post_treatment_visit ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('treated_via_thermo_coagulation')}
+                  >
+                    {moh745Data?.treated_via_thermo_coagulation ?? 0}
+                  </td>
+                </tr>
+                <tr>
+                  <td>6) Number of clients treated using LEEP</td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister('dc__screening_visit_type__initial__age_range__less_than_25__treated_via_leep')
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__initial__age_range__less_than_25__treated_via_leep ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister('dc__screening_visit_type__initial__age_range__25_to_49__treated_via_leep')
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__initial__age_range__25_to_49__treated_via_leep ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister('dc__screening_visit_type__initial__age_range__50_and_above__treated_via_leep')
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__initial__age_range__50_and_above__treated_via_leep ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('treatment_method_leep_initial_visit')}
+                  >
+                    {moh745Data?.treatment_method_leep_initial_visit ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister('dc__screening_visit_type__routine__age_range__less_than_25__treated_via_leep')
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__routine__age_range__less_than_25__treated_via_leep ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister('dc__screening_visit_type__routine__age_range__25_to_49__treated_via_leep')
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__routine__age_range__25_to_49__treated_via_leep ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister('dc__screening_visit_type__routine__age_range__50_and_above__treated_via_leep')
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__routine__age_range__50_and_above__treated_via_leep ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('treatment_method_leep_routine_visit')}
+                  >
+                    {moh745Data?.treatment_method_leep_routine_visit ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__post_treatment__age_range__less_than_25__treated_via_leep',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__post_treatment__age_range__less_than_25__treated_via_leep ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__post_treatment__age_range__25_to_49__treated_via_leep',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__post_treatment__age_range__25_to_49__treated_via_leep ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__post_treatment__age_range__50_and_above__treated_via_leep',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__post_treatment__age_range__50_and_above__treated_via_leep ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('treatment_method_leep_post_treatment_visit')}
+                  >
+                    {moh745Data?.treatment_method_leep_post_treatment_visit ?? 0}
+                  </td>
+                  <td className={styles.reportCount} onClick={() => navigateToRegister('treated_via_leep')}>
+                    {moh745Data?.treated_via_leep ?? 0}
+                  </td>
+                </tr>
+                <tr>
+                  <td>7) Numeber of other treatment given (e.g Hysterectomy, cone)</td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__initial__age_range__less_than_25__treated_via_other',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__initial__age_range__less_than_25__treated_via_other ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister('dc__screening_visit_type__initial__age_range__25_to_49__treated_via_other')
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__initial__age_range__25_to_49__treated_via_other ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__initial__age_range__50_and_above__treated_via_other',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__initial__age_range__50_and_above__treated_via_other ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('treatment_method_other_initial_visit')}
+                  >
+                    {moh745Data?.treatment_method_other_initial_visit ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__routine__age_range__less_than_25__treated_via_other',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__routine__age_range__less_than_25__treated_via_other ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister('dc__screening_visit_type__routine__age_range__25_to_49__treated_via_other')
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__routine__age_range__25_to_49__treated_via_other ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__routine__age_range__50_and_above__treated_via_other',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__routine__age_range__50_and_above__treated_via_other ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('treatment_method_other_routine_visit')}
+                  >
+                    {moh745Data?.treatment_method_other_routine_visit ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__post_treatment__age_range__less_than_25__treated_via_other',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__post_treatment__age_range__less_than_25__treated_via_other ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__post_treatment__age_range__25_to_49__treated_via_other',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__post_treatment__age_range__25_to_49__treated_via_other ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__post_treatment__age_range__50_and_above__treated_via_other',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__post_treatment__age_range__50_and_above__treated_via_other ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('treatment_method_other_post_treatment_visit')}
+                  >
+                    {moh745Data?.treatment_method_other_post_treatment_visit ?? 0}
+                  </td>
+                  <td className={styles.reportCount} onClick={() => navigateToRegister('treated_via_other')}>
+                    {moh745Data?.treated_via_other ?? 0}
+                  </td>
+                </tr>
+                <tr>
+                  <td>8) Number of HIV positive clients screened</td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__initial__age_range__less_than_25__hiv_positive_screened',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__initial__age_range__less_than_25__hiv_positive_screened ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__initial__age_range__25_to_49__hiv_positive_screened',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__initial__age_range__25_to_49__hiv_positive_screened ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister('hiv_positive_screened_cervical_cancer_50_above_initial_screening')
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__initial__age_range__50_and_above__hiv_positive_screened ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('hiv_positive_screened_initial_visit')}
+                  >
+                    {moh745Data?.hiv_positive_screened_initial_visit ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__routine__age_range__less_than_25__hiv_positive_screened',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__routine__age_range__less_than_25__hiv_positive_screened ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__routine__age_range__25_to_49__hiv_positive_screened',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__routine__age_range__25_to_49__hiv_positive_screened ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__routine__age_range__50_and_above__hiv_positive_screened',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__routine__age_range__50_and_above__hiv_positive_screened ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('hiv_positive_screened_routine_visit')}
+                  >
+                    {moh745Data?.hiv_positive_screened_routine_visit ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__post_treatment__age_range__less_than_25__hiv_positive_screened',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__post_treatment__age_range__less_than_25__hiv_positive_screened ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__post_treatment__age_range__25_to_49__hiv_positive_screened',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__post_treatment__age_range__25_to_49__hiv_positive_screened ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__post_treatment__age_range__50_and_above__hiv_positive_screened',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__post_treatment__age_range__50_and_above__hiv_positive_screened ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('hiv_positive_screened_post_treatment_visi')}
+                  >
+                    {moh745Data?.hiv_positive_screened_post_treatment_visit ?? 0}
+                  </td>
+                  <td className={styles.reportCount} onClick={() => navigateToRegister('hiv_positive_screened')}>
+                    {moh745Data?.hiv_positive_screened ?? 0}
+                  </td>
+                </tr>
+                <tr>
+                  <td>9) Number of HIV positive with positive screening</td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__initial__age_range__less_than_25__hiv_positive_screened_positive_result',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__initial__age_range__less_than_25__hiv_positive_screened_positive_result ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__initial__age_range__25_to_49__hiv_positive_screened_positive_result',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__initial__age_range__25_to_49__hiv_positive_screened_positive_result ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__initial__age_range__50_and_above__hiv_positive_screened_positive_result',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__initial__age_range__50_and_above__hiv_positive_screened_positive_result ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('hiv_positive_screened_positive_result_initial_visit')}
+                  >
+                    {moh745Data?.hiv_positive_screened_positive_result_initial_visit ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__routine__age_range__less_than_25__hiv_positive_screened_positive_result',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__routine__age_range__less_than_25__hiv_positive_screened_positive_result ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__routine__age_range__25_to_49__hiv_positive_screened_positive_result',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__routine__age_range__25_to_49__hiv_positive_screened_positive_result ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__routine__age_range__50_and_above__hiv_positive_screened_positive_result',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__routine__age_range__50_and_above__hiv_positive_screened_positive_result ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('hiv_positive_screened_positive_result_routine_visit')}
+                  >
+                    {moh745Data?.hiv_positive_screened_positive_result_routine_visit ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__post_treatment__age_range__less_than_25__hiv_positive_screened_positive_result',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__post_treatment__age_range__less_than_25__hiv_positive_screened_positive_result ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__post_treatment__age_range__25_to_49__hiv_positive_screened_positive_result',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__post_treatment__age_range__25_to_49__hiv_positive_screened_positive_result ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() =>
+                      navigateToRegister(
+                        'dc__screening_visit_type__post_treatment__age_range__50_and_above__hiv_positive_screened_positive_result',
+                      )
+                    }
+                  >
+                    {moh745Data?.dc__screening_visit_type__post_treatment__age_range__50_and_above__hiv_positive_screened_positive_result ??
+                      0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('hiv_positive_screened_positive_result_post_treatment_visit')}
+                  >
+                    {moh745Data?.hiv_positive_screened_positive_result_post_treatment_visit ?? 0}
+                  </td>
+                  <td
+                    className={styles.reportCount}
+                    onClick={() => navigateToRegister('hiv_positive_screened_positive_result')}
+                  >
+                    {moh745Data?.hiv_positive_screened_positive_result ?? 0}
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+          <div className={styles.tableContainer}>
+            <table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
+              <thead>
+                <tr>
+                  <th rowSpan={2}>BREAST CANCER SCREENING SUMMARY</th>
+                  <th colSpan={13}>Screening Type and Results</th>
+                  <th rowSpan={2} colSpan={2}>
+                    FOLLOW UP AND REFERRAL
+                  </th>
+                </tr>
+                <tr>
+                  <th colSpan={3}>CBE</th>
+                  <th colSpan={5}>Ultrasound - BIRADS</th>
+                  <th colSpan={5}>Mammogram - BIRADS</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr>
+                  <td>Client Age</td>
+                  <td>Normal</td>
+                  <td>Abnormal</td>
+                  <td>Total CBEs</td>
+                  <td>0 to 3</td>
+                  <td>4</td>
+                  <td>5</td>
+                  <td>6</td>
+                  <td>Total Ultrasounds Done</td>
+                  <td>0 to 3</td>
+                  <td>4</td>
+                  <td>5</td>
+                  <td>6</td>
+                  <td>Total Mammograms Done</td>
+                  <td>No. Followed up</td>
+                  <td>No. referred out</td>
+                </tr>
+                <tr>
+                  <td>25-34 yrs</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                </tr>
+                <tr>
+                  <td>35-39 yrs</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                </tr>
+                <tr>
+                  <td>40-55 yrs</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                </tr>
+                <tr>
+                  <td>56-74 yrs</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                </tr>
+                <tr>
+                  <td>&gt; 75 yrs</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                </tr>
+                <tr>
+                  <th>Total</th>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+
+          <div className={styles.tableContainer}>
+            <table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
+              <thead>
+                <tr>
+                  <th rowSpan={2}>COLORECTAL CANCER SCREENING SUMMARY</th>
+                  <th colSpan={8}>Screening Type and Results</th>
+                </tr>
+                <tr>
+                  <th colSpan={3}>FORBT</th>
+                  <th colSpan={5}>Colonoscopy</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr>
+                  <td>Client Age</td>
+                  <td>Positive</td>
+                  <td>Negative</td>
+                  <td>Total FORBT Done</td>
+                  <td>Total No abnormality</td>
+                  <td>No. With Polyps</td>
+                  <td>No. With Cancer</td>
+                  <td>Total No. with other abnormalities</td>
+                  <td>Total Colonoscopies Done</td>
+                </tr>
+                <tr>
+                  <td>45-54 yrs</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                </tr>
+                <tr>
+                  <td>55-64 yrs</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                </tr>
+                <tr>
+                  <td>65-75 yrs</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                  <td>{}</td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+          <div className={styles.signOff}>
+            <span>
+              Compiled by: Name <span className={styles.line}>{compiledBy}</span>
+            </span>
+            <span>
+              Signature <span className={styles.line}></span>
+            </span>
+            <span>
+              Phone no <span className={styles.shortLine}></span>
+            </span>
+            <span>
+              Date <span className={styles.shortLine}>{compiledOn}</span>
+            </span>
+          </div>
+        </ReportPage>
+      )}
+    </>
+  );
+};
+
+export default Moh745Component;