Client Profile Overview

Technical Development User Story

As an administrator, I need a client profile screen that clearly displays core information, supports conditional rendering based on profile flags, and uses collapsible sections to manage information density.

Acceptance Criteria:

• Layout: The page must center around a main **Profile Card** displaying the client's image (circular container), name, contact, and last login date.
• Conditional Status Badge: The client's status (Active/Inactive) must be displayed using a dynamically colored badge that changes based on a boolean flag (e.g., green for Active, red for Inactive).
• Collapsible Containers: Implement at least two separate information containers that can be **toggled open and closed** by clicking a header (simulating the OutSystems Accordion/Collapse widget).
• Conditional Visibility: One collapsible section (**User Permissions**) must demonstrate **Conditional Rendering**. This entire section should only be visible if a specific boolean flag (**hasPermissions**) is set to True.
• Data Display: Use simple containers and expressions to format and display various data types (Text, Dates, Booleans) read from a single data source record.
• Functionality: Include a control panel to simulate changing the **Status** and **Permissions** flags, verifying that both the badge color/text and the visibility of the collapsible section update correctly in real-time.