Dev:Appointment statistics

TBD

Overview

The Overview Reports Page is designed to provide users with a concise and visually appealing view of available reports. Each report will be represented by a card containing essential information, such as an icon representing the report type, the report's name, and a brief summary. Users can easily navigate through the reports by clicking on a specific card, which will open the chosen report along with its detailed contents.

Header Navigation:

A consistent header at the top of the page with application name

Report Cards:

• A grid layout of report cards, each presenting a report's essential details.
• Each card consists of:
  • An icon representing the report type (e.g., a graph icon for statistical reports, a document icon for textual reports).
  • The name of the report (e.g., "Monthly Appointment Statistics Report").
  • A brief summary (1-2 sentences) highlighting the report's key findings.
  • A clickable area covering the entire card, making it easy for users to select a report.

Functionality:

• Each report card is interactive, responding to user's click.
• When a user clicks on a report card, the system will navigate to the detailed view of the chosen report.

Appointment statistics report - details