<app-all-menus></app-all-menus>
<div style="padding-top: 70px;">
<h4 style="text-align:center;text-align: center;padding: 20px;color: #797474;font-size: 1.3rem;">LOAD MANAGEMENT</h4>
<flash-messages></flash-messages>
<table id="test" class="table table-striped table-hover" style="overflow-y: hidden;
      overflow-x: hidden;font-size:12px">
  <thead style="background-color:#A2C523;color: white;">
    <tr>
      <th>Group</th>
      <th>Device Name</th>
      <th>Loading Site</th>
      <th>Distance </th>
      <th>ETA</th>
  </thead>
  <tbody>
    <tr *ngFor="let load of loadManagement">
      <td style="cursor:pointer">{{load.groupName}}</td>
      <td style="cursor:pointer">{{load.deviceName}}</td>

      <td style="cursor:pointer">{{load.geofenceName}}</td>
      <td style="cursor:pointer">{{load.Distance}}</td>
      <td style="cursor:pointer"></td>
    </tr>
  </tbody>
</table>
</div>