<div class="edit-details" (keydown.enter)="$event.preventDefault()">
  <mat-progress-bar mode="indeterminate" *ngIf="isLoading"></mat-progress-bar>
  <button class="close icon-btn-close" mat-button mat-dialog-close></button>
  <div class="header-details">
    <div class="wrap-edit">
      <button
        class="icon-projects"
        (click)="downloadFile(data.notesid)"
      ></button>
      <button *ngIf="isClickEdit" class="edit icon-edit" mat-button (click)="clickEdit()"></button>
    </div>
  </div>

  <div class="under-head-details">
    <mat-list>
      <mat-list-item class="offer">
        <div
          class="title-details"
          [matTooltip]="data['Notes']"
          [matTooltipPosition]="'right'"
        >
          {{data['Nom du fichier']}} {{data['Contrepartie'] ?'/ '+
          data['Contrepartie'].name :' '}}
        </div>
      </mat-list-item>

      <mat-list-item>
        Type de document :
        <span [ngClass]="{'desc volume': data['Type de document']}"
          >{{data['Type de document'] ? data['Type de document'] :''}}
        </span>
      </mat-list-item>
      <mat-list-item>
        Actif :
        <span class="desc"
          >{{data['Actif'] ? (data['Actif'] ==='1'?'Oui':'Non' ) :''}}
        </span>
      </mat-list-item>

      <mat-list-item>
        Statut :
        <span class="desc">{{data['Statut'] ? data['Statut'] :''}} </span>
      </mat-list-item>

      <mat-list-item>
        Date de reference :
        <span class="desc"
          >{{data['Date de reference'] ? ( data['Date de reference'] | date:
          'dd/MM/yyyy' ):''}}
        </span>
      </mat-list-item>
    </mat-list>
  </div>
  <mat-accordion multi>
    <mat-expansion-panel [expanded]="true">
      <mat-expansion-panel-header>
        <mat-panel-title>
          Détails
        </mat-panel-title>
      </mat-expansion-panel-header>
      <mat-list class="ligne-1">
        <mat-list-item>
          <span class="details-title"> Date de reference : </span>
          <span class="details-desc">
            {{data['Date de reference'] ? ( data['Date de reference'] | date:
            'dd/MM/yyyy' ):''}}
          </span>
        </mat-list-item>

        <mat-list-item>
          <span class="details-title"> Repertoire :</span>
          <span class="details-desc">
            {{data['Répertoire'] ? data['Répertoire'] :''}}
          </span>
        </mat-list-item>

        <mat-list-item>
          <span class="details-title">Notes : </span>
          <span class="details-desc">
            {{data['Notes'] ? data['Notes'] :''}}
          </span>
        </mat-list-item>
      </mat-list>
    </mat-expansion-panel>
  </mat-accordion>
</div>
