<!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, shrink-to-fit=no">

   <!-- Page Title -->
   <title>Web Infra Reports</title>

   <!-- JQuery -->
   <script src="/js/jquery-3.6.1.min.js"></script>
   <!-- Bootstrap -->
   <link rel="stylesheet" href="/css/bootstrap.min.css">
   <link rel="stylesheet" href="/css/bootstrap-icons/bootstrap-icons.css">
   <script src="/js/bootstrap.bundle.min.js"></script>
   <!-- Bootstrap-tables -->
   <link rel="stylesheet" href="/css/bootstrap-table.min.css">
   <script src="/js/bootstrap-table.min.js"></script>
   <script src="/js/bootstrap-table-fr-FR.min.js"></script>
   <!-- Chart -->
   <script src="/js/chart.min.js"></script>
   
</head>

<body class="bg-light text-dark">
  <?php include $_SERVER['DOCUMENT_ROOT']."/include/db_connect.php" ; ?>  <!-- Database connexion -->
  <?php //include $_SERVER['DOCUMENT_ROOT']."/include/functions.inc.php" ; ?>  <!-- Functions -->
  <div class="container-fluid">
    <div class="row flex-nowrap">
      <!-- Left NAVBAR -->
      <div class="col-auto col-md-2 col-xl-2 px-sm-2 px-0 bg-dark vh-100 position-sticky top-0" style="-ms-flex: 0 0 230px;flex: 0 0 230px;">
        <?php include $_SERVER['DOCUMENT_ROOT']."/navbar.html" ; ?>  <!-- Left Navbar -->
      </div>
      <!-- Display -->
      <div class="col py-3">
        <!-- Page Title -->
        <h1><span class="badge text-bg-secondary font-weight-bold" style="width:100%;">LINKS IT</span></h1>
        <div class="row flex-nowrap text-center">
          <div class="col">
            <div class="card border-secondary mb-3">
              <a href="http://web-wintel.appliarmony.net/" class="text-decoration-none">
                <div class="card-header text-dark">
                  <h3>Web-Wintel</h3>
                </div>
              </a>
            </div>
          </div>
          <div class="col">
            <div class="card border-secondary mb-3">
              <a href="http://web-infra-reports.appliarmony.net/" class="text-decoration-none">
                <div class="card-header text-dark">
                  <h3>Web-Infra-Reports IT</h3>
                </div>
              </a>
            </div>
          </div>
          <div class="col">
            <div class="card border-secondary mb-3">
              <a href="http://web-infra-tools.appliarmony.net/" class="text-decoration-none">
                <div class="card-header text-dark">
                  <h3>Web-Infra-Tools IT</h3>
                </div>
              </a>
            </div>
          </div>
          <div class="col">
            <div class="card border-secondary mb-3">
              <a href="http://web-infra-tools-dev.appliarmony.net/" class="text-decoration-none">
                <div class="card-header text-dark">
                  <h3>Web-Infra-Tools-dev IT</h3>
                </div>
              </a>
            </div>
          </div>
        </div>
        <div class="row flex-nowrap text-center">
          <div class="col">
            <div class="card border-secondary mb-3">
              <a href="http://web-infra-diy.appliarmony.net/" class="text-decoration-none">
                <div class="card-header text-dark">
                  <h3>Web-infra-diy IT</h3>
                </div>
              </a>
            </div>
          </div>
          
          <div class="col">
            <div class="card border-secondary mb-3">
              <a href="http://dash-dtd-systemdk.appliarmony.net/index-ot-dark.html" class="text-decoration-none">
                <div class="card-header text-dark">
                  <h3>Dashboard IT</h3>
                </div>
              </a>
            </div>
          </div>
          
          <div class="col">
          </div>
          
          <div class="col">
          </div>

        </div>
  
        <br>

        <h1><span class="badge text-bg-secondary font-weight-bold" style="width:100%;">LINKS OT</span></h1>
        <div class="row flex-nowrap text-center">
          <div class="col">
            <div class="card border-secondary mb-3">
              <a href="https://web-infra-reports.process.dkm/" class="text-decoration-none">
                <div class="card-header text-dark">
                  <h3>Web-Infra-Reports OT</h3>
                </div>
              </a>
            </div>
          </div>
          <div class="col">
            <div class="card border-secondary mb-3">
              <a href="https://web-infra-tools.process.dkm/" class="text-decoration-none">
                <div class="card-header text-dark">
                  <h3>Web-Infra-Tools OT</h3>
                </div>
              </a>
            </div>
          </div>
          <div class="col">
            <div class="card border-secondary mb-3">
              <a href="https://web-infra-diy.process.dmk/" class="text-decoration-none">
                <div class="card-header text-dark">
                  <h3>Web-Infra-diy OT</h3>
                </div>
              </a>
            </div>
          </div>
          <div class="col">
            <div class="card border-secondary mb-3">
              <a href="http://dash-dtd-systemdk.appliarmony.net/index-ot-dark.html" class="text-decoration-none">
                <div class="card-header text-dark">
                  <h3>Dashboard OT</h3>
                </div>
              </a>
            </div>
          </div>
        </div>
  
        </div>  
        <!-- End of main content -->
      </div>
    </div>
  </div>
  <script src="/js/switch.js"></script>
</body>

<script>
var dataSV = document.getElementById("dataSVI").innerHTML.split(",");
var labelsSV = ['2008','2012','2016','2019','2022'];
new Chart("ChartServer", {
  type: 'doughnut',
  data: {
   labels: labelsSV,
   datasets: [{
      backgroundColor: ['#ff0000','#ff0000','#00ff00','#00ff00','#00ff00'],
      data: dataSV
   }]
  }
});

var dataSVA = document.getElementById("dataSVA").innerHTML.split(",");
var labelsSVA = ['2008','2012','2016','2019','2022'];
new Chart("ChartServerA", {
  type: 'doughnut',
  data: {
   labels: labelsSVA,
   datasets: [{
      backgroundColor: ['#ff0000','#ff0000','#00ff00','#00ff00','#00ff00'],
      data: dataSVA
   }]
  }
});

var dataLI = document.getElementById("dataLI").innerHTML.split(",");
var labelsLI = ['Linux','AIX'];
new Chart("ChartLinux", {
  type: 'doughnut',
  data: {
   labels: labelsLI,
   datasets: [{
      backgroundColor: ['#00ff00','#ff8c00'],
      data: dataLI
   }]
  }
});

var dataType = document.getElementById("dataType").innerHTML.split(",");
var labelsType = ['Physical','Virtual'];
new Chart("ChartType", {
  type: 'doughnut',
  data: {
   labels: labelsType,
   datasets: [{
      backgroundColor: ['#2596be','#eab676'],
      data: dataType
   }]
  }
});


</script>

