<h2 mat-dialog-title translate>Choose a drive folder within the Nano client: <span>{{createDriveDialogData.nanoClient.detail.name}}</span></h2>
<h3 id="path-subheader" mat-subheader>{{ path.length == 0 ? '(root)' : path.join('')}}</h3>
<mat-dialog-content class="mat-typography">
  <mat-list [disabled]="isLoading">
    <mat-list-item class="list-item list-item-back" (click)="stepBack()" [disabled]="path.length == 0"> 
      <mat-icon mat-list-icon>keyboard_return</mat-icon> <div mat-line id="return">[..]</div>
    </mat-list-item>
    <mat-list-item class="list-item" *ngFor="let folder of folders" (click)="listFolders(folder.name)">
      <ng-container *ngIf="!folder.unresolved">
        <mat-icon mat-list-icon>folder</mat-icon>
        <div mat-line>{{folder.name}}</div>
      </ng-container>
      <ng-container *ngIf="folder.unresolved">
        <mat-icon mat-list-icon class="data-error">tab_unselected</mat-icon>
        <div mat-line><span class="data-error">{{folder.name}} <span translate>(unresolved)</span></span></div>
      </ng-container>
    </mat-list-item>
  </mat-list>
</mat-dialog-content>
<mat-dialog-actions align="end">
  <button mat-button mat-dialog-close><span translate>Cancel</span></button>
  <button mat-button [disabled]="path.length == 0" (click)="newFolderDialog()"><span translate>New folder</span></button>
  <button color="primary" mat-raised-button (click)="chooseCurrentPath()" [disabled]="path.length == 0"><span translate>Choose current folder</span></button>
</mat-dialog-actions>