
<div id="tab-home" class="tab-content active">
    
    <div class="pwa-install-banner" id="pwaInstallBanner" style="display:none;">
        <div class="pwa-banner-content">
            <div class="pwa-banner-icon">
                <span class="material-symbols-outlined">download</span>
            </div>
            <div class="pwa-banner-text">
                <strong>Install Synpa</strong>
                <p>Pasang di perangkat Anda untuk akses cepat tanpa buka browser</p>
            </div>
            <div class="pwa-banner-actions">
                <button class="pwa-banner-install" id="bannerInstallBtn">Install</button>
                <button class="pwa-banner-dismiss" id="bannerDismissBtn">
                    <span class="material-symbols-outlined" style="font-size:1.125rem">close</span>
                </button>
            </div>
        </div>
    </div>

    
    <section class="portal-greeting">
        <div style="max-width: 48rem;">
            <h1 id="greetingText" data-username="<?php echo e(Auth::user()->name); ?>" style="white-space: pre-line;">
                Selamat datang,
                <?php echo e(Auth::user()->name); ?>

            </h1>

            
            <div class="portal-search">
                <span class="portal-search-icon material-symbols-outlined">search</span>
                <input type="text" id="portalSearch" placeholder="Cari aplikasi...">
            </div>

            
            <div class="portal-chips">
                <button class="portal-chip active" data-filter="all">All</button>
                <button class="portal-chip" data-filter="recent">Recent</button>
                <button class="portal-chip" data-filter="department">Department</button>
            </div>
        </div>
    </section>

    
    <section class="portal-grid">
        
        <a href="<?php echo e(route('login', ['redirect' => 'apps'])); ?>" class="portal-card" data-name="sppapps" data-desc="strategic planning and portfolio">
            <div class="portal-card-icon">
                <span class="material-symbols-outlined">rocket_launch</span>
            </div>
            <div>
                <h3 class="portal-card-title">SPPAPPS</h3>
                <p class="portal-card-desc">Strategic Planning & Portfolio</p>
            </div>
        </a>

        
        <a href="<?php echo e(route('login', ['redirect' => 'ops'])); ?>" class="portal-card" data-name="ops app" data-desc="operations management portal">
            <div class="portal-card-icon">
                <span class="material-symbols-outlined">settings_accessibility</span>
            </div>
            <div>
                <h3 class="portal-card-title">OPS APP</h3>
                <p class="portal-card-desc">Operations Management Portal</p>
            </div>
        </a>

        
        <a href="<?php echo e(route('login', ['redirect' => 'qr'])); ?>" class="portal-card" data-name="qr app" data-desc="digital qr code manager">
            <div class="portal-card-icon" style="background: rgba(13, 110, 253, 0.08); color: #0d6efd;">
                <span class="material-symbols-outlined">qr_code_2</span>
            </div>
            <div>
                <h3 class="portal-card-title">QR APP</h3>
                <p class="portal-card-desc">Digital QR & Shortlinks</p>
            </div>
        </a>

        
        <a href="<?php echo e(route('login', ['redirect' => 'quiz'])); ?>" class="portal-card" data-name="quiz app" data-desc="online evaluation and cbt platform">
            <div class="portal-card-icon">
                <span class="material-symbols-outlined">menu_book</span>
            </div>
            <div>
                <h3 class="portal-card-title">QUIZ APP</h3>
                <p class="portal-card-desc">Online Evaluation & CBT</p>
            </div>
        </a>

        
        <a href="<?php echo e(route('login', ['redirect' => 'lpk_exam'])); ?>" class="portal-card" data-name="lpk exam" data-desc="online evaluation and cbt platform for lpk">
            <div class="portal-card-icon">
                <span class="material-symbols-outlined">school</span>
            </div>
            <div>
                <h3 class="portal-card-title">LPK Exam <span class="role-badge" style="font-size: 0.6rem; padding: 0.15rem 0.4rem; vertical-align: middle; background: rgba(22, 163, 74, 0.12); color: #16a34a;">LPKSPP</span></h3>
                <p class="portal-card-desc">CBT Khusus LPK</p>
            </div>
        </a>

        
        <div class="portal-card" data-name="analytics" data-desc="business intelligence reports" style="opacity:0.6; cursor:default;">
            <div class="portal-card-icon">
                <span class="material-symbols-outlined">analytics</span>
            </div>
            <div>
                <h3 class="portal-card-title">ANALYTICS <span class="role-badge" style="font-size: 0.55rem; padding: 0.15rem 0.4rem; vertical-align: middle; background: rgba(148, 163, 184, 0.15); color: #64748b; letter-spacing: 0.5px;">Upcoming</span></h3>
                <p class="portal-card-desc">Business Intelligence Reports</p>
            </div>
        </div>

        
        <div class="portal-card" data-name="compliance" data-desc="policy regulatory guidelines" style="opacity:0.6; cursor:default;">
            <div class="portal-card-icon">
                <span class="material-symbols-outlined">gavel</span>
            </div>
            <div>
                <h3 class="portal-card-title">COMPLIANCE <span class="role-badge" style="font-size: 0.55rem; padding: 0.15rem 0.4rem; vertical-align: middle; background: rgba(148, 163, 184, 0.15); color: #64748b; letter-spacing: 0.5px;">Upcoming</span></h3>
                <p class="portal-card-desc">Policy & Regulatory Guidelines</p>
            </div>
        </div>

        
        <?php if(Auth::user()->hasAnyRole(['admin', 'ops_su', 'co_admin'])): ?>
            <a href="<?php echo e(route('admin.users.index')); ?>" class="portal-card admin-card" data-name="sso admin" data-desc="admin panel user management">
                <div class="portal-card-icon">
                    <span class="material-symbols-outlined">shield_person</span>
                </div>
                <div>
                    <h3 class="portal-card-title">SSO ADMIN</h3>
                    <p class="portal-card-desc">Admin Panel & User Management</p>
                </div>
            </a>
        <?php endif; ?>
    </section>
</div>
<?php /**PATH /home/sppsynergo/public_html/sso.synergo.id/resources/views/portal/home.blade.php ENDPATH**/ ?>