<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>
        <?php echo $title;?> - Beam 
        </title>

        <?php include('../end/topstyle.php');?>    
        <script src="../js/vendors.bundle.js"></script>        
        <style>
            .current {
            z-index: 1;
            color: #fff;
            background-color: #677841;
            border-color: #5c6b3a;
            }
            body {
              font-family: century gothic;
            }
        </style>
    </head>
    <body class="mod-bg-1 nav-function-top header-function-fixed nav-function-fixed">
     
        <!-- BEGIN Page Wrapper -->
        <div class="page-wrapper">
            <div class="page-inner">
                <!-- BEGIN Left Aside -->
                   <?php include '../end/navmenu.php';?>
                <!-- END Left Aside -->
                <div class="page-content-wrapper" style="border-top: 3px solid #eee;background: #343434 url(../img/back.png) repeat;">
                    <?php include '../end/temphead.php';?>
                    <!-- BEGIN Page Content -->

                    <!-- the #js-page-content id is needed for some plugins to initialize -->
                   
                    <main id="js-page-content" role="main" class="page-content">
                    <?php 
                        include '../end/topbar.php';
                    ?>
                        <!-- Page heading removed for composed layout -->
                        <div class="d-flex flex-grow-1 p-0">
                            <!-- left slider -->
                            <div id="js-inbox-menu" class="flex-wrap position-relative bg-white slide-on-mobile slide-on-mobile-left">
                                <div class="position-absolute pos-top pos-bottom w-100">
                                    <div class="d-flex h-100 flex-column">
                                        <div class="px-3 px-sm-4 px-lg-5 py-4 align-items-center">
                                            <div class="btn-group btn-block" role="group" aria-label="Button group with nested dropdown ">
                                                <button type="button" class="btn btn-primary btn-block fs-md" data-action="toggle" data-class="d-flex" 
                                                data-target="#panel-compose" data-focus="message-to"><i class="fa fa-edit width-1"></i>Conversation</button>
                                            </div>
                                        </div>

                                        <div class="flex-1 pr-3">
                                            <a href="<?php echo web_root;?>beam/bm?b=box" class="dropdown-item px-3 px-sm-4 pr-lg-3 pl-lg-5 py-2 fs-md font-weight-bold d-flex
                                             justify-content-between rounded-pill border-top-left-radius-0 border-bottom-left-radius-0 <?php if($_REQUEST['b']=='box'){echo 'active';}?>">
                                                <div>
                                                    <i class="fa fa-folder-open width-1"></i>Incoming Docs
                                                </div>
                                                <div class="fw-400 fs-xs">(<?php echo $notifieIncom;?>)</div>
                                            </a>

                                            <a href="javascript:void(0)" class="dropdown-item px-3 px-sm-4 pr-lg-3 pl-lg-5 py-2 fs-md d-flex justify-content-between rounded-pill 
                                            border-top-left-radius-0 border-bottom-left-radius-0">
                                                <div>
                                                    <i class="fa fa-star width-1"></i>Starred
                                                </div>
                                                <div class="fw-400 fs-xs">(0)</div>
                                            </a>

                                            <a href="<?php echo web_root;?>beam/bm?b=sent" class="dropdown-item px-3 px-sm-4 pr-lg-3 pl-lg-5 py-2 fs-md d-flex 
                                            justify-content-between rounded-pill border-top-left-radius-0 border-bottom-left-radius-0 <?php if($_REQUEST['b']=='sent'){echo 'active';}?>">
                                                <div>
                                                    <i class="fa fa-paper-plane width-1"></i>Sent
                                                </div>
                                            </a>     

                                            <a href="javascript:void(0)" class="dropdown-item px-3 px-sm-4 pr-lg-3 pl-lg-5 py-2 fs-md font-weight-bold d-flex justify-content-between rounded-pill border-top-left-radius-0 border-bottom-left-radius-0">
                                                <div>
                                                    <i class="fa fa-trash-o width-1"></i>Trash
                                                </div>
                                            </a>

                                        </div>

                                        <div class="px-5 py-3 fs-nano fw-500">
                                            (Unlimited) GB
                                            <div class="progress mt-1" style="height: 7px;">
                                                <div class="progress-bar" role="progressbar" style="width: 11%;" aria-valuenow="11" aria-valuemin="0" aria-valuemax="100"></div>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>
                            <div class="slide-backdrop" data-action="toggle" data-class="slide-on-mobile-left-show" data-target="#js-inbox-menu"></div> <!-- end left slider -->
                            <!-- inbox container -->
                               <?php 
                                    include 'sendBox.php';
                                    include 'memoBox.php';
                                ?>

                                <?php 
                                    require_once $pg; 
                                ?>
                            <!-- end inbox container -->
                            <!-- compose message -->
                            <?php include 'cpse.php';?>
                            <!-- end compose message -->
                        </div>
                    </main>

                    <!-- this overlay is activated only when mobile menu is triggered -->
                    <div class="page-content-overlay" data-action="toggle" data-class="mobile-nav-on"></div> <!-- END Page Content -->

                    <!-- BEGIN Page Footer -->
                    <?php include '../end/tfoot.php';?>
                    <!-- END Page Footer -->

                    <!-- END Color profile -->
                </div>
            </div>
        </div>
        <!-- END Page Wrapper -->

       <!-- BEGIN Page Settings -->
        <?php include('../end/pwd.php');?> 
        <!-- END Page Settings -->
        <?php include('../end/bootscript.php');?> 
    </body>
</html>
