<app-all-menus></app-all-menus>
<div class="topDiv">
  <div id="toast">
    <div id="desc">{{data_descip}}</div>
  </div>
  <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>{{'Inactive Admins' | 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 style="width: fit-content;" class="input-group mb-3">
            <input type="number" class="form-control" [(ngModel)]="noDays" placeholder="Enter Number of Days">
            
            <div class="input-group-append">
              <button class="btn btn-primary btn-md" (click)="search()">Search</button>
              <!-- <span class="input-group-text" id="basic-addon2">@example.com</span> -->
            </div>
          </div>
          <button style="float: right;margin-top: -50px;" class="btn btn-info" (click)="exportToExcel()">Export to Excel</button>
          <!-- <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">
                <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">
                <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;">
            <div class="loading" *ngIf="Load">Loading&#8230;</div>
            <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">{{'Name'|translate}} </th>
                  <th style="text-align:left;width:100px">{{'Mobile'|translate}} </th>
                  <th style="text-align:left;width:100px">{{'Email'|translate}} </th>
                 

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


          </div>