Index of /ALFA_DATA/cgialfa/171507441

<?php ?>
<div id="<?php echo esc_attr($uid); ?>" class="ik-data-hub">
    <div class="dh-safe-area">

        <!-- RED LINE -->
        <div class="dh-red-line"></div>

        <!-- MAIN TITLE -->
        <?php if ( $title_primary || $title_secondary ): ?>
            <h2 class="dh-main-title">
                <?php if ( $title_primary ): ?>
                    <span class="dh-title-serif"><?php echo esc_html( $title_primary ); ?></span>
                <?php endif; ?>
                <?php if ( $title_secondary ): ?>
                    <span class="dh-title-sans"><?php echo esc_html( $title_secondary ); ?></span>
                <?php endif; ?>
            </h2>
        <?php endif; ?>

        <!-- INTRO TEXT -->
        <?php if ( $page_desc ): ?>
            <p class="dh-intro-text"><?php echo esc_html( $page_desc ); ?></p>
        <?php endif; ?>

        <!-- TWO-COLUMN LAYOUT -->
        <div class="dh-layout">

            <!-- SIDEBAR -->
            <aside class="dh-sidebar">
                <div class="dh-sidebar-label">CATEGORIES</div>
                <ul class="dh-cat-list">
                    <?php foreach ( $categories as $ci => $cat ): ?>
                        <li class="dh-cat-item<?php echo $ci === 0 ? ' is-active' : ''; ?>" data-cat="<?php echo esc_attr($ci); ?>">
                            <span class="dh-cat-text"><?php echo esc_html( $cat['name'] ); ?></span>
                            <span class="dh-cat-chevron">
                                <svg width="8" height="14" viewBox="0 0 8 14" fill="none"><path d="M1 1L7 7L1 13" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
                            </span>
                        </li>
                    <?php endforeach; ?>
                </ul>
            </aside>

            <!-- CONTENT AREA -->
            <div class="dh-content">

                <!-- ==================== LIST VIEW ==================== -->
                <?php foreach ( $categories as $ci => $cat ): ?>
                <div class="dh-cat-panel<?php echo $ci === 0 ? ' is-active' : ''; ?>" data-cat-panel="<?php echo esc_attr($ci); ?>">

                    <!-- Category header -->
                    <?php if ( $cat['name'] ): ?>
                        <h3 class="dh-cat-title"><?php echo esc_html( $cat['name'] ); ?></h3>
                    <?php endif; ?>
                    <?php if ( $cat['description'] ): ?>
                        <p class="dh-cat-desc"><?php echo esc_html( $cat['description'] ); ?></p>
                    <?php endif; ?>

                    <!-- Items list -->
                    <div class="dh-items-list">
                        <?php foreach ( $cat['items'] as $ii => $item ): ?>
                        <div class="dh-item" data-cat="<?php echo esc_attr($ci); ?>" data-item="<?php echo esc_attr($ii); ?>">
                            <div class="dh-item-left">
                                <div class="dh-item-icon">
                                    <?php if ( $item['icon'] ): ?>
                                        <img src="<?php echo esc_url( $item['icon'] ); ?>" alt="" width="40" height="40" />
                                    <?php else: ?>
                                        <!-- Placeholder icon -->
                                        <svg width="40" height="40" viewBox="0 0 40 40" fill="none">
                                            <circle cx="20" cy="20" r="18" stroke="#DB2129" stroke-width="1.5" fill="none"/>
                                            <path d="M14 20h12M20 14v12" stroke="#DB2129" stroke-width="1.5" stroke-linecap="round"/>
                                        </svg>
                                    <?php endif; ?>
                                </div>
                                <div class="dh-item-info">
                                    <div class="dh-item-title"><?php echo esc_html( $item['title'] ); ?></div>
                                    <?php if ( $item['description'] ): ?>
                                        <div class="dh-item-desc"><?php echo esc_html( $item['description'] ); ?></div>
                                    <?php endif; ?>
                                    <?php if ( $item['updated_date'] ): ?>
                                        <div class="dh-item-date">Updated <?php echo esc_html( $item['updated_date'] ); ?></div>
                                    <?php endif; ?>
                                </div>
                            </div>
                            <div class="dh-item-actions">
                                <?php if ( $item['view_type'] !== 'none' ): ?>
                                    <button type="button" class="dh-btn-view" data-cat="<?php echo esc_attr($ci); ?>" data-item="<?php echo esc_attr($ii); ?>">
                                        <img src="<?php echo esc_url( ik_upload_url('2026/04/Icon-2.png') ); ?>" alt="" width="16" height="16" />
                                        <span>View</span>
                                    </button>
                                <?php endif; ?>
                                <?php if ( $item['download_file'] ): ?>
                                    <a class="dh-btn-download" href="<?php echo esc_url( $item['download_file'] ); ?>" download>
                                        <img src="<?php echo esc_url( ik_upload_url('2026/04/Icon-1.png') ); ?>" alt="" width="16" height="16" />
                                        <span>Download</span>
                                    </a>
                                <?php endif; ?>
                            </div>
                        </div>
                        <?php endforeach; ?>
                    </div>

                </div>
                <?php endforeach; ?>

                <!-- ==================== DETAIL VIEW ==================== -->
                <div class="dh-detail" style="display:none;">

                    <!-- Back button -->
                    <div class="dh-detail-top">
                        <button type="button" class="dh-back-btn">
                            <svg width="8" height="14" viewBox="0 0 8 14" fill="none"><path d="M7 13L1 7L7 1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
                            <span>Back</span>
                        </button>
                        <a class="dh-detail-download dh-btn-download" href="#" download style="display:none;">
                            <img src="<?php echo esc_url( ik_upload_url('2026/04/Icon-1.png') ); ?>" alt="" width="16" height="16" />
                            <span>Download</span>
                        </a>
                    </div>

                    <!-- Detail header -->
                    <h3 class="dh-detail-title"></h3>
                    <p class="dh-detail-desc"></p>

                    <!-- TABLE VIEW CONTAINER -->
                    <div class="dh-table-view" style="display:none;">
                        <div class="dh-table-tabs"></div>
                        <div class="dh-table-panels"></div>
                    </div>

                    <!-- CHART VIEW CONTAINER -->
                    <div class="dh-chart-view" style="display:none;">
                        <div class="dh-chart-top-tabs-wrapper">
                            <ul class="dh-chart-top-tabs"></ul>
                            <div class="dh-chart-top-indicator"></div>
                        </div>
                        <div class="dh-chart-sub-tabs"></div>
                        <div class="dh-chart-canvas-wrap">
                            <canvas class="dh-chart-canvas"></canvas>
                        </div>
                        <div class="dh-chart-subtab-table" style="display:none;"></div>
                        <div class="dh-chart-source" style="display:none;">
                            <span class="dh-chart-source-label">Source</span>
                            <a class="dh-chart-source-text" href="#" target="_blank" rel="noopener"></a>
                        </div>
                    </div>

                    <!-- ACCORDION VIEW CONTAINER -->
                    <div class="dh-accordion-view" style="display:none;"></div>

                </div>

            </div><!-- /.dh-content -->

        </div><!-- /.dh-layout -->

    </div><!-- /.dh-safe-area -->
</div><!-- /.ik-data-hub -->