<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="Cache-control" content="no-cache">
  <title>RTMD (v1.0)</title>
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
  <link href="css/report.css" rel="stylesheet">
  <script src="js/report_c.js"></script>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.18.5/xlsx.full.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.4.0/jspdf.umd.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf-autotable/3.5.28/jspdf.plugin.autotable.min.js"></script>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/exceljs/4.3.0/exceljs.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2.0.5/FileSaver.min.js"></script>
</head>

<body>

  <div class="sidebar">
    <!--<img src="bg/mylogo.gif" width="100px">-->
    <a href="report.html" style="margin-top: 50px;"><i class="fa-solid fa-bolt"></i> Real Time Data</a>
    <a href="#"><i class="fa-solid fa-table-list"></i> Reports</a>
    <a href="dashboard.html"><i class="fa-solid fa-gauge"></i> Dashboards </a>
    <a href="#"><i class="fa-solid fa-gear"></i> Settings </a>
    <a href="#"><i class="fa-solid fa-right-from-bracket"></i> Logout </a>
  </div>

  <div class="content">
    <h1>REAL TIME METER DATA</h1>
    <hr>
    <div>
    <!--<button id="excel" onclick="exportTableToExcel()"><i class="fa-solid fa-file-excel"
        style="font-size:30px;color:white"></i> Excel</button>-->
    <button id="pdf" onclick="exportTableToPdf()"> <i class="fa-solid fa-file-pdf"
        style="font-size:30px;color:white"></i> PDF</button>
      </div>
    <br>

    <table>
      <thead>
        <tr>
          <th>Parameter</th>
          <th>Value</th>
          <th>Unit</th>
        </tr>
      </thead>
      <tbody id="data-table"></tbody>
    </table>
    <br><br>

    <!--table id="myTable"></table>-->
  </div>

  <div class="footer">Powered by Adelphi Technologies Pvt. Ltd., Bengaluru. <i class="fa-regular fa-copyright"></i>
    Copyright 2024. All Rights Reserved.</div>

  <script src="js/com_config.js"></script>
  <script src="js/report.js"></script>
</body>

</html>