<div class="reprot">
  <div class="container">
    <div class="containerContent-w">
        <div class="row">
            <div class="col-12">
              <button class="btn btn-success" style="float: right; margin: 10px 0;" (click)="onPrint()">طباعه</button> 
              <table class="table table-bordered text-center">
                <thead>
                  <tr>
                    <th>إسم المجموعه</th>
                    <th>إسم الصفحه</th>
                  </tr>
                </thead>
                <tbody>
                  <tr *ngFor="let data of reportPages; let i = index">
                    <td>{{data.role_name}}</td>
                    <td>
                      <p *ngFor="let page of data.pages">
                        {{page.name}}
                      </p>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
        </div>
    </div>
  </div>
</div> 