<!DOCTYPE html>

<?php $arrmixDashboardColorPanel = getDashboardPanelColor( $g_arrmixBackendSessionDetails['user_type_id'] ); ?>

<div class="wrapper"><!-- Wrapper div has been closed at footer file. -->
  <!-- Navbar -->
    <nav class="main-header navbar navbar-expand fixed-top <?= $arrmixDashboardColorPanel['navbar'] ?>">
        <!-- Left navbar links -->
        <ul class="navbar-nav">
            <li class="nav-item">
                <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
            </li>
<!--            <li class="nav-item d-none d-sm-inline-block">
                <a href="index3.html" class="nav-link">Home</a>
            </li>-->
        </ul>

        <!-- Right navbar links -->
        <ul class="navbar-nav ml-auto">
            <!-- Notifications Dropdown Menu -->
            <li class="nav-item dropdown">
                <a class="nav-link text-white" data-toggle="dropdown" href="#">
                    <i class="far fa-bell"></i>
                    <span class="badge badge-warning navbar-badge">0</span>
                </a>
                <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
                    <span class="dropdown-item dropdown-header">0 Notifications</span>
                    <div class="dropdown-divider"></div>
<!--                    <a href="#" class="dropdown-item">
                        <i class="fas fa-envelope mr-2"></i> 4 new messages
                        <span class="float-right text-muted text-sm">3 mins</span>
                    </a>
                    <div class="dropdown-divider"></div>
                    <a href="#" class="dropdown-item">
                        <i class="fas fa-users mr-2"></i> 8 friend requests
                        <span class="float-right text-muted text-sm">12 hours</span>
                    </a>
                    <div class="dropdown-divider"></div>
                    <a href="#" class="dropdown-item">
                        <i class="fas fa-file mr-2"></i> 3 new reports
                        <span class="float-right text-muted text-sm">2 days</span>
                    </a>
                    <div class="dropdown-divider"></div>
                    <a href="#" class="dropdown-item dropdown-footer">See All Notifications</a>-->
                </div>
            </li>
            <li class="nav-item dropdown user user-menu open">
                <a href="#" class="dropdown-toggle nav-link" data-toggle="dropdown" aria-expanded="true">
                    <img src="<?= getBaseUrl() ?>assets/images/user.png" class="user-image" alt="User Image">
                    <span class="hidden-xs text-white"><?= ucfirst( $g_arrmixBackendSessionDetails['username'] ) ?></span>
                </a>
                <ul class="dropdown-menu">
                    <!-- User image -->
                    <li class="user-header">
                        <img src="<?= getBaseUrl() ?>assets/images/user.png" class="img-circle" alt="User Image">
                        <p><?= $g_arrmixBackendSessionDetails['first_name'] . ' ' . $g_arrmixBackendSessionDetails['last_name'] ?></p>
                    </li>
                    <!-- Menu Footer-->
                    <li class="user-footer">
                        <!-- <div class="float-left">
                            <a href="javascript:void(0)" class="btn btn-info btn-flat"><i class="far fa-user-circle"></i> Profile</a>
                        </div> -->
                        <div class="float-right">
                            <a href="<?= getBaseUrl() ?>authentication/sign-out" class="btn btn-danger btn-flat"><i class="fas fa-sign-out-alt"></i> Sign out</a>
                        </div>
                    </li>
                </ul>
            </li>
<!--            <li class="nav-item">
                <a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#" role="button">
                    <i class="fas fa-th-large"></i>
                </a>
            </li>-->
        </ul>
    </nav>
  <!-- /.navbar -->

  <!-- Main Sidebar Container -->
    <aside class="main-sidebar elevation-4 <?= $arrmixDashboardColorPanel['sidebar'] ?>">
        <!-- Brand Logo -->
        <a href="<?= getBaseUrl() ?>" class="brand-link elevation-4 <?= $arrmixDashboardColorPanel['brand-logo-link'] ?>">
            <img src="<?= getBaseUrl() ?>assets/images/white-favicon.png" alt="Admin Logo" class="brand-image img-circle elevation-3" style="opacity: .8">
            <span class="brand-text font-weight-light text-white"><b><?= ABBR_PROJECT_NAME ?></b></span>
        </a>

        <!-- Sidebar -->
        <div class="sidebar">
            <!-- Sidebar user panel (optional) -->
            <div class="user-panel mt-3 pb-3 mb-3 d-flex">
                <div class="image">
                    <img src="<?= getBaseUrl() ?>assets/images/user.png" class="img-circle elevation-2" alt="User Image">
                </div>
                <div class="info">
                    <a href="#" class="d-block"><?= $g_arrmixBackendSessionDetails['first_name'] . ' ' . $g_arrmixBackendSessionDetails['last_name'] ?></a>
                </div>
            </div>

            <!-- SEARCH FORM -->
            <div class="form-inline">
                <div class="input-group" data-widget="sidebar-search">
                    <input class="form-control form-control-sidebar" type="search" placeholder="Search" aria-label="Search">
                    <div class="input-group-append">
                        <button class="btn btn-sidebar">
                            <i class="fas fa-fw fa-search"></i>
                        </button>
                    </div>
                </div>
                <div class="sidebar-search-results">
                    <div class="list-group">
                        <a href="#" class="list-group-item">
                            <div class="search-title"><strong class="text-dark"></strong>N<strong class="text-dark"></strong>o<strong class="text-dark"></strong> <strong class="text-dark"></strong>e<strong class="text-dark"></strong>l<strong class="text-dark"></strong>e<strong class="text-dark"></strong>m<strong class="text-dark"></strong>e<strong class="text-dark"></strong>n<strong class="text-dark"></strong>t<strong class="text-dark"></strong> <strong class="text-dark"></strong>f<strong class="text-dark"></strong>o<strong class="text-dark"></strong>u<strong class="text-dark"></strong>n<strong class="text-dark"></strong>d<strong class="text-dark"></strong>!<strong class="text-dark"></strong></div>
                            <div class="search-path"></div>
                        </a>
                    </div>
                </div>
            </div>

            <!-- Sidebar Menu -->
            <nav class="mt-2">
                <ul class="nav nav-pills nav-sidebar flex-column nav-flat" data-widget="treeview" role="menu" data-accordion="false">
                    <li class="nav-item">
                        <a href="<?= getBaseUrl() ?>dashboard" class="nav-link <?= ( true == isset( $arrmixUriSegmentData[0] ) && 'dashboard' == $arrmixUriSegmentData[0] ) ? 'active' : ''?>">
                            <i class="nav-icon fas fa-tachometer-alt"></i>
                            <p>Dashboard</p>
                        </a>
                    </li>
                    
                    <li class="nav-item">
                        <a href="<?= getBaseUrl() ?>basic-settings/view" class="nav-link <?= ( true == isset( $arrmixUriSegmentData[0] ) && 'basic-settings' == $arrmixUriSegmentData[0] ) ? 'active' : '' ?>">
                            <i class="nav-icon fas fa-cogs"></i>
                            <p>Basic Settings</p>
                        </a>
                    </li>
                    
                    <li class="nav-item <?= ( true == isset( $arrmixUriSegmentData[0] ) && true == in_array( $arrmixUriSegmentData[0], ['device-settings'] ) ) ? 'menu-open' : '' ?>">
                        <a href="javascript:void(0)" class="nav-link <?= ( true == isset( $arrmixUriSegmentData[0] ) && true == in_array( $arrmixUriSegmentData[0], ['device-settings'] ) ) ? 'active' : '' ?>" >
                            <i class="nav-icon fas fa-tools"></i>
                            <p>
                                Device Settings
                                <i class="fas fa-angle-left right"></i>
                            </p>
                        </a>
                        <ul class="nav nav-treeview">
                            <li class="nav-item">
                                <a href="<?= getBaseUrl() ?>device-settings/com-settings/view" class="nav-link <?= ( true == isset( $arrmixUriSegmentData[1] ) && 'com-settings' == $arrmixUriSegmentData[1] ) ? 'active' : '' ?>">
                                    <i class="far fa-circle nav-icon"></i>
                                    <p>COM Port</p>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="<?= getBaseUrl() ?>device-settings/tcp-ip-settings/view" class="nav-link <?= ( true == isset( $arrmixUriSegmentData[1] ) && 'tcp-ip-settings' == $arrmixUriSegmentData[1] ) ? 'active' : '' ?>">
                                    <i class="far fa-circle nav-icon"></i>
                                    <p>TCP-IP</p>
                                </a>
                            </li>
                        </ul>    
                    </li>

                    <li class="nav-item">
                        <a href="<?= getBaseUrl() ?>upgrade-firmware/view" class="nav-link <?= ( true == isset( $arrmixUriSegmentData[0] ) && 'upgrade-firmware' == $arrmixUriSegmentData[0] ) ? 'active' : '' ?>">
                            <i class="nav-icon fas fa-cloud-upload-alt"></i>
                            <p>Upgrade Firmware</p>
                        </a>
                    </li>

                    <li class="nav-item <?= ( true == isset( $arrmixUriSegmentData[0] ) && true == in_array( $arrmixUriSegmentData[0], ['banners', 'testimonials', 'blogs'] ) ) ? 'menu-open' : '' ?>">
                        <a href="javascript:void(0)" class="nav-link <?= ( true == isset( $arrmixUriSegmentData[0] ) && true == in_array( $arrmixUriSegmentData[0], ['banners', 'testimonials', 'blogs'] ) ) ? 'active' : '' ?>" >
                            <i class="nav-icon fab fa-searchengin"></i>
                            <p>
                                Diagnostic
                                <i class="fas fa-angle-left right"></i>
                            </p>
                        </a>

                        <ul class="nav nav-treeview">
                            <li class="nav-item">
                                <a href="<?= getBaseUrl() ?>banners/list" class="nav-link <?= ( true == isset( $arrmixUriSegmentData[0] ) && 'banners' == $arrmixUriSegmentData[0] ) ? 'active' : '' ?>">
                                    <i class="far fa-circle nav-icon"></i>
                                    <p>Test Ethernet</p>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="<?= getBaseUrl() ?>testimonials/list" class="nav-link <?= ( true == isset( $arrmixUriSegmentData[0] ) && 'testimonials' == $arrmixUriSegmentData[0] ) ? 'active' : '' ?>">
                                    <i class="far fa-circle nav-icon"></i>
                                    <p>Test RS-485</p>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="<?= getBaseUrl() ?>blogs/list" class="nav-link <?= ( true == isset( $arrmixUriSegmentData[0] ) && 'blogs' == $arrmixUriSegmentData[0] ) ? 'active' : '' ?>">
                                    <!-- <i class="nav-icon fas fa-blog"></i> -->
                                    <i class="far fa-circle nav-icon"></i>
                                    <p>Test System</p>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="<?= getBaseUrl() ?>blogs/list" class="nav-link <?= ( true == isset( $arrmixUriSegmentData[0] ) && 'blogs' == $arrmixUriSegmentData[0] ) ? 'active' : '' ?>">
                                    <!-- <i class="nav-icon fas fa-blog"></i> -->
                                    <i class="far fa-circle nav-icon"></i>
                                    <p>Log Monitoring</p>
                                </a>
                            </li>
                        </ul>
                    </li>
                    
                    <li class="nav-item">
                        <a href="<?= getBaseUrl() ?>jobs/list" class="nav-link <?= ( true == isset( $arrmixUriSegmentData[0] ) && 'jobs' == $arrmixUriSegmentData[0] ) ? 'active' : '' ?>">
                            <i class="nav-icon fas fa-info-circle"></i>
                            <p>About Us</p>
                        </a>
                    </li>
                </ul>
            </nav>
            <!-- /.sidebar-menu -->
        </div>
        <!-- /.sidebar -->
    </aside>
    <div class="content-wrapper custom-content-wrapper"><!-- Content Wrapper div has been closed at footer file. -->