<app-all-menus></app-all-menus>
<div class="container-fluid" style="padding-top: 6%;">
    <div class="headerStyle">
        <span>{{'COSTUMER INQUIRY' | translate}}</span>
      </div>
  <div class="filterDiv">
    <div class="row" style="margin-bottom: 20px;">
      <div class="col-12" style="text-align: center;margin-top: 30px;">  
        <button *ngIf="isOperator" md-tooltip="{{'Add Device' | translate}}" style="border:1px solid transparent;float:left; background-color: transparent;" (click)="adddev()" ><md-icon style="float: right;width:30px;height:30px;">add</md-icon></button>     
        <div style="display: inline-flex; width: 45%;padding-bottom: 3px;">
        
          <label style="width: inherit;margin-top: 11px">{{'From Date' | translate}}</label>
            <input id="from_date" bsDatepicker class="form-control form-control-sm" style="margin-top: 4px;" [bsConfig]="bsConfig"  [(ngModel)]="from_date" type="text" >  
            <label style="width: inherit;margin-top: 11px">{{'To Date' | translate}}</label>
          <input id="to_date" bsDatepicker class="form-control form-control-sm" style="margin-top: 4px;" [bsConfig]="bsConfig"   name="todate"  [(ngModel)]="to_date" type="text" >
        
        </div>
        <button md-raised-button style="width: 190px; background: #31428c; color: white;margin-left: 20px;" (click)="inquiryList()"> {{'Get Detail' | translate}} </button>
        <button md-raised-button style="width: 190px; background: #1d8216; color: white;" (click)="exportExcel()">{{'Export To Excel' | translate}}</button>
        <!-- <div>
          
        </div> -->
      </div>
        <!-- <div class="col-4" style="text-align: center;margin-top: 30px;">
         
          </div>  -->
          <!-- <div class="col-4" style="margin-top: 30px;">
         
          </div>   -->
      </div>
    </div>
    <div>
      <table id="deviceTable" class="display" cellspacing="0" style="width:100%;font-size:15px;text-align: center">
        <thead style="background-color:#A2C523;color: white;">
            <tr>
                <th style="text-align:center;">Inquiry Date</th>
                <th style="text-align:center;">Customer Name</th>
                <th style="text-align:center;">Phone</th>
                <th style="text-align:center;">Email</th>
                <th style="text-align:center;">Message</th>
                <th style="text-align:center;">Assigned To</th>
                <th style="text-align:center;">Role</th>
                <th style="text-align:center;">Status</th>                    
            </tr>
        </thead>
    </table>
    </div>
  </div>

