<div class="page-header">
    <div class="header-wrapper row m-0">
        <div class="header-logo-wrapper col-auto p-0">
            <div class="logo-wrapper"><a href="index.html"><img class="img-fluid" src="<?= $cfg_baseurl ?>assets/images/logo/logo.png" alt=""></a></div>
            <div class="toggle-sidebar"><i class="status_toggle middle sidebar-toggle" data-feather="align-center"></i></div>
        </div>
        <div class="nav-right col-xxl-7 col-xl-6 col-md-7 col-8 pull-right right-header p-0 ms-auto">
            <ul class="nav-menus">
                <li>
                        <a href="/pages/view"><i data-feather="globe"></i></a>
                </li>
                <li>
                    <div class="mode">
                        <svg>
                            <use href="<?= $cfg_baseurl ?>assets/svg/icon-sprite.svg#moon"></use>
                        </svg>
                    </div>
                </li>
                <li class="profile-nav onhover-dropdown pe-0 py-0">
                    <div class="media profile-media"><img class="b-r-10" src="<?= $cfg_baseurl ?>assets/images/dashboard/profile-user.png" alt="">
                        <div class="media-body"><span><?= $sess_username; ?></span>
                            <p class="mb-0 font-roboto"><?= $data_user['level']; ?><i class="middle fa fa-angle-down"></i></p>
                        </div>
                    </div>
                    <ul class="profile-dropdown onhover-show-div">
                        <li><a href="/pages/settings"><i data-feather="user"></i><span>Akun </span></a></li>
                        <li><a href="/pages/logout"><i data-feather="log-out"> </i><span>Log Out</span></a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</div>
