<div class="reportList-w">
  <div class="container">
      <div class="containerContent-w">
          <div class="row" *ngIf="permissionsTable">
              <div class="col-12 col-sm-12 col-md-6 col-lg-6">
                <div class="form-group">
                  <input type="text" placeholder="البحث عن الأسم" class="form-control rightFloat searchInput-w" style="margin-top:13px;" [(ngModel)]="name"/>
                  <button class="btn btn-success leftFloat" (click)="onSearchName()">ابحث</button>
                </div>
              </div>
            </div>
          
            <table class="table table-bordered text-center" *ngIf="permissionsTable">
              <thead>
                <tr>
                  <th>الاسم</th>
                  <th>البريد الإلكتروني</th>
                  <th>التقارير</th>
                </tr>
              </thead>
              <tbody>
                <tr *ngFor="let user of usersList; let i = index ">
                  <td>{{user.name}}</td>
                  <td>{{user.email}}</td>
                  <td><button class="btn btn-outline-secondary" (click)="onGetReport(user.id)"><i class="fas fa-address-card"></i></button></td>
                </tr>
              </tbody>
            </table>
            <div class="row"  *ngIf="pagesTable">
              <div class="col-6">
                <div class="form-group">
                  <label style="float:right">المجموعات</label>
                  <select class="form-control" [(ngModel)]="roleVal" name="roleVal" (change)="onGetRoles(roleVal)">
                    <option *ngFor="let role of rolesList" [value]="role.id">{{role.role_name}}</option>
                  </select>
                  <button class="btn btn-success" (click)="getRoleReport()" style="float:right; margin:10px 0;">ابحث</button>
                </div>
              </div>
            </div>
      </div>
    </div>
</div>

