<!-- <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%;">
  <p class="headStyle">{{'Customers' | translate}}</p>
  <p *ngIf="errorMsg" style="text-align: center">{{serviceResponse}}</p>
  <div class="loading" *ngIf="Load">Loading&#8230;</div>
  <div id="toast">
    <div id="desc">{{data_descip}}</div>
  </div>
  <div class="row">
    <div class="col-sm-4">
      <button *ngIf="(dealer_Permission === true) || (superAdmin === true) || adbtn" mdTooltip="{{'Add customer' | translate}}" style="border:1px solid transparent; background-color: transparent;margin-top:8px;cursor:pointer" (click)="openDialog()">
        <md-icon style="float: right;width:30px;height:30px;cursor:pointer">add</md-icon>
      </button>
      <a *ngIf="showNav" href="https://youtu.be/dg1zd2geHXA" style="cursor: pointer;color:black" title="Video tutorial"
        target="_blank">
        <md-icon class="material-icons" style="font-size: 30px"> theaters </md-icon>
      </a>
    </div>
    <div class="col-sm-8" style="padding-left: 41%;padding-top: 1%;">
      <input style="border-radius: 6px;
          border: 1px solid #c7c7c7;
          border-bottom: 0px;
          padding: 12px;
          width: 175px;
          /* margin-right: 22%; */
          height: 7px;
          background-color: red;
          font-size: 12px;
          float: left;
          margin-top: 0;
          background: #fffcfc;" type="search" class="form-control" id="myInput" name="myInput" [(ngModel)]="myInput"
        placeholder="{{'Customer Search' | translate}}" (ngModelChange)="searchFilter($event)" />
      <button [disabled]="lastcall" (click)="pre()" style="margin-left: 10px;">
        < {{'Previous' | translate}} </button> <button [disabled]="firstcall" (click)="next()"> {{'Next' | translate}} >
      </button>
    </div>
  </div>

  
  <div class="scrollbar" style="overflow:overlay;">
    <table id="myTable" class="table table-striped" style="overflow-y: hidden;
       overflow-x: hidden;font-size:12px">

      <thead style="background-color:#A2C523;color: white;">
        <tr>
          <th>{{'User ID' | translate}}</th>
          <th>{{'Name' | translate}}</th>
    
          <th>{{'Dealer' | translate}}</th>
          <th>{{'Email ID' | translate}}</th>
          <th>{{'Phone Number' | translate}}</th>
          <th>{{'Password' | translate}}</th>
          <th>{{'Total Vehicle' | translate}}</th>
          <th>{{'Deleted Vehicle' | translate}}</th>
          <th>{{'Created On' | translate}}</th>
          <th>{{'Expire On' | translate}}</th>
          <th>{{'Token' | translate}}</th>
          <th>{{'Last activity' | translate}}</th>
          <th>{{'Last login' | translate}}</th>
          <th>{{'Login type' | translate}}</th>
          <th>{{'Documents' | translate}}</th>
          <th>{{'Edit' | translate}}</th>
          <th *ngIf="((custtype == true)||(superAdmin == true))">{{'Report Setting' | translate}}</th>
          <th *ngIf="((custtype == true)||(superAdmin == true))">{{'Dashboard Column' | translate}}</th>
          <th>{{'Delete' | translate}}</th>
          <th>{{'Customer Status' | translate}}</th>
          <th>{{'Customer Info' | translate}}</th>
          <th>{{'Reset Password' | translate}}</th>
          <th>{{'Add Point' | translate}}</th>
        </tr>
      </thead>
      <tbody>
   
        <tr *ngFor="let cust_array of custumer">
          <td style="cursor:pointer" (click)="vewdev(cust_array._id)">{{cust_array.user_id?cust_array.user_id:'NA'}}
          </td>
          <td style="cursor:pointer" (click)="vewdev(cust_array._id)">{{cust_array.first_name}} {{cust_array.last_name}}
          </td>
          <td style="cursor:pointer" (click)="vewdev(cust_array._id)">{{cust_array.DealerDetails[0].first_name}}
            {{cust_array.DealerDetails[0].last_name}}</td>
          <td style="cursor:pointer" (click)="vewdev(cust_array._id)">{{cust_array.email}}</td>
          <td style="cursor:pointer" (click)="vewdev(cust_array._id)">{{cust_array.phone}}</td>
          <td style="cursor:pointer" (click)="vewdev(cust_array._id)">{{cust_array.pass?cust_array.pass:'NA'}}</td>
          <td style="cursor:pointer" (click)="vewdev(cust_array._id)">{{cust_array.total_vehicle}}</td>
          <td style="cursor:pointer" (click)="vewdev(cust_array._id)">{{cust_array.delDevices}}</td>
          <td style="cursor:pointer" (click)="vewdev(cust_array._id)">{{cust_array.created_on |date:'dd/MM/yyyy'}}</td>
          <td style="cursor:pointer" (click)="vewdev(cust_array._id)">{{cust_array.expire_date|date:'dd/MM/yyyy'}}</td>
          <td style="cursor:pointer" (click)="vewdev(cust_array._id)">
            {{cust_array.notificationTokenCount ?cust_array.notificationTokenCount :0}}</td>
          <td style="cursor:pointer" (click)="vewdev(cust_array._id)">
            {{cust_array.last_activity_on|date:'dd/MM/yyyy, h:mm:ss a'}}</td>
          <td style="cursor:pointer" (click)="vewdev(cust_array._id)">
            {{cust_array.last_login|date:'dd/MM/yyyy, h:mm:ss a'}}</td>
          <td style="cursor:pointer" (click)="vewdev(cust_array._id)">
            {{cust_array.login_type?cust_array.login_type:"NA"}}</td>
          <td>
            <p><button md-tooltip="View/Download"
                style="border:1px solid transparent; background-color: transparent;float:right"
                (click)="viewDocuments(cust_array)">
                <md-icon>library_books</md-icon>
              </button></p>
          </td>
          <td>
            <p><button md-tooltip="Edit" style="border:1px solid transparent; background-color: transparent;float:right"
                (click)="edit_costumerDetail(cust_array)">
                <md-icon>edit</md-icon>
              </button></p>
          </td>
          <td *ngIf="((custtype == true)||(superAdmin == true))">
            <p><button md-tooltip="Report Setting"
                style="border:1px solid transparent; background-color: transparent;float:right"
                (click)="reportSetting(cust_array)">
                <md-icon>calendar_today</md-icon>
              </button></p>
          </td>
          <td *ngIf="((custtype == true)||(superAdmin == true))">
            <img src="assets/image/customised_table.png" alt="Customise Table Content" height="25" width="25" style="cursor: pointer;" title="Customise Table Content" (click)="custom_table(cust_array)">
          </td>
          <td>
            <p><button md-tooltip="Delete"
                style="border:1px solid transparent; background-color: transparent;float:right"
                (click)="delete_costumerDetail(cust_array)">
                <md-icon>delete</md-icon>
              </button></p>
          </td>
          <td style="padding-top:20px">
            <md-slide-toggle [(ngModel)]="cust_array.status" ngDefaultControl (change)="onChange(cust_array,$event)">
            </md-slide-toggle>
          </td>
          <td style="padding-top:18px">      
                  <i class="fas fa-sign-in-alt" style="cursor: pointer;font-size: 22px;" title="Send Login Credentials" (click)="shareUserCredential(cust_array)"></i>    
            </td>
            <td style="padding-top:18px">      
              <img src="assets/image/reset_password.png" alt="reset_password" height="25" width="25" style="cursor: pointer;" title="Reset password" (click)="resetPassword(cust_array)">  
        </td>
        <td>
          <i id="pointShare" style="cursor:pointer;font-size: 20px;margin-top: 12px;" class="fas fa-coins" (click)="addPoints(cust_array)"></i>
        </td>   
        </tr>
      </tbody>
    </table>
  </div>
</div>   -->

<div class="limiter">
  <app-all-menus></app-all-menus>
  <div id="toast">
    <div id="desc">{{ data_descip }}</div>
  </div>
  <!-- <div class="loading" *ngIf="Load">Loading&#8230;</div> -->
  <div class="container-table100">
    <div class="wrap-table100">
      <div class="row">
        <div
          class="col-6"
          style="
            width: 100%;
            text-align: center;
            align-items: center;
            background: #426e86;
            padding-top: 10px;
            padding-bottom: 10px;
            color: white;
            box-shadow: 3px 1px 5px 0px rgb(178, 176, 174);
          "
        >
          <i
            class="fas fa-plus-circle"
            *ngIf="dealer_Permission === true || superAdmin === true || adbtn"
            (click)="openDialog()"
            mdTooltip="{{ 'Add customer' | translate }}"
            style="
              box-shadow: 3px 1px 5px 0px #b2b0ae;
              cursor: pointer;
              float: left;
              font-size: 24px;
              border-radius: 50px;
              margin-left: 20px;
            "
          ></i>

        <i style="cursor: pointer;float: left;font-size: 24px;margin-left: 16px;touch-action: none;user-select: none;" class="fas fa-file-excel" (click)="downloadExcel()"></i>
          <h4 style="display: inline-block; float: right">
            {{ "Customers" | translate }}
          </h4>
        </div>
        <div
          class="col-6"
          style="
            width: 100%;
            text-align: center;
            align-items: center;
            background: #426e86;
            padding-top: 10px;
            padding-bottom: 10px;
            color: white;
            box-shadow: 3px 1px 5px 0px rgb(178, 176, 174);
          "
        >
          <button
            class="btn btn-default"
            [disabled]="firstcall"
            (click)="next()"
            style="margin-right: 10px"
          >
            {{ "Next" | translate }} >>
          </button>
          <button
            class="btn btn-default"
            [disabled]="lastcall"
            (click)="pre()"
            style="border-right-color: #2d4262"
          >
            << {{ "Previous" | translate }}
          </button>
          <!-- <button class="btn btn-default" (click)="getAllCustomers()" style="border-right-color: #2d4262">
            << {{ "All" | translate }} </button> -->
          <input
            type="search"
            style="
              width: 225px;
              float: right;
              border-radius: 0px;
              line-height: 1.9;
              background: #efecec;
              box-shadow: 3px 2px 5px 0px rgb(178, 176, 174);
            "
            class="form-control"
            id="myInput"
            name="myInput"
            type="text"
            [(ngModel)]="myInput"
            (ngModelChange)="searchFilter($event)"
            placeholder="{{ 'Customer Search' | translate }}"
          />
          <md-slide-toggle
            *ngIf="superAdmin === true"
            style="float: right; padding: 8px 35.1px"
            md-tooltip="Include Dealer's Customers"
            [(ngModel)]="allUser"
            (change)="allUserFunction($event)"
          ></md-slide-toggle>
        </div>
      </div>
      <flash-messages class='fmsg'></flash-messages>
      <!-- <div style="width:100%;text-align: center;align-items: center;background: #426E86; padding-top: 10px; padding-bottom: 10px; color: white;box-shadow:3px 1px 5px 0px rgb(178, 176, 174)">
    
         <h4 style="display: inline-block;">{{'Customers' | translate}}</h4>  
         <button class="btn btn-default" [disabled]="firstcall" (click)="next()" style="margin-right: 10px;">Next >></button>
         <button class="btn btn-default" [disabled]="lastcall" (click)="pre()" style="border-right-color: #2d4262;"><< Previous</button>
         <input type="search" style="width: 225px;float: right;border-radius: 0px;line-height: 1.9;background: #efecec;box-shadow: 3px 2px 5px 0px rgb(178, 176, 174);" class="form-control" id="myInput" name="myInput" type="text" [(ngModel)]="myInput" (ngModelChange)="searchFilter($event)"  placeholder="{{'Customer Search' | translate}}" />
       </div> -->
      <!-- <p style="width:100%;text-align: center;align-items: center;background: #426E86; padding-top: 10px; padding-bottom: 10px; color: white;box-shadow:3px 1px 5px 0px rgb(178, 176, 174)">Dealers</p> -->
      <div class="table100 ver1">
        <div class="table100-firstcol">
          <table id='customerTable'>
            <thead>
              <tr class="row100 head">
                <th
                  class="cell100 column1"
                  style="font-weight: 600; background: #add8e6"
                >
                  {{ "NAME" | translate }}
                </th>
              </tr>
            </thead>
            <tbody>
              <tr class="row100 body" *ngFor="let cust_array of custumer">
                <td class="cell100 column1" (click)="viewCustomerDetails(cust_array)">
                  {{ cust_array.first_name ? cust_array.first_name : "" }}
                  {{ cust_array.last_name ? cust_array.last_name : "" }}
                </td>
              </tr>
            </tbody>
          </table>
        </div>
        <div class="wrap-table100-nextcols js-pscroll" style="height: 660px">
          <div class="table100-nextcols">
            <table>
              <thead>
                <tr class="row100 head">
                  <th
                    class="cell100 column2"
                    style="font-weight: 600; background: #add8e6"
                  >
                    {{ "USER ID" | translate }}
                  </th>
                  <th
                    class="cell100 column3"
                    style="font-weight: 600; background: #add8e6"
                  >
                    {{ "DEALER" | translate }}
                  </th>
                  <th
                    class="cell100 column4"
                    style="font-weight: 600; background: #add8e6"
                  >
                    {{ "EMAIL ID" | translate }}
                  </th>
                  <th
                    class="cell100 column5"
                    style="font-weight: 600; background: #add8e6"
                  >
                    {{ "PHONE" | translate }}
                  </th>
                  <th
                    class="cell100 column6"
                    style="font-weight: 600; background: #add8e6"
                  >
                    {{ "PASSWORD" | translate }}
                  </th>
                  <!-- <th
                    class="cell100 column7"
                    style="font-weight: 600; background: #add8e6"
                  >
                    {{ "TOTAL VEHICLES" | translate }}
                  </th>
                  <th
                    class="cell100 column8"
                    style="font-weight: 600; background: #add8e6"
                  >
                    {{ "DELETED VEHICLES" | translate }}
                  </th>
                  <th
                    class="cell100 column9"
                    style="font-weight: 600; background: #add8e6"
                  >
                    {{ "CREATED ON" | translate }}
                  </th>
                  <th
                    class="cell100 column10"
                    style="font-weight: 600; background: #add8e6"
                  >
                    {{ "EXPIRES ON" | translate }}
                  </th>
                  <th
                    class="cell100 column11"
                    style="font-weight: 600; background: #add8e6"
                  >
                    {{ "TOKEN" | translate }}
                  </th>
                  <th
                    class="cell100 column12"
                    style="font-weight: 600; background: #add8e6"
                  >
                    {{ "LAST ACTIVITY" | translate }}
                  </th>
                  <th
                    class="cell100 column13"
                    style="font-weight: 600; background: #add8e6"
                  >
                    {{ "LAST LOGIN" | translate }}
                  </th>
                  <th
                    class="cell100 column14"
                    style="font-weight: 600; background: #add8e6"
                  >
                    {{ "LOGIN TYPE" | translate }}
                  </th>
                  <th
                    class="cell100 column12"
                    style="font-weight: 600; background: #add8e6"
                  >
                    {{ "ALLOCATED POINTS" | translate }}
                  </th>
                  <th class="cell100 column15" style="
                                        text-align: center;
                                        font-weight: 600;
                                        background: #add8e6;
                                      ">
                    {{ "KYC Status" | translate }}
                  </th>
                  <th
                    class="cell100 column15"
                    style="
                      text-align: center;
                      font-weight: 600;
                      background: #add8e6;
                    "
                  >
                    {{ "DOCUMENTS" | translate }}
                  </th> -->
                  <th
                    class="cell100 column16"
                    style="
                      text-align: center;
                      font-weight: 600;
                      background: #add8e6;
                    "
                  >
                    {{ "EDIT" | translate }}
                  </th>
                  <!-- <th
                    class="cell100 column17"
                    style="
                      text-align: center;
                      font-weight: 600;
                      background: #add8e6;
                    "
                    *ngIf="custtype == true || superAdmin == true"
                  >
                    {{ "USER SETTINGS" | translate }}
                  </th>
                  <th
                    class="cell100 column18"
                    style="
                      text-align: center;
                      font-weight: 600;
                      background: #add8e6;
                    "
                    *ngIf="custtype == true || superAdmin == true"
                  >
                    {{ "DASHBOARD COLUMNS" | translate }}
                  </th> -->
                  <th
                    class="cell100 column19"
                    style="
                      text-align: center;
                      font-weight: 600;
                      background: #add8e6;
                    "
                  >
                    {{ "DELETE" | translate }}
                  </th>
                  <!-- <th
                    class="cell100 column20"
                    style="
                      text-align: center;
                      font-weight: 600;
                      background: #add8e6;
                    "
                  >
                    {{ "CUSTOMER STATUS" | translate }}
                  </th>
                  <th
                    class="cell100 column21"
                    style="
                      text-align: center;
                      font-weight: 600;
                      background: #add8e6;
                    "
                  >
                    {{ "CUSTOMER INFO" | translate }}
                  </th>
                  <th
                    class="cell100 column22"
                    style="
                      text-align: center;
                      font-weight: 600;
                      background: #add8e6;
                    "
                  >
                    {{ "RESTET PASSWORD" | translate }}
                  </th>
                  <th
                    class="cell100 column23"
                    style="
                      text-align: center;
                      font-weight: 600;
                      background: #add8e6;
                    "
                  >
                    {{ "SUSPEND ACCOUNT" | translate }}
                  </th>
                  <th
                    class="cell100 column23"
                    style="
                      text-align: center;
                      font-weight: 600;
                      background: #add8e6;
                    "
                  >
                    {{ "ADMIN ALERT" | translate }}
                  </th>
                  <th *ngIf="custtype" class="cell100 column23" style="
                                        text-align: center;
                                        font-weight: 600;
                                        background: #add8e6;
                                      ">
                    {{ "DEALER ALERT" | translate }}
                  </th>
                  <th class="cell100 column23" style="
                                        text-align: center;
                                        font-weight: 600;
                                        background: #add8e6;
                                      ">
                    {{ "Pull Data" | translate }}
                    </th> -->
                </tr>
              </thead>
              <tbody>
                <tr class="row100 body" *ngFor="let cust_array of custumer">
                  <td
                    class="cell100 column2"
                    style="cursor: pointer"
                    (click)="vewdev(cust_array._id)"
                  >
                    {{ cust_array.user_id ? cust_array.user_id : "NA" }}
                  </td>
                  <td
                    class="cell100 column3"
                    style="cursor: pointer"
                    (click)="vewdev(cust_array._id)"
                  >
                    {{
                      cust_array.DealerDetails.length != 0
                        ? cust_array.DealerDetails[0].first_name
                        : ""
                    }}
                    {{
                      cust_array.DealerDetails != 0
                        ? cust_array.DealerDetails[0].last_name
                        : ""
                    }}
                  </td>
                  <td
                    class="cell100 column4"
                    style="cursor: pointer"
                    (click)="vewdev(cust_array._id)"
                  >
                    {{ cust_array.email }}
                  </td>
                  <td
                    class="cell100 column5"
                    style="cursor: pointer"
                    (click)="vewdev(cust_array._id)"
                  >
                    {{ custPhone(cust_array) }}
                  </td>
                  <td
                    class="cell100 column6"
                    style="cursor: pointer"
                    (click)="vewdev(cust_array._id)"
                  >
                    {{ cust_array.pass ? cust_array.pass : "NA" }}
                  </td>
                  <!-- <td
                    class="cell100 column7"
                    style="cursor: pointer"
                    (click)="vewdev(cust_array._id)"
                  >
                    {{ cust_array.total_vehicle }}
                  </td>
                  <td
                    class="cell100 column8"
                    style="cursor: pointer"
                    (click)="vewdev(cust_array._id)"
                  >
                    {{ cust_array.delDevices }}
                  </td>
                  <td
                    class="cell100 column9"
                    style="cursor: pointer"
                    (click)="vewdev(cust_array._id)"
                  >
                    {{ cust_array.created_on | date: "dd/MM/yyyy" }}
                  </td>
                  <td
                    class="cell100 column10"
                    style="cursor: pointer"
                    (click)="vewdev(cust_array._id)"
                  >
                    {{ cust_array.expire_date | date: "dd/MM/yyyy" }}
                  </td>
                  <td
                    class="cell100 column11"
                    style="cursor: pointer"
                    (click)="vewdev(cust_array._id)"
                  >
                    {{
                      cust_array.notificationTokenCount
                        ? cust_array.notificationTokenCount
                        : 0
                    }}
                  </td>
                  <td
                    class="cell100 column12"
                    style="cursor: pointer"
                    (click)="vewdev(cust_array._id)"
                  >
                    {{
                      cust_array.last_activity_on
                        | date: "dd/MM/yyyy, h:mm:ss a"
                    }}
                  </td>
                  <td
                    class="cell100 column13"
                    style="cursor: pointer"
                    (click)="vewdev(cust_array._id)"
                  >
                    {{ cust_array.last_login | date: "dd/MM/yyyy, h:mm:ss a" }}
                  </td>
                  <td
                    class="cell100 column14"
                    style="cursor: pointer"
                    (click)="vewdev(cust_array._id)"
                  >
                    {{ cust_array.login_type ? cust_array.login_type : "NA" }}
                  </td>
                  <td
                    class="cell100 colu mn14"
                    style="cursor: pointer"
                    (click)="vewdev(cust_array._id)"
                  >
                    {{
                      cust_array.point_Allocated
                        ? cust_array.point_Allocated
                        : 0
                    }}
                  </td>
                  <td class="cell100 column15" style="cursor: pointer; text-align: center">
                    <button class="btn btn-warning btn-sm" style="border-radius: 40px; font-size: x-small; background-color: orange;"
                      *ngIf="cust_array.kycStatus==undefined">Pending</button>
                    <button class="btn btn-warning btn-sm" style="border-radius: 40px; font-size: x-small; background-color: orange;" *ngIf="cust_array.kycStatus=='Pending'">{{cust_array.kycStatus}}</button>
                    <button class="btn btn-success btn-sm" style="border-radius: 40px; font-size: x-small; background-color: green;" *ngIf="cust_array.kycStatus=='Approved'">{{cust_array.kycStatus}}</button>
                    <button class="btn btn-danger btn-sm" style="border-radius: 40px; font-size: x-small; background-color: red;" *ngIf="cust_array.kycStatus=='Reject'">{{cust_array.kycStatus}}</button>
                    
                  </td>
                  <td
                    class="cell100 column15"
                    style="cursor: pointer; text-align: center"
                  >
                    <i
                      class="far fa-folder-open"
                      md-tooltip="View/Download"
                      style="cursor: pointer"
                      (click)="viewDocuments(cust_array)"
                    ></i>
                  </td> -->
                  <td class="cell100 column16" style="text-align: center">
                    <i
                      class="far fa-edit"
                      md-tooltip="Edit"
                      style="cursor: pointer; color: #08de85"
                      (click)="edit_costumerDetail(cust_array)"
                    ></i>
                  </td>
                  <!-- <td
                    class="cell100 column17"
                    *ngIf="custtype == true || superAdmin == true"
                    style="text-align: center"
                  >
                    <i
                      class="fas fa-sort-alpha-down"
                      md-tooltip="User Setting"
                      style="cursor: pointer"
                      (click)="reportSetting(cust_array)"
                    ></i>
                  </td>
                  <td
                    class="cell100 column18"
                    *ngIf="custtype == true || superAdmin == true"
                    style="text-align: center"
                  >
                  
                    <i
                      class="fas fa-columns"
                      md-tooltip="Customise Table Content"
                      style="cursor: pointer"
                      (click)="custom_table(cust_array)"
                    ></i>
                  </td> -->
                  <td class="cell100 column19" style="text-align: center">
                    <i
                      class="fas fa-trash-alt"
                      md-tooltip="Delete"
                      style="cursor: pointer; color: #ff0707"
                      (click)="delete_costumerDetail(cust_array)"
                    ></i>
                  </td>

                  <!-- <td class="cell100 column20" style="text-align: center">
                    <md-slide-toggle
                      [(ngModel)]="cust_array.status"
                      style="height: 0px !important"
                      ngDefaultControl
                      ngDefaultControl
                      (change)="onChange(cust_array, $event)"
                    ></md-slide-toggle>
                  </td>
                  <td class="cell100 column21" style="text-align: center">
                    <i
                      class="fas fa-sign-in-alt"
                      title="Send Login Credentials"
                      (click)="shareUserCredential(cust_array)"
                    ></i>
                  </td>
                  <td class="cell100 column22" style="text-align: center">
                    <i
                      class="fas fa-unlock-alt"
                      title="Reset Password"
                      (click)="resetPassword(cust_array)"
                    ></i>
                   
                  </td>

                  <td class="cell100 column20" style="text-align: center">
                    <md-slide-toggle
                      [(ngModel)]="cust_array.accountSuspended"
                      style="height: 0px !important"
                      ngDefaultControl
                      (change)="accountStatusOnChange(cust_array, $event)"
                    ></md-slide-toggle>
                  </td>
                  <td class="column20" style="text-align: center">
                    <md-slide-toggle
                      [(ngModel)]="cust_array.adminAlert"
                      style="height: 0px !important"
                      ngDefaultControl
                      (change)="alertStatus($event, cust_array)"
                    ></md-slide-toggle>
                  </td>
                  <td *ngIf="custtype" class="column20" style="text-align: center">
                    <md-slide-toggle [(ngModel)]="cust_array.dealerAlert" style="height: 0px !important" ngDefaultControl
                      (change)="dealerAlert($event, cust_array)"></md-slide-toggle>
                  </td>
                  <td class="column20" style="text-align: center">
                    <md-slide-toggle [checked]="cust_array.pullData?cust_array.pullData:false" style="height: 0px !important" ngDefaultControl
                      (change)="generatePullData($event, cust_array)"></md-slide-toggle>
                  </td> -->
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
