<div class="pastis-edit-profile-header">
  <div class="pastis-ico-close-sidenav">
    <i class="vitamui-icon vitamui-icon-close" (click)="closeSideNav()"></i>
  </div>

  <div class="pastis-edit-profile-header-name">
    <p class="text large bold text-primary">{{puaMode ? 'Nom du profil d unité archivistique' : 'Nom du profil d\'archivage'}}</p>
  </div>

  <div class="pastis-edit-profile-header-id">
    <p class="text medium light">Identifiant : {{profileId}}</p>
  </div>
</div>
<div class ="mat-table">
  <mat-tab-group
    [selectedIndex]="activeTabIndex"
    disableRipple="true"
    (selectedTabChange)="loadProfile($event)"
    fxFill>

    <mat-tab label="{{puaMode ? tabLabels[5] : tabLabels[0]}}" *ngIf="canShowOnPuaMode(0)">
      <div class="pastis-tab-container">
        <ng-template matTabContent *ngIf="puaMode">
        </ng-template>
        <pastis-under-construction style="background: darkgray;" *ngIf="!puaMode"></pastis-under-construction>
      </div>
    </mat-tab>

    <mat-tab label="{{tabLabels[1]}}" *ngIf="canShowOnPuaMode(1)">
      <div class="pastis-tab-container" >
        <ng-template matTabContent>

          <pastis-file-tree [nestedTreeControl]="nestedTreeControl"
                            [nestedDataSource]="nestedDataSource"
                            [rootElementName] = "rootNames[1]"
                            [rootElementShowName]="displayedRootNames[1]"
                            [childrenListToExclude]="headerTabChildrenToExclude"
                            [shouldLoad]="isTabClicked(1)"
                            [collectionName]="collectionNames[1]"
                            [puaMode]="puaMode"
                            [activeTabIndex]="activeTabIndex">
          </pastis-file-tree>
        </ng-template>

      </div>
    </mat-tab>

    <mat-tab label="{{tabLabels[2]}}" *ngIf="canShowOnPuaMode(2)">
      <div class="pastis-tab-container">
        <ng-template matTabContent>

          <pastis-file-tree [nestedTreeControl]="nestedTreeControl"
                            [nestedDataSource]="nestedDataSource"
                            [rootElementName]="rootNames[2]"
                            [rootElementShowName]="displayedRootNames[2]"
                            [childrenListToInclude]="rulesTabChildrenToInclude"
                            [childrenListToExclude]="rulesTabChildrenToExclude"
                            [shouldLoad]="isTabClicked(2)"
                            [collectionName]="collectionNames[2]"
                            [puaMode]="puaMode"
                            [activeTabIndex]="activeTabIndex">
          </pastis-file-tree>
        </ng-template>

      </div>
    </mat-tab>

    <mat-tab label="{{puaMode ? 'Unité d\'archives' : tabLabels[3]}}" *ngIf="canShowOnPuaMode(3)">
      <div class="pastis-tab-container">
        <ng-template matTabContent>
          <pastis-file-tree [nestedTreeControl]="nestedTreeControl"
                            [nestedDataSource]="nestedDataSource"
                            [rootElementName]="rootNames[3]"
                            [rootElementShowName]="displayedRootNames[3]"
                            [childrenListToInclude]="treeTabChildrenToInclude"
                            [childrenListToExclude]="treeTabChildrenToExclude"
                            [shouldLoad]="isTabClicked(3)"
                            [collectionName]="collectionNames[3]"
                            [puaMode]="puaMode"
                            [activeTabIndex]="activeTabIndex">
          </pastis-file-tree>
        </ng-template>
      </div>
    </mat-tab>

    <mat-tab label="{{tabLabels[4]}}" *ngIf="canShowOnPuaMode(4)">
      <div class="pastis-tab-container">
        <ng-template matTabContent>

          <pastis-file-tree [nestedTreeControl]="nestedTreeControl"
                            [nestedDataSource]="nestedDataSource"
                            [rootElementName]="rootNames[4]"
                            [rootElementShowName]="displayedRootNames[4]"
                            [childrenListToInclude]="objectTabChildrenToInclude"
                            [childrenListToExclude]="objectTabChildrenToExclude"
                            [shouldLoad]="isTabClicked(4)"
                            [collectionName]="collectionNames[4]"
                            [puaMode]="puaMode"
                            [activeTabIndex]="activeTabIndex">
          </pastis-file-tree>
        </ng-template>

      </div>
    </mat-tab>
  </mat-tab-group>
</div>