<div class="card pt-6 pl-6 pr-6">
  <p class="text-3xl"> Approve resources</p>
  <p-table [value]="resources" [paginator]="true" [rows]="10" >
    <ng-template pTemplate="header">
      <tr>
        <th>Resource name</th>
        <th>Resource type</th>
        <th>Creation date</th>
        <th></th>
      </tr>
    </ng-template>
    <ng-template pTemplate="body" let-resource>
      <tr>
        <td>{{resource.resourceName}}</td>
        <td>{{resource.resourceType?.name}}</td>
        <td>{{resource.creationDate| date:"d.M.yyyy, h:mm a"}}</td>
        <td>
          <button pButton type="button" routerLink="/resource/{{resource.idResource}}" icon="pi pi-pencil"></button>
        </td>
      </tr>
    </ng-template>
  </p-table>
</div>
