<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title><?= SITE_NAME ?>-<?= $_SESSION['agent_name'] ?></title>
        <META HTTP-EQUIV="REFRESH" CONTENT="1200;URL=/logout">
        <!-- Global stylesheets -->
        <link href="https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700,900" rel="stylesheet" type="text/css">
        <link href="/assets/css/icons/icomoon/styles.css" rel="stylesheet" type="text/css">
        <link href="/assets/css/bootstrap.css" rel="stylesheet" type="text/css">
        <link href="/assets/css/core.css" rel="stylesheet" type="text/css">
        <link href="/assets/css/components.css" rel="stylesheet" type="text/css">
        <link href="/assets/css/colors.css" rel="stylesheet" type="text/css">
        <!-- /global stylesheets -->

        <!-- Core JS files -->
        <script type="text/javascript" src="/assets/js/plugins/loaders/pace.min.js"></script>
        <script type="text/javascript" src="/assets/js/core/libraries/jquery.min.js"></script>
        <script type="text/javascript" src="/assets/js/core/libraries/bootstrap.min.js"></script>
        <script type="text/javascript" src="/assets/js/plugins/loaders/blockui.min.js"></script>
        <!-- /core JS files -->

        <!-- Theme JS files -->
        <script type="text/javascript" src="/assets/js/plugins/visualization/d3/d3.min.js"></script>
        <script type="text/javascript" src="/assets/js/plugins/visualization/d3/d3_tooltip.js"></script>
        <script type="text/javascript" src="/assets/js/plugins/forms/styling/switchery.min.js"></script>
        <script type="text/javascript" src="/assets/js/plugins/forms/styling/uniform.min.js"></script>
        <script type="text/javascript" src="/assets/js/plugins/forms/selects/bootstrap_multiselect.js"></script>
        <script type="text/javascript" src="/assets/js/plugins/ui/moment/moment.min.js"></script>
        <script type="text/javascript" src="/assets/js/plugins/pickers/daterangepicker.js"></script>
        <script type="text/javascript" src="/assets/js/plugins/ui/fullcalendar/fullcalendar.min.js"></script>

        <script type="text/javascript" src="/assets/js/core/app.js"></script>
        <!-- this script is broken!!! script type="text/javascript" src="/assets/js/pages/dashboard.js"></script -->

        <script type="text/javascript" src="/assets/js/plugins/ui/ripple.min.js"></script>
        <script type="text/javascript" src="/assets/js/plugins/simplePagination/jquery.simplePagination.js"></script>
        <link type="text/css" rel="stylesheet" href="/assets/js/plugins/simplePagination/simplePagination.css"/>
        <!-- /theme JS files -->
        <?
        echo ( isset($map['js']) ? $map['js'] : '');
        ?>
    </head>

    <body class="navbar-bottom" style="background-color: aliceblue;">

        <!-- Main navbar -->
        <div class="navbar navbar-inverse bg-medtrans">
            <div class="navbar-header">
                <a class="navbar-brand title" href="/dash"><b><?= $_SESSION['agent_name'] ?></b></a>

                <ul class="nav navbar-nav visible-xs-block">
                    <li><a data-toggle="collapse" data-target="#navbar-mobile"><i class="icon-tree5"></i></a></li>
                    <li><a class="sidebar-mobile-main-toggle"><i class="icon-paragraph-justify3"></i></a></li>
                </ul>
            </div>

            <div class="navbar-collapse collapse" id="navbar-mobile">



                <ul class="nav navbar-nav navbar-right">




                    <li class="dropdown dropdown-user">
                        <a class="dropdown-toggle" data-toggle="dropdown">                           
                            <span><?= $_SESSION['firstname'] ?></span>
                            <i class="caret"></i>
                        </a>

                        <ul class="dropdown-menu dropdown-menu-right">
                            <li><a href="/agent/profile"><i class="icon-user-plus"></i> My profile</a></li>
                            <li><a href="/agent/mylog"><i class="icon-stack2"></i>Activity Log</a></li>
                            <li class="divider"></li>                           
                            <li><a href="/logout"><i class="icon-switch2"></i> Logout</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
        <!-- /main navbar -->


        <!-- Page header -->
        <div class="page-header">
            <div class="breadcrumb-line">
                <ul class="breadcrumb">
                    <li><a href="/dash"><i class="icon-home2 position-left"></i> Home</a></li>
                    <li class="active">Dashboard</li>
                </ul>


            </div>

            <div class="page-header-content">
                <div class="page-title">
                    <h4><i class="icon-arrow-left52 position-left"></i> <span class="text-semibold"><a href="/dash">Home</a></span> - <? echo isset($page_name) ? $page_name : 'Dashboard'; ?> </h4>
                </div>

                <div class="heading-elements">



                    <div class="heading-btn-group">
                        <button type="button" onclick="gtotSTransPage('pending');" class="btn btn-primary">Pending</button>
                        <button type="button" onclick="gtotSTransPage('confirmed');"  class="btn btn-info">Confirmed</button>
                        <button type="button" onclick="gtotSTransPage('active');"  class="btn btn-warning">Active</button>
                        <button type="button" onclick="gtotSTransPage('completed');"  class="btn btn-info">Completed</button>


                        <a href="/paymnt/invoice" class="btn btn-link btn-float text-size-small has-text"><i class="icon-calculator text-indigo-400"></i><span>Invoices</span></a>
                        <a href="/agent/calendar" class="btn btn-link btn-float text-size-small has-text"><i class="icon-calendar5 text-indigo-400"></i><span>Calendar</span></a>
                    </div>
                </div>
            </div>
        </div>
        <!-- /page header -->


        <!-- Page container -->
        <div class="page-container">

            <!-- Page content -->
            <div class="page-content">

                <!-- Main sidebar -->
                <div class="sidebar sidebar-main sidebar-default">
                    <div class="sidebar-content">

                        <!-- Main navigation -->
                        <div class="sidebar-category sidebar-category-visible">
                            <div class="sidebar-user-material bg-medtrans">
                                <div class="category-content">
                                    <div class="sidebar-user-material-content">
                                        <a href="#"><img src="assets/images/placeholder.jpg" class="img-circle img-responsive" alt=""></a>
                                        <h6><?= $_SESSION['firstname'] ?> <?= $_SESSION['lastname'] ?></h6>                                      
                                    </div>
                                </div>                
                            </div>

                            <div class="category-content no-padding">
                                <ul class="navigation navigation-main navigation-accordion">

                                    <!-- Main -->

                                    <li class="active"><a href="/dash"><i class="icon-home4"></i> <span>Dashboard</span></a></li>
                                    <li>
                                        <a href="#"><i class="icon-stack2"></i> <span>Transport Request</span></a>
                                        <ul>
                                            <li><a href="/transp/pending">Pending</a></li>
                                            <li><a href="/transp/confirmed">Confirmed</a></li>
                                            <li class="navigation-divider"></li>
                                            <li><a href="/transp/active">Active</a></li>                                           
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="#"><i class="icon-copy"></i> <span>Transport</span></a>
                                        <ul>
                                            <li><a href="/transp/mylocation" id="layout1">My Locations</a></li>
                                            <li><a href="/transp/mydevices" id="layout2">Cars & Devices</a></li>  
                                            <li><a href="/transp/drivers" id="layout32">Drivers</a></li>    
                                        </ul>
                                    </li>

                                    <li>
                                        <a href="#"><i class="icon-copy"></i> <span>Translators</span></a>
                                        <ul>
                                            <li><a href="/transp/translators" id="layout22">Translator List</a></li>  
                                            <li><a href="/transp/language" id="layout25">Language List</a></li>            
                                        </ul>
                                    </li>


                                    <!-- /main -->


                                    <li>
                                        <a href="#"><i class="icon-people"></i> <span>Invoice & Payments</span></a>
                                        <ul>
                                            <li><a href="/paymnt/invoice">Pending Invoice</a></li>
                                            <li><a href="/paymnt/invoice">Paid invoice</a></li>                                           
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="#"><i class="icon-user-plus"></i> <span>Reports</span></a>
                                        <ul>
                                            <li><a href="#">Pending Transport</a></li>
                                            <li><a href="#">Completed Transport</a></li>
                                            <li><a href="#">Pending Invoice</a></li>
                                            <li><a href="#">Paid Invoice</a></li>                                        

                                        </ul>
                                    </li>
                                    <li>
                                        <a href="/logout"><i class="icon-switch2"></i> <span>Logout</span></a>                                       
                                    </li>


                                </ul>
                            </div>
                        </div>
                        <!-- /main navigation -->

                    </div>
                </div>
                <!-- /main sidebar -->
