@ampath/esm-reports-app 1.0.0-next.7 → 1.0.0-next.70

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

@@ -0,0 +1,1021 @@
+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>
+                <tr>
+                  <td>1 a) Number of clients who received VIA or VIA/VILLI Screening</td>
+                  <td 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 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 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>
+                    {moh745Data?.screened_via_or_via_vili_initial_visit ?? 0}
+                  </td>
+                  <td 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 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 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>
+                    {moh745Data?.screened_via_or_via_vili_initial_visit ?? 0}
+                  </td>
+                  <td 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 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 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>
+                    {moh745Data?.screened_via_or_via_vili_post_treatment_visit ?? 0}
+                  </td>
+                  <td onClick={() => navigateToRegister('screened_via_or_via_vili_post_treatment_visit')}></td>
+                </tr>
+                <tr>
+                  <td> b) Number of clients who received Pap smear</td>
+                  <td 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 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 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>
+                    {moh745Data?.screened_pap_smear_initial_visit ?? 0}
+                  </td>
+                  <td 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 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 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>
+                    {moh745Data?.screened_pap_smear_routine_visit ?? 0}
+                  </td>
+                  <td 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 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 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>
+                     {moh745Data?.screened_pap_smear_post_treatment_visit ?? 0}
+                  </td>
+                  <td onClick={() => navigateToRegister('screened_pap_smear_post_treatment_visit')}></td>
+                </tr>
+                <tr>
+                  <td> c) Number of clients who received HPV Test</td>
+                  <td 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 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 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>
+                   {moh745Data?.screened_hpv_initial_visit ?? 0}
+                  </td>
+                  <td 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 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 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>
+                    {moh745Data?.screened_hpv_routine_visit ?? 0}
+                  </td>
+                  <td 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 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 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>
+                    {moh745Data?.screened_hpv_post_treatment_visit ?? 0}
+                  </td>
+                  <td onClick={() => navigateToRegister('screened_hpv_post_treatment_visit')}></td>
+                </tr>
+                <tr>
+                  <td>Total Clients Screened (1 a, b &c Above)</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>2 a) Number of clients with Positive VIA or VIA/VILLI result</td>
+                  <td 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 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 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>
+                    { moh745Data?.positive_via_or_via_vili_test_result_initial_visit ?? 0}
+                  </td>
+                  <td 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 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 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>
+                    {moh745Data?.positive_via_or_via_vili_test_result_routine_visit ?? 0}
+                  </td>
+                  <td 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 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 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>
+                    {moh745Data?.positive_via_or_via_vili_test_result_post_treatment_visit ?? 0}
+                  </td>
+                  <td onClick={() => navigateToRegister('positive_via_or_via_vili_test_result_post_treatment_visit')}>
+                   
+                  </td>
+                </tr>
+                <tr>
+                  <td> b) Number of clients with Positive Cytology result</td>
+                  <td onClick={() => navigateToRegister('positive_cytology_less_25_initial_screening')}>
+                    
+                  </td>
+                  <td onClick={() => navigateToRegister('positive_cytology_25_49_initial_screening')}>
+                    
+                  </td>
+                  <td onClick={() => navigateToRegister('positive_cytology_50_above_initial_screening')}>
+                    
+                  </td>
+                  <td></td>
+                  <td onClick={() => navigateToRegister('positive_cytology_less_25_routine_screening')}>
+                    
+                  </td>
+                  <td onClick={() => navigateToRegister('positive_cytology_25_49_routine_screening')}>
+                    
+                  </td>
+                  <td onClick={() => navigateToRegister('positive_cytology_50_above_routine_screening')}>
+                    
+                  </td>
+                  <td></td>
+                  <td onClick={() => navigateToRegister('positive_cytology_less_25_post_treatment_screening')}>
+                    
+                  </td>
+                  <td onClick={() => navigateToRegister('positive_cytology_25_49_post_treatment_screening')}>
+                   
+                  </td>
+                  <td onClick={() => navigateToRegister('positive_cytology_50_above_post_treatment_screening')}>
+                   
+                  </td>
+                  <td></td>
+                  <td onClick={() => navigateToRegister('positive_cytology_total')}>
+                    
+                  </td>
+                </tr>
+                <tr>
+                  <td> c) Number of clients with Positive HPV result</td>
+                  <td 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 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 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>
+                    {moh745Data?.positive_hpv_test_result_initial_visit ?? 0}
+                  </td>
+                  <td 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 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 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>
+                    {moh745Data?.positive_hpv_test_result_routine_visit ?? 0}
+                  </td>
+                  <td 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 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 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>
+                    {moh745Data?.positive_hpv_test_result_post_treatment_visit ?? 0}
+                  </td>
+                  <td onClick={() => navigateToRegister('positive_hpv_test_result_post_treatment_visit')}></td>
+                </tr>
+                <tr>
+                  <td>Total Clients Screened positive (2 a, b &c Above)</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>3) Number of clients with suspicios cancer lessions </td>
+                  <td 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 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 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 onClick={() => navigateToRegister('via_or_via_vili_suspicious_lesion_initial_visit')}>
+                    {moh745Data?.via_or_via_vili_suspicious_lesion_initial_visit ?? 0}
+                  </td>
+                  <td 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 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 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>
+                    {moh745Data?.via_or_via_vili_suspicious_lesion_routine_visit ?? 0}
+                  </td>
+                  <td 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 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
+                    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 onClick={() => navigateToRegister('via_or_via_vili_suspicious_lesion_post_treatment_visit')}> {moh745Data?.via_or_via_vili_suspicious_lesion_post_treatment_visit ?? 0}</td>
+                  <td onClick={() => navigateToRegister('suspicious_cancer_lessions_total')}>
+                  
+                  </td>
+                </tr>
+                <tr>
+                  <td>4) Number of clients treated using Cryotherapy</td>
+                  <td 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 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 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>{0}</td>
+                  <td 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 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 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>{0}</td>
+                  <td 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 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 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>{0}</td>
+                  <td onClick={() => navigateToRegister('cryotherapy_treatment_total')}>
+                   
+                  </td>
+                </tr>
+                <tr>
+                  <td>5) Number of clients treated using Thermocoagulation</td>
+                  <td 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 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 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>{moh745Data?.treatment_method_thermo_coagulation_initial_visit ?? 0}</td>
+                  <td 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 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 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
+                  onClick={() => navigateToRegister('treatment_method_thermo_coagulation_routine_visit')}
+                  >
+                    {moh745Data?.treatment_method_thermo_coagulation_routine_visit ?? 0}</td>
+                  <td
+                    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 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
+                    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
+                  onClick={() => navigateToRegister('treatment_method_thermo_coagulation_post_treatment_visit')}
+                  >{moh745Data?.treatment_method_thermo_coagulation_post_treatment_visit ?? 0}</td>
+                  <td onClick={() => navigateToRegister('thermocoagulation_treatment_total')}>
+                    
+                  </td>
+                </tr>
+                <tr>
+                  <td>6) Number of clients treated using LEEP</td>
+                  <td 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 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 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
+                  onClick={() => navigateToRegister('treatment_method_leep_initial_visit')}
+                  >{moh745Data?.treatment_method_leep_initial_visit ?? 0}</td>
+                  <td 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 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 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
+                  onClick={() => navigateToRegister('treatment_method_leep_routine_visit')}
+                  >{moh745Data?.treatment_method_leep_routine_visit ?? 0}</td>
+                  <td 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 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 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
+                  onClick={() => navigateToRegister('treatment_method_leep_post_treatment_visit')}
+                  >{moh745Data?.treatment_method_leep_post_treatment_visit ?? 0}
+                  </td>
+                  <td onClick={() => navigateToRegister('leep_treatment_total')}></td>
+                </tr>
+                <tr>
+                  <td>7) Numeber of other treatment given (e.g Hysterectomy, cone)</td>
+                  <td 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 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 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>{moh745Data?.treatment_method_other_initial_visit ?? 0}</td>
+                  <td 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 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 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
+                  onClick={() => navigateToRegister('treatment_method_other_routine_visit')}
+                  >{moh745Data?.treatment_method_other_routine_visit ?? 0}</td>
+                  <td 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 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 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
+                  onClick={() => navigateToRegister('treatment_method_other_post_treatment_visit')}
+                  >{moh745Data?.treatment_method_other_post_treatment_visit ?? 0}</td>
+                  <td onClick={() => navigateToRegister('other_treatment_total')}>
+                    
+                  </td>
+                </tr>
+                <tr>
+                  <td>8) Number of HIV positive clients screened</td>
+                  <td
+                    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
+                    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
+                    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>{moh745Data?.hiv_positive_screened_initial_visit ?? 0}</td>
+                  <td
+                    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
+                    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
+                    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
+                   onClick={() =>
+                      navigateToRegister('hiv_positive_screened_routine_visit')
+                    }
+                  >{moh745Data?.hiv_positive_screened_routine_visit ?? 0}</td>
+                  <td
+                    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
+                    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
+                    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
+                  onClick={() => navigateToRegister('hiv_positive_screened_post_treatment_visi')}
+                  >{moh745Data?.hiv_positive_screened_post_treatment_visit ?? 0}</td>
+                  <td onClick={() => navigateToRegister('hiv_positive_screened_cervical_cancer_total')}>
+                    
+                  </td>
+                </tr>
+                <tr>
+                  <td>9) Number of HIV positive with positive screening</td>
+                  <td
+                    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
+                    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
+                    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
+                   onClick={() =>
+                      navigateToRegister('hiv_positive_screened_positive_result_initial_visit')
+                    }
+                  >{moh745Data?.hiv_positive_screened_positive_result_initial_visit ?? 0}</td>
+                  <td
+                    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
+                    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
+                    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
+                   onClick={() =>
+                      navigateToRegister('hiv_positive_screened_positive_result_routine_visit')
+                    }
+                  >{moh745Data?.hiv_positive_screened_positive_result_routine_visit ?? 0}</td>
+                  <td
+                    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
+                    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
+                    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>{moh745Data?.hiv_positive_screened_positive_result_post_treatment_visit ?? 0}</td>
+                  <td onClick={() => navigateToRegister('hiv_positive_cervical_cancer_positive_total')}>
+                   
+                  </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;