<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">
      <i class="fas fa-plus-circle" (click)="add_Driver()" md-tooltip="Add Driver" style="box-shadow: 3px 1px 5px 0px #b2b0ae;cursor: pointer; float: left; font-size: 30px;border-radius: 50px;margin-left: 20px;"></i>
      <h4>{{'Driver Detail' | translate}}</h4>
      <button (click)="exportToExcel()"  style="cursor: pointer; float: right;margin-right: 25px; margin-top: -25px;"><i class="fas fa-file-excel-o" aria-hidden="true"></i>Export To Excel</button>
    </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;">
   
      <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>
      </div>
    </div> -->
    <div class="col-sm-12 col-md-12 col-lg-12" 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></th>
                      <th style="padding:18px">{{'Driver Name' | translate}}</th>
                      <th style="padding:18px">{{'Driver Address' | translate}}</th>
                      <th style="padding:18px">{{'Driver Status' | translate}}</th>
                      <th style="padding:18px">{{'License Number' | translate}}</th>   
                      <th style="padding:18px">{{'Salary' | translate}}</th>
                      <th style="padding:18px">{{'DOJ' | translate}}</th>
                      <th style="padding:18px">{{'Delete' | translate}}</th>
                      <th style="padding:18px">{{'Edit' | translate}}</th>
                    </tr>
                </thead>  
            </table>
        </div> 
        </div>
      </div> 
    </div>
  </div>
</div>


<!-- <html>
  <head>
      <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'>  

      
    </head>
  <body>

<app-all-menus></app-all-menus>



 <div class="small">
  <button md-button [mdMenuTriggerFor]="menu" style="padding:0%;"><i class="material-icons">list</i></button>
<md-menu #menu="mdMenu">

      <a href="#">
        <h6>DASHBOARD
        <md-icon style="float:right">dashboard</md-icon>
      </h6>
    </a>
      
  
         <a href="#"><h6>RULES<md-icon style="float:right">dock</md-icon></h6></a> 
         
   
  </md-menu> 
</div> 


  <div style="float:left; width: 100%;padding-top: 6%;">
    <div class="loading" *ngIf="Load">Loading&#8230;</div>

  <div id="toast"><div id="desc">{{data_descip}}</div></div>

  <button md-tooltip="Add Driver" style="border:1px solid transparent; background-color: transparent;margin-top:8px" (click)="add_Driver()" ><md-icon style="float: right;width:30px;height:30px;">add</md-icon></button>
  <input type="search"   id="myInput" name="myInput" type="text"  [(ngModel)]="myInput"  (ngModelChange)="table1ch()"  placeholder= "Driver Search"/>



  <table  id="myTable" 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>{{'Driver Name' | translate}}</th>
      <th>{{'Driver Address' | translate}}</th>
      <th>{{'Driver Status' | translate}}</th>
      <th>{{'License Number' | translate}}</th>   
      <th>{{'Salary' | translate}}</th>
      <th>{{'DOJ' | translate}}</th>
      <th>{{'Delete' | translate}}</th>
           
    </tr>
  </thead>

  <tbody>

<tr *ngFor="let data of driver">

      <td  style="cursor:pointer" >{{data.name}}</td>

      <td  style="cursor:pointer" >{{data.address}}</td>

      <td  style="cursor:pointer" >{{data.status}}</td>

      <td  style="cursor:pointer" >{{data.license_number}}</td>

     
      <td  style="cursor:pointer">{{data.salary}}</td>

   <td  style="cursor:pointer" >{{data.date_of_joining}}</td> 
   
      <td style="float:left;padding-top: 2%;"><md-icon (click)="deleteRecord(data._id)">delete_sweep</md-icon ></td>
    

  </tr>  
  </tbody> 
</table> 


</div>

</body> -->
