<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title><?php echo $post_meta['title'] . " | " . get_option('company_name'); ?></title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <!-- Theme style -->
  <link rel="stylesheet" href="<?php echo $this->theme_root ?>/dist/css/AdminLTE.min.css?ver=<?php echo VERSION ?>">
  <!-- AdminLTE Skins. Choose a skin from the css/skins
       folder instead of downloading all of them to reduce the load. -->
  <link rel="stylesheet" href="<?php echo $this->theme_root ?>/dist/css/skins/_all-skins.min.css?ver=<?php echo VERSION ?>">
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
  <?php do_action("headers"); ?>
  <link rel="stylesheet" href="<?php echo $this->theme_root ?>/dist/css/kowebtech-defaul.css?ver=<?php echo VERSION ?>">
  <style type="text/css">
    .skin-blue .sidebar-menu > li.active > a {
      border-left-color: var(--primaryColor);
    }
    .nav-tabs-custom > .nav-tabs > li.active {
      border-top-color: var(--primaryColor);
    }
    .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
      background-color: var(--primaryColor);
      border-color: var(--primaryColor);
    }
  </style>
  <?php do_action("after_headers"); ?>
</head>
<body class="hold-transition skin-blue sidebar-mini">
	<div class="wrapper">

	<header class="main-header">
    <!-- Logo -->
    <a href="dashboard" class="logo">
      <img src="<?php echo get_option("company-logo") ?>">
    </a>

    <!-- Header Navbar: style can be found in header.less -->
    <nav class="navbar navbar-static-top" style="background-color: var(--primaryColor)">
      <!-- Sidebar toggle button-->
      <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
        <span class="sr-only">Toggle navigation</span>
      </a>
      <!-- Navbar Right Menu -->
      <div class="navbar-custom-menu">
        <ul class="nav navbar-nav">
          <!-- User Account: style can be found in dropdown.less -->
          <li class="dropdown user user-menu">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
              <img src="<?php echo get_user_image($user_meta['id']) ?>" class="user-image" alt="User Image">
              <span class="hidden-xs"><?php echo $full_name = get_fullname($user_meta['id']) ?></span>
            </a>
            <ul class="dropdown-menu">
              <!-- User image -->
              <li class="user-header">
                <img src="<?php echo get_user_image($user_meta['id']) ?>" class="img-circle" alt="User Image">

                <p>
                  <?php echo $full_name; ?> - <?php echo get_role_name($user_meta['role']); ?>
                  <small>Registered since <?php echo date("M. Y", $user_meta['date_created']); ?></small>
                </p>
              </li>
              <!-- Menu Body -->
              <!-- <li class="user-body">
                <div class="row">
                  <div class="col-xs-4 text-center">
                    <a href="#">Followers</a>
                  </div>
                  <div class="col-xs-4 text-center">
                    <a href="#">Sales</a>
                  </div>
                  <div class="col-xs-4 text-center">
                    <a href="#">Friends</a>
                  </div>
                </div>
              </li> -->
              <!-- Menu Footer-->
              <li class="user-footer">
                <div class="pull-left">
                  <a href="profile" class="btn btn-default btn-flat">Profile</a>
                </div>
                <div class="pull-right">
                  <a href="logout" class="btn btn-default btn-flat">Sign out</a>
                </div>
              </li>
            </ul>
          </li>
          <!-- Control Sidebar Toggle Button -->
          <li>
            <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
          </li>
        </ul>
      </div>

    </nav>
  </header>