<!DOCTYPE html>
<html>
  <head>
    <!-- Credits to https://bootstrapious.com/p/bootstrap-4-dashboard -->
    <meta charset="utf-8">
    <title>Panel de administración</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/panel.css" id="theme-stylesheet">
    <link rel="stylesheet" href="assets/css/patchpanel.css" id="theme-stylesheet">
    <link rel="stylesheet" href="assets/fonts/roboto/stylesheet.css">

    <!-- Fonts CSS-->
    <link rel="stylesheet" href="assets/fonts/styles.css">

    <script src="assets/js/Chart.min.js"></script> <!-- For charts -->
    <script src="assets/js/jquery-3.2.1.min.js"></script> <!-- For bootstrap -->
    <script src="assets/js/popper.min.js"></script> <!-- For bootstrap dropdown -->
    <script src="assets/js/bootstrap-util-modal-dropdown.min.js"></script>


  </head>
  <body>
    <!-- Side Navbar -->
    <nav class="side-navbar">
      <div class="side-navbar-wrapper">
        <div class="sidenav-header d-flex align-items-center justify-content-center">
          <div><p class="text-center"> Panel de control</p></div>
        </div>
        <div class="main-menu">
          <ul id="side-main-menu" class="side-menu list-unstyled">                  
            <li {%if mpage == 'index'%} class="active"{%endif%}>
              <a href="panel.php?page=index"> <i class="icon-home-house-streamline"></i><span>{{T_.home}}</span></a>
            </li>
            <li {%if mpage == 'checks'%} class="active"{%endif%}>
              <a href="panel.php?page=checks"><i class="icon-browser-streamline-window"></i><span>{{T_.checks}}</span></a>
            </li>
            <li {%if mpage == 'groups'%} class="active"{%endif%}>
              <a href="panel.php?page=groups"><i class="icon-coffee-streamline"></i><span>{{T_.groups}}</span></a>
            </li>
            <li {%if mpage == 'news'%} class="active"{%endif%}>
              <a href="panel.php?page=news"><i class="icon-notebook-streamline"></i><span>{{T_.news}}</span></a>
            </li>
            {% if you.fullRights == 1 %}
            <li {%if mpage == 'settings'%} class="active"{%endif%}>
              <a href="panel.php?page=settings"><i class="icon-settings-streamline-1"></i><span>{{T_.settings}}</span></a>
            </li>
            {% endif %}
            <li {%if mpage == 'users'%} class="active"{%endif%}>
              <a href="panel.php?page=users"><i class="icon-man-people-streamline-user"></i><span>{{T_.users}}</span></a>
            </li>
          </ul>
        </div>
      </div>
    </nav>
    <div class="page forms-page">
      <!-- navbar-->
      <header class="header">
        <nav class="navbar">
          <div class="container-fluid">
            <div class="navbar-holder d-flex align-items-center justify-content-between">
              <div class="navbar-header"><a href="index.php" class="navbar-brand">
                  <div class="brand-text hidden-sm-down"><span>CheckServer</span></div></a></div>
              <ul class="nav-menu list-unstyled d-flex flex-md-row align-items-md-center">
                <li class="nav-item"><a href="login.php?do=logout" class="nav-link logout">Salir<i class="icon-sign-out"></i></a></li>
              </ul>
            </div>
          </div>
        </nav>
      </header>
      <div class="breadcrumb-holder">
        <div class="container-fluid">
          <ul class="breadcrumb">
            <li class="breadcrumb-item"><a href="index.html">Inicio</a></li>
            <li class="breadcrumb-item active">Estado</li>
          </ul>
        </div>
      </div>