US-01: Login Type Selection (Tabs)

As a user visiting the login page I want to select between "Citizen/Resident" and "Other" tabs So that I see the correct login form for my user type.

UI/UX Acceptance Criteria:

• Default State: The "Citizen/Resident" tab is selected by default on page load.
• Active State: The active tab (currently "Citizen/Resident") should have a solid green background (Primary Brand Color) with white text.
• Inactive State: The inactive tab ("Other") should have a light gray background with dark text.
• Interaction: Clicking "Other" instantly swaps the content area below to show the Username/Password fields (as seen in the first screenshot).
• Visual Confirmation: The content area for "Citizen/Resident" must display the NIC (National Information Center) logo and the helper text: "You can use your National/Iqama ID to sign in to Nafath".

1. Regarding the NIC Logo

Original Question: "Why we display NIC logo in sign in section what is the purpose?"

Enhanced UX Question:

"What is the primary strategic objective of displaying the National Information Center (NIC) logo within the login card? Is this a mandatory compliance requirement to establish trust, or is it intended to visually distinguish the Nafath integration from the standard SIDF login flow?"

Why this is better:

• It asks if it's mandatory (compliance) or a design choice (visual distinction).
• It highlights "Trust", which is crucial. Users are often scared to enter their National ID unless they see an official government logo like NIC or Vision 2030.

2. Regarding the "Other" Tab Label

Original Question: "Should we rename other by another think like?"