<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>{{'Issue List' | translate}}</h4>
    </div>
  </div>

  <div class="row rowStyle">
      <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 id="toast">
              <div id="desc">{{data_descip}}</div>
            </div> -->
            <div class="row" style="padding: 8px;margin-bottom: 8px;">
              <div class="col-md-4">
                <div class="col-sm-9 col-md-9 col-lg-9" style="padding:0px">
                  <!-- from datetime picker -->
                  <label>From</label>
                  <input id="from_date" bsDatepicker class="form-control form-control-sm" [(ngModel)]="fromDate" (ngModelChange)="changeDate()" style="height: 25px;" [bsConfig]="bsConfig"
             type="text">
                </div>
              </div>
              <div class="col-md-4">
                <div class="col-sm-9 col-md-9 col-lg-9" style="padding:0px">
                  <!-- from datetime picker -->
                  <label>To</label>
                  <input id="todate" bsDatepicker class="form-control form-control-sm" [(ngModel)]="toDate" (ngModelChange)="changeDate()" style="height: 25px;" [bsConfig]="bsConfig"
                     type="text">
                </div>
              </div>

            </div>

            <div style="width: 100%;height:84vh;">
              <table id="deviceTable" cellspacing="0" class="display nowrap" style="width: 100%;font-size: 14px;">
                <thead style="background-color:#e0e0e0;color: #444444;">
                  <tr>
                    <th style="text-align:left;width:100px">{{'Ticket ID'|translate}} </th>
                    <th style="text-align:left;width:100px">{{'Posted By'|translate}} </th>
                    <th style="text-align:left;width:100px">{{'Email'|translate}} </th>
                    <th style="text-align:left;width:100px">{{'Phone'|translate}} </th>
                    <th style="text-align:left;width:100px">{{'Posted On' | translate}}</th>
                    <th style="text-align:left;width:100px">{{'Assigned To' | translate}}</th>
                    <th style="text-align:left;width:100px">{{'Message' | translate}}</th>
                    <th style="text-align:left;width:100px">{{'Status' | translate}}</th>
                    <th style="text-align:left;width:100px">{{'Remark' | translate}}</th>
                    <th style="text-align:left;width:100px">{{'Closed Date' | translate}}</th>
                    <th style="text-align:left;width:100px">{{'Update Status' | translate}}</th>

                    </tr>
                    </thead>
                    </table>


  </div>

