        <input type="checkbox" id="site_menu_trigger_input" class="site-menu-trigger-input" />
        
        <div class="inner-body-container" id="inner_body_container">
            <div class="inner-body" id="scroll_container">
                
            <header class="site-header">
              <a href="/mobile/home" class="logo">
                <img alt="Logo" loading="lazy" src="/<?= $config['logo'] ?>" />
              </a>
              
              <?php if (isset($_SESSION['user_id'])): ?>
              <div class="header-info">
                <div class="unread-announcements-button" data-announcement-count="<?= $pesan; ?>" id="unread_announcements_button">
                  <a href="/mobile/messages/announcement">
                    <img loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/layout/bell.svg?v=20241125" />
                  </a>
                </div>
              </div>
              <?php endif; ?>
            
              <label class="site-menu-trigger" for="site_menu_trigger_input" data-new-notification="false">
                <i data-icon="menu"></i>
              </label>
            </header>
