<app-all-menus></app-all-menus>
<div class="topDiv">
  <div class="row" style="text-align: center; background: #426E86; padding-top: 10px; padding-bottom: 10px; color: white;box-shadow:3px 1px 5px 0px rgb(178, 176, 174)">
    <div class="col-sm-12 col-md-12 col-lg-12">
      <h4>{{'Working Hours Report' | translate}}</h4>
    </div>
  </div>  
 
  <div class="row rowStyle">

    <div class="col-sm-3 col-md-3 col-lg-3" style="padding-left: 20px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px;">
      <!-- <button style="background-color: #cc0000;color:#fdfdfd;font-size: 12px;" md-raised-button (click)="exportPdf()">{{'PDF' | translate}}</button> -->
      <div class="row" style="margin:0px;height: 84vh;background: white;box-shadow: 3px 1px 5px 0px #b2b0ae;">
        <div class="col-sm-12 col-md-12 col-lg-12" style="padding:0px">
          <div id="toast"> <div id="desc">{{data_descip}}</div></div>
            <app-report-filter (onReportFIlter)= "getReport($event)" [componentIdentifier]="identifier"></app-report-filter>
        </div>
      </div>
    </div>
    <div class="col-sm-9 col-md-9 col-lg-9" style="padding-left: 5px; padding-right: 20px; padding-top: 5px;">
      <div class="row" style="margin:0px;height: 84vh;padding-top:10px;padding-bottom:5px;background: white;box-shadow: 3px 1px 5px 0px #b2b0ae;">
        <div class="col-sm-12 col-md-12 col-lg-12">
          <div *ngIf="Load" class="loading">Loading&#8230;</div>
          <div style="width: 100%;height:84vh;">
            <table id="deviceTable" cellspacing="0" style="width: 100%;font-size: 14px;">
                <thead style="background-color:#e0e0e0;color: #444444;">
                    <tr>
                        <!-- <th style="text-align:left;">DID</th> -->
                        <th style="text-align:left;">{{'Vehicle'|translate}} </th>     
                            <th style="text-align:left;">{{'IMEI' | translate}}</th> 
                        <th style="text-align:left;" title="Engine On Time">{{'Working Hours (HH:MM)'|translate}}</th>     
                        <th style="text-align:left;" title="Engine OFF Time">{{'Stopping Hours (HH:MM)' |translate}}</th>     
                        <th style="text-align:left;" title="Get Detail">{{'Detail'|translate}}</th>     
                    </tr>
                </thead>  
            </table>
            <!-- <table *ngIf="digital_input==2" id="deviceTable" cellspacing="0" style="width: 100%;font-size: 14px;">
              <thead style="background-color:#e0e0e0;color: #444444;">
                <tr>
                 
                  <th style="text-align:left;">{{'Vehicle'|translate}} </th>
                  <th style="text-align:left;">{{'IMEI' | translate}}</th>
                  <th style="text-align:left;" title="Engine On Time">{{'Working Hours (HH:MM)'|translate}}</th>
                  <th style="text-align:left;" title="Engine OFF Time">{{'Stopping Hours (HH:MM)' |translate}}</th>
                  <th style="text-align:left;" title="Get Detail">{{'Detail'|translate}}</th>
                </tr>
              </thead>
            </table> -->
        </div> 
        </div>
      </div> 
    </div>
  </div>
</div>