<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>RTMD (v1.2)</title>
  <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_v1.2.css" rel="stylesheet">
  <script src="js/report_c_v1.2.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">
      <i class="fa-solid fa-circle-user" style="text-align: center; font-size: 26px;"></i>
      <p style="text-align: center">DTCM Login</p>
      <a href="report_v1.2.html" style="margin-top: 60px;"><i class="fa-solid fa-server"></i> Real Time Meter Data</a>
      <a href="relaycontrol_v1.2.html"><i class="fa-solid fa-toggle-on"></i> Remote Load Control</a>
      <a href="#"><i class="fa-solid fa-table-list"></i> Reports</a>
      <a href="dashboard.html_v1.2"><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>
      <select id="selectopt">
        <option value="0">Select DTC Meter</option>
        <option value="1">DTC Meter - 1 (04017983)</option>
        <option value="2">DTC Meter - 2 (04017984)</option>
      </select>
      <!--<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_v1.2.js"></script>
  <script src="js/report_v1.2.js"></script>
</body>

</html>