<div class="reprot">
  <div class="container">
      <div class="containerContent-w">
          <div class="row" id="print-section">
              <div class="col-12">
                <table class="table table-bordered text-center">
                  <thead>
                    <tr>
                      <th class="text-center">إسم المجموعه</th>
                      <th class="text-center">اسم الموظف</th>
                      <th class="text-center">اسم الاداره</th>
                      <th class="text-center">أسم الموظف مانح الصلاحيه</th>
                      <th class="text-center">تاريخ المنح</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr *ngFor="let data of reportData; let i = index">
                      <td>{{data.role_name}}</td>
                      <td>
                        <p *ngFor="let user of data.users">
                          {{user.name}}
                        </p>
                      </td>
                      <td>
                        <p *ngFor="let user of data.users">
                          {{user.adminstration_name}}
                        </p>
                      </td>
                      <td>
                        <p *ngFor="let user of data.users">
                          {{user.asigned_by}}
                        </p>
                      </td>
                      <td>
                        <p *ngFor="let user of data.users">
                          {{user.asigned_at}}
                        </p>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </div>
            <button class="btn btn-success" style="float:right;margin:10px 0;" (click)="onPrint()">طباعه</button>
      </div>
  </div>
</div> 