<!-- ==========================================================
     Agile AI University
     Student & Executive Portal

     File        : index.html
     Page        : Portal Dashboard
     Version     : 3.4.2
     Status      : ACTIVE
     Date        : July 2026

     Governance  : Portal Governance v3.0

     Purpose
     ----------------------------------------------------------
     Provides the authenticated learner with the operational
     home for Agile AI University services.

     The dashboard presents:

     • Profile summary
     • Credential portfolio metrics
     • Recent credentials
     • Recommended progression
     • Assessment access
     • Governed portal navigation

     Experience Hierarchy
     ----------------------------------------------------------
     Dashboard
          ↓
     Operational Summary
          ↓
     Recent Credentials
          ↓
     My Credentials
          ↓
     Credential Portfolio
          ↓
     Credential Workspace

     Architectural Position
     ----------------------------------------------------------
     Authentication
          ↓
     Authorization
          ↓
     Entitlement Resolution
          ↓
     Dashboard Gating
          ↓
     Dashboard Service
          ↓
     Dashboard Renderer
          ↓
     Dashboard Widgets

     Credential Interaction
     ----------------------------------------------------------
     Recent Credentials
          ↓
     Credential Detail Actions
          ↓
     Credential Detail Overlay
          ↓
     Credential Asset Service
          ↓
     Credential Asset Preview

     Governance Rules
     ----------------------------------------------------------
     • Dashboard remains the learner's operational home.

     • Dashboard must not become the complete credential
       portfolio.

     • My Credentials remains the complete professional
       credential portfolio.

     • Dashboard must not query Firestore directly.

     • Dashboard must not query Cloud Storage directly.

     • Dashboard must not determine credential visibility.

     • Credential visibility is resolved before rendering.

     • Credential asset access is delegated to the shared
       Credential Workspace implementation.

     • No duplicate credential preview or download logic
       may be introduced in the dashboard.

     • Admin Portal publishes assets.

     • Student Portal consumes published assets.

     • Dashboard UI consumes governed ViewModels only.

     Change History
     ----------------------------------------------------------
     v3.4.2

     • Versioned EligibilityService v1.4.0
     • Versioned UpgradeCard v1.4.0
     • Added governed 18 percent GST transparency
     • Added resolved GST amount and total payable presentation
     • Preserved payment gateway as final amount authority

     v3.4.1

     • Versioned EligibilityService v1.3.0
     • Extended AOP Bridge offer through 22 July 2026
     • Activated authoritative business-time-zone expiry enforcement
     • Preserved governed upgrade rendering and footer integration
     • Preserved authenticated dashboard dependency order

     v3.4.0

     • Added governed authenticated portal footer mount
     • Added PortalFooter v2.0.0 component dependency
     • Added scoped portal footer stylesheet dependency
     • Preserved authenticated portal shell architecture
     • Preserved dashboard orchestration and dependency order

     v3.3.9

     • Versioned UpgradeWidget v1.3.0
     • Activated fail-closed upgrade section orchestration
     • Added actionable-card verification before presentation
     • Added accessible upgrade section visibility management
     • Preserved safe link and optional overlay behavior

     v3.3.8

     • Versioned UpgradeCard v1.3.0
     • Activated fail-closed upgrade card rendering
     • Made Recommended Upgrade presentation default hidden
     • Prepared governed section visibility for UpgradeWidget
     • Preserved dashboard dependency order

     v3.3.7

     • Versioned DashboardWidgets v3.1.0
     • Activated dependency-safe widget orchestration
     • Isolated individual widget rendering failures
     • Removed full dashboard ViewModel diagnostics
     • Preserved dashboard widget dependency order

     v3.3.6

     • Versioned DashboardRenderer v1.1.0
     • Activated privacy-safe dashboard rendering diagnostics
     • Preserved DashboardWidgets dependency order
     • Preserved authenticated dashboard orchestration

     v3.3.5

     • Removed duplicate authorized Assessment action
     • Retained Assessment Platform through governed Quick Access
     • Versioned privacy-safe Dashboard Gating Phase-9.4.2
     • Preserved authorization and no-services experience

     v3.3.4

     • Versioned Sidebar v1.5.0 release navigation
     • Versioned Toolbar v1.4.0 value hardening
     • Removed visible placeholder navigation and controls
     • Preserved authentication and dashboard orchestration

     v3.3.3

     • Versioned DashboardService v1.3.0
     • Activated governed Quick Access capability model
     • Preserved dashboard service dependency order

     v3.3.2

     • Versioned QuickAccessCard v1.1.0
     • Activated placeholder and unsafe-link rejection
     • Preserved Quick Access widget dependency order
     • Preserved authenticated dashboard orchestration

     v3.3.1

     • Added governed Quick Access section identity
     • Made the Quick Access presentation default hidden
     • Added accessible empty-section state
     • Versioned QuickAccessWidget v1.1.0
     • Preserved authenticated dashboard orchestration

     v3.3.0

     • Converted dashboard to authenticated-only experience
     • Removed legacy embedded sign-in interface
     • Removed legacy dashboard Sign out action
     • Added fail-closed authentication pending state
     • Added governed toolbar account-menu stylesheet
     • Versioned changed authentication and toolbar assets
     • Preserved dashboard and credential orchestration

     v3.2.0

     • Added View All Credentials portfolio navigation
     • Preserved My Credentials as learner-facing terminology
     • Corrected Credential Workspace dependency order
     • Loaded preview components before detail actions
     • Loaded overlay before credential interaction services
     • Preserved all existing dashboard IDs and hooks
     • Preserved dashboard orchestration architecture
     • Prepared dashboard for alumni activation release

========================================================== -->

<!doctype html>

<html
    lang="en"
    data-portal-auth-state="pending">

<head>

    <meta charset="utf-8">

    <meta
        name="viewport"
        content="width=device-width, initial-scale=1">

    <meta
        name="description"
        content="Access your Agile AI University credentials, learning progress, assessments and professional services.">

    <title>
        Agile AI University Portal
    </title>


    <!-- ==================================================
         CORE STYLES
    ================================================== -->

    <link
        rel="stylesheet"
        href="/assets/css/site.css">

    <link
        rel="stylesheet"
        href="/assets/css/portal.css">


    <!-- ==================================================
         SHARED PORTAL TOOLBAR
    ================================================== -->

    <link
        rel="stylesheet"
        href="/assets/css/components/toolbar.css?v=1.2.0">


    <!-- ==================================================
         AUTHENTICATED PORTAL FOOTER
    ================================================== -->

    <link
        rel="stylesheet"
        href="/assets/css/components/footer.css?v=2.0.0">


    <!-- ==================================================
         AUTHENTICATION CONTENT PROTECTION

         The portal shell remains unavailable until
         PortalAuth confirms an authenticated Firebase user.
    ================================================== -->

    <style>

        html[data-portal-auth-state="pending"]
        .portal-shell,
        html[data-portal-auth-state="unauthenticated"]
        .portal-shell {

            visibility: hidden;

        }

    </style>


    <!-- ==================================================
         SHARED OVERLAY FRAMEWORK
    ================================================== -->

    <link
        rel="stylesheet"
        href="/assets/css/components/overlay.css">


    <!-- ==================================================
         CREDENTIAL DETAIL EXPERIENCE
    ================================================== -->

    <link
        rel="stylesheet"
        href="/assets/css/components/credential-detail/credential-detail-overlay.css">


    <!-- ==================================================
         ASSET PREVIEW EXPERIENCE
    ================================================== -->

    <link
        rel="stylesheet"
        href="/assets/css/components/asset-preview/credential-asset-preview.css">


    <!-- ==================================================
         UPGRADE REGISTRATION EXPERIENCE
    ================================================== -->

    <link
        rel="stylesheet"
        href="/assets/css/components/upgrade-registration/upgrade-registration-overlay.css">

</head>


<body data-page="dashboard">

    <div class="portal-shell">


        <!-- ==================================================
             PORTAL SIDEBAR
        ================================================== -->

        <aside
            id="portal-sidebar"
            class="portal-sidebar">
        </aside>


        <!-- ==================================================
             PORTAL CONTENT
        ================================================== -->

        <section class="portal-content-shell">


            <!-- ==============================================
                 PORTAL TOOLBAR
            =============================================== -->

            <header
                id="portal-toolbar"
                class="portal-toolbar">
            </header>


            <!-- ==============================================
                 DASHBOARD
            =============================================== -->

            <main
                id="main-content"
                class="portal-home">

                <div class="portal-page">


                    <!-- ======================================
                         DASHBOARD HEADER
                    ======================================= -->

                    <section class="dashboard-header">

                        <div class="dashboard-header-content">

                            <p class="dashboard-subtitle">

                                Welcome back!

                                Here is an overview of your
                                credentials, recognitions and
                                learning progress.

                            </p>

                        </div>

                    </section>


                    <!-- ======================================
                         SIGNED-IN EXPERIENCE
                    ======================================= -->

                    <section
                        id="signedInUI"
                        class="dashboard"
                        hidden>


                        <!-- ==================================
                             QUICK ACCESS
                        =================================== -->

                        <div
                            id="dashboardQuickAccessSection"
                            class="dashboard-section"
                            hidden
                            aria-hidden="true">

                            <section class="dashboard-card quick-access">

                                <div class="dashboard-card-header">

                                    <h2 class="dashboard-card-title">
                                        Quick Access
                                    </h2>

                                </div>

                                <div
                                    id="dashboardQuickAccess"
                                    class="quick-access-grid">
                                </div>

                            </section>

                        </div>


                        <!-- ==================================
                             PROFILE AND KPI OVERVIEW
                        =================================== -->

                        <div class="dashboard-overview">

                            <section class="dashboard-card">

                                <div class="dashboard-card-header">

                                    <h2 class="dashboard-card-title">
                                        Profile Summary
                                    </h2>

                                </div>

                                <div class="dashboard-card-body">

                                    <p class="user-name">

                                        <strong id="userName"></strong>

                                    </p>

                                    <p
                                        id="userEmail"
                                        class="user-email">
                                    </p>

                                    <p class="user-membership">

                                        <strong>
                                            Membership:
                                        </strong>

                                        <span id="userMembership">
                                            University Member
                                        </span>

                                    </p>

                                </div>

                            </section>


                            <section class="dashboard-section">

                                <div class="dashboard-kpi-grid">


                                    <!-- Credential Portfolio -->

                                    <article class="dashboard-kpi-card is-info">

                                        <div class="dashboard-kpi-header">

                                            <span class="dashboard-kpi-label">
                                                Credential Portfolio
                                            </span>

                                        </div>

                                        <span
                                            id="kpiCredentials"
                                            class="dashboard-kpi-value">

                                            —

                                        </span>

                                    </article>


                                    <!-- University Certificates -->

                                    <article class="dashboard-kpi-card is-success">

                                        <div class="dashboard-kpi-header">

                                            <span class="dashboard-kpi-label">
                                                University Certificates
                                            </span>

                                        </div>

                                        <span
                                            id="kpiCertificates"
                                            class="dashboard-kpi-value">

                                            —

                                        </span>

                                    </article>


                                    <!-- Trainer Certificates -->

                                    <article class="dashboard-kpi-card is-warning">

                                        <div class="dashboard-kpi-header">

                                            <span class="dashboard-kpi-label">
                                                Trainer Certificates
                                            </span>

                                        </div>

                                        <span
                                            id="kpiTrainerCertificates"
                                            class="dashboard-kpi-value">

                                            —

                                        </span>

                                    </article>


                                    <!-- Digital Badges -->

                                    <article class="dashboard-kpi-card is-info">

                                        <div class="dashboard-kpi-header">

                                            <span class="dashboard-kpi-label">
                                                Digital Badges
                                            </span>

                                        </div>

                                        <span
                                            id="kpiBadges"
                                            class="dashboard-kpi-value">

                                            —

                                        </span>

                                    </article>


                                    <!-- Recognition Assets -->

                                    <article class="dashboard-kpi-card is-danger">

                                        <div class="dashboard-kpi-header">

                                            <span class="dashboard-kpi-label">
                                                Recognition Assets
                                            </span>

                                        </div>

                                        <span
                                            id="kpiRecognitions"
                                            class="dashboard-kpi-value">

                                            —

                                        </span>

                                    </article>

                                </div>

                            </section>

                        </div>


                        <!-- ==================================
                             RECENT CREDENTIALS
                        =================================== -->

                        <div class="dashboard-section">

                            <section class="dashboard-card">

                                <div class="dashboard-card-header">

                                    <h2 class="dashboard-card-title">
                                        Recent Credentials
                                    </h2>

                                    <a
                                        href="/credentials/my-credentials.html"
                                        class="dashboard-card-link">

                                        View All Credentials

                                    </a>

                                </div>

                                <div
                                    id="recentCredentials"
                                    class="dashboard-widget-grid"
                                    aria-live="polite">
                                </div>

                            </section>

                        </div>


                        <!-- ==================================
                             RECOMMENDED UPGRADE
                        =================================== -->

                        <div
                            id="dashboardUpgradeSection"
                            class="dashboard-section"
                            hidden
                            aria-hidden="true">

                            <section class="dashboard-card">

                                <div class="dashboard-card-header">

                                    <h2 class="dashboard-card-title">
                                        Recommended Upgrade
                                    </h2>

                                </div>

                                <div
                                    id="dashboardUpgrade"
                                    class="dashboard-upgrade-container">
                                </div>

                            </section>

                        </div>


                        <!-- ==================================
                             NO ACTIVE SERVICES
                        =================================== -->

                        <section
                            id="noServicesUI"
                            class="dashboard-card hidden">

                            <h2>
                                No Active Services
                            </h2>

                            <p>

                                Your account has been
                                successfully authenticated.

                            </p>

                            <p>

                                No active Agile AI University
                                services or credentials are
                                currently associated with this
                                account.

                            </p>

                            <p>

                                If you believe this is incorrect,
                                please contact

                                <a href="mailto:support@agileai.university">
                                    support@agileai.university
                                </a>.

                            </p>

                        </section>


                    </section>

                </div>

            </main>


            <!-- ==============================================
                 INSTITUTIONAL PORTAL FOOTER
            =============================================== -->

            <div id="site-footer"></div>

        </section>

    </div>


    <!-- ==================================================
         PORTAL CONTEXT
    ================================================== -->

    <script>

        window.__AAIU_CONTEXT =
            "portal";

        window.__AAIU_PAGE =
            "dashboard";

        window.__AAIU_EXPERIENCE =
            "operational-home";

        window.__AAIU_PORTAL_LOGIN_URL__ =
            "/login.html";

    </script>


    <!-- ==================================================
         FIREBASE
    ================================================== -->

    <script
        src="https://www.gstatic.com/firebasejs/9.23.0/firebase-app-compat.js">
    </script>

    <script
        src="https://www.gstatic.com/firebasejs/9.23.0/firebase-auth-compat.js">
    </script>

    <script
        src="https://www.gstatic.com/firebasejs/9.23.0/firebase-firestore-compat.js">
    </script>


    <!-- ==================================================
         AUTHENTICATION FOUNDATION
    ================================================== -->

    <script src="/assets/js/auth/firebase-init.js?v=1.4.0"></script>

    <script src="/assets/js/auth/portal-auth.js?v=2.0.1"></script>
    
    <script src="/assets/js/auth/portal-session-service.js?v=1.2.1"></script>


    <!-- ==================================================
         ENTITLEMENT FOUNDATION
    ================================================== -->

    <script src="/assets/js/entitlement.js"></script>

    <script
        src="/assets/js/services/entitlements/resolvePortalEntitlements.js">
    </script>


    <!-- ==================================================
         AUTHORIZATION
    ================================================== -->

    <script
        src="/assets/js/services/authorization/portal-authorization.js">
    </script>

    <script src="/assets/js/dashboard-gating.js?v=9.4.2"></script>


    <!-- ==================================================
         SHARED PORTAL LAYOUT
    ================================================== -->

    <script src="/assets/js/components/sidebar.js?v=1.7.0"></script>

    <script src="/assets/js/components/toolbar.js?v=1.4.0"></script>

    <script src="/assets/js/footer.js?v=2.0.0"></script>


    <!-- ==================================================
         PROGRAMME SERVICES
    ================================================== -->

    <script
        src="/assets/js/services/programs/program-service.js">
    </script>


    <!-- ==================================================
         CREDENTIAL DOMAIN FOUNDATION
    ================================================== -->

    <script
        src="/assets/js/services/credentials/credential-validation.js">
    </script>

    <script
        src="/assets/js/services/credentials/credential-registry.js">
    </script>

    <script
        src="/assets/js/services/credentials/credential-asset-service.js">
    </script>


    <!-- ==================================================
         ASSET PREVIEW RENDERERS

         Individual renderers load before the preview
         orchestrator.
    ================================================== -->

    <script
        src="/assets/js/components/asset-preview/renderers/certificate-preview.js">
    </script>

    <script
        src="/assets/js/components/asset-preview/renderers/trainer-certificate-preview.js">
    </script>

    <script
        src="/assets/js/components/asset-preview/renderers/badge-preview.js">
    </script>

    <script
        src="/assets/js/components/asset-preview/credential-asset-preview.js">
    </script>


    <!-- ==================================================
         CREDENTIAL WORKSPACE SECTIONS
    ================================================== -->

    <script
        src="/assets/js/components/credential-detail/credential-detail-header.js">
    </script>

    <script
        src="/assets/js/components/credential-detail/credential-information-section.js">
    </script>

    <script
        src="/assets/js/components/credential-detail/credential-recognition-section.js">
    </script>

    <script
        src="/assets/js/components/credential-detail/credential-verification-section.js">
    </script>

    <script
        src="/assets/js/components/credential-detail/credential-assets-section.js">
    </script>


    <!-- ==================================================
         CREDENTIAL WORKSPACE OVERLAY

         Overlay loads before interaction actions.
    ================================================== -->

    <script
        src="/assets/js/components/credential-detail/credential-detail-overlay.js">
    </script>


    <!-- ==================================================
         CREDENTIAL INTERACTION SERVICES
    ================================================== -->

    <script
        src="/assets/js/services/credentials/credential-detail-actions.js">
    </script>

    <script
        src="/assets/js/services/credentials/credential-renderer.js">
    </script>

    <script
        src="/assets/js/services/credentials/credential-service.js">
    </script>


    <!-- ==================================================
         LEARNING AND ELIGIBILITY SERVICES
    ================================================== -->

    <script
        src="/assets/js/services/learning/eligibility-service.js?v=1.4.0">
    </script>


    <!-- ==================================================
         DASHBOARD SERVICE
    ================================================== -->

    <script
        src="/assets/js/services/dashboard/dashboard-service.js?v=1.3.0">
    </script>


    <!-- ==================================================
         SHARED DASHBOARD CARDS
    ================================================== -->

    <script src="/assets/js/components/credential-card.js"></script>

    <script src="/assets/js/components/quick-access-card.js?v=1.1.0"></script>

    <script src="/assets/js/components/recognition-card.js"></script>

    <script src="/assets/js/components/notification-card.js"></script>

    <script
        src="/assets/js/components/upgrade-registration/upgrade-card.js?v=1.4.0">
    </script>

    <script
        src="/assets/js/components/upgrade-registration/upgrade-registration-overlay.js">
    </script>


    <!-- ==================================================
         DASHBOARD WIDGETS
    ================================================== -->

    <script
        src="/assets/js/components/dashboard/profile-widget.js">
    </script>

    <script
        src="/assets/js/components/dashboard/kpi-widget.js">
    </script>

    <script
        src="/assets/js/components/dashboard/quick-access-widget.js?v=1.1.0">
    </script>

    <script
        src="/assets/js/components/dashboard/upgrade-widget.js?v=1.3.0">
    </script>

    <script
        src="/assets/js/components/dashboard/credential-widget.js">
    </script>

    <script
        src="/assets/js/components/dashboard/recognition-widget.js">
    </script>

    <script
        src="/assets/js/components/dashboard/notification-widget.js">
    </script>


    <!-- ==================================================
         DASHBOARD ORCHESTRATION
    ================================================== -->

    <script
        src="/assets/js/components/dashboard/widgets.js?v=3.1.0">
    </script>

    <script
        src="/assets/js/components/dashboard/dashboard-renderer.js?v=1.1.0">
    </script>

    <script
        src="/assets/js/components/dashboard/dashboard.js">
    </script>

</body>

</html>