
<br>
<aside class="page-sidebar">
    <div class="page-logo">
        <a href="#" class="page-logo-link press-scale-down d-flex align-items-center position-relative" data-toggle="modal" data-target="#modal-shortcut">
            <img src="../img/logo/bm2.png" alt="Beam" style="width: 100px;" aria-roledescription="logo">
            <span class="page-logo-text mr-1"></span>
            <span class="position-absolute text-white opacity-50 small pos-top pos-right mr-2 mt-n2"></span>            
        </a>
    </div>
    <!-- BEGIN PRIMARY NAVIGATION -->
    
    <nav id="js-primary-nav" class="primary-nav" role="navigation">

        <div class="nav-filter">
            <div class="position-relative">
                <input type="text" id="nav_filter_input" placeholder="Filter menu" class="form-control" tabindex="0">
                <a href="#" onclick="return false;" class="btn-primary btn-search-close js-waves-off" data-action="toggle" data-class="list-filter-active" data-target=".page-sidebar">
                    <i class="fa fa-chevron-up"></i>
                </a>
            </div>
        </div>

        <div class="info-card">
            <img src="../img/demo/avatars/beamavatar5.png" class="profile-image rounded-circle" alt="<?php echo $title_name;?>">
            <div class="info-card-text">
                <a href="#" class="d-flex align-items-center text-white">
                    <span class="text-truncate text-truncate-sm d-inline-block">
                       <?php echo $RkName." ".$family_name." ".substr($first_name, 0, 1);?>
                    </span>
                </a>
                <span class="d-inline-block text-truncate text-truncate-sm"><?php echo $title_name;?></span>
            </div>
            <img src="../img/card-backgrounds/cover-2-lg.png" class="cover" alt="cover">
            <a href="#" onclick="return false;" class="pull-trigger-btn" data-action="toggle" data-class="list-filter-active" data-target=".page-sidebar" data-focus="nav_filter_input">
                <i class="fa fa-angle-down"></i>
            </a>
        </div>

           <ul id="js-nav-menu" class="nav-menu">
            <?php 

                ###### IT ####
                if($role_id==1){
                    include 'a/ict.php';
                }

                ###### CMDR CMD ####
                if($role_id==2 || $role_id==3){
                    include 'a/comd.php';
                }

                ###### CONS ####
                if($role_id==5){
                    include 'a/const.php';
                }

                ###### INSPECTION ####
                if($role_id==6){
                    include 'a/inspdes.php';
                }

                ###### FINANCE ######
                if($role_id==7){
                    include 'a/fnce.php';
                }

                 ###### IBC ####
                 if($role_id==8){
                    include 'a/proc.php';
                }


                ###### IBC ####
                  if($role_id==9){
                    include 'a/verfy.php';
                }

                 ###### IBC ####
                 if($role_id==10){
                    include 'a/ibc.php';
                }

                ###### RECEPTION ####
                if($role_id==12){
                   include 'a/recp.php';
                }

                ###### RECEPTION ####
                if($role_id==15){
                    include 'a/montor.php';
                 }
            ?>          

             <li>
                <a href="<?php echo web_root;?>/beam/bm" title="Beam Mail" data-filter-tags="Beam Mail">
                <i class="fa fa-envelope-o" aria-hidden="true"></i>
                    <span class="nav-link-text">Bmail (<?php echo $notifieIncom;?>)</span>
                </a>
            </li>

           </ul>
        </li>
    </ul>

    <div class="filter-message js-filter-message bg-success-600"></div>
    </nav>
    <!-- END PRIMARY NAVIGATION -->

    <!-- NAV FOOTER -->
    <div class="nav-footer shadow-top">
        <a href="#" onclick="return false;" data-action="toggle" data-class="nav-function-minify" class="hidden-md-down">
            <i class="fa fa-chevron-right"></i>
            <i class="fa fa-chevron-right"></i>
        </a>
        <ul class="list-table m-auto nav-footer-buttons">
            <li>
                <a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Chat logs">
                    <i class="fa fa-comments"></i>
                </a>
            </li>


            <li>
                <a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Support Chat">
                    <i class="fa fa-life-ring"></i>
                </a>
            </li>
            
            <li>
                <a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Make a call">
                    <i class="fa fa-phone"></i>
                </a>
            </li>
        </ul>
    </div> <!-- END NAV FOOTER -->

</aside>