<h1 mat-dialog-title>Orden #{{ idOrder }}</h1>
<div mat-dialog-content class="prevent-select">
  <div class="content-container animated fadeIn">
    <div class="is-loading animated fadeIn fast" *ngIf="isLoading">
      <mat-spinner align="center"></mat-spinner>
      <h3>Cargando datos ...</h3>
    </div>
    <div class="has-error animated fadeIn" *ngIf="!isLoading && hasError">
      <mat-icon class="red_primary_font">error</mat-icon>
      <h2>{{ errorStr }}</h2>
    </div>
    <div class="execution-info-container animated fadeIn" *ngIf="!isLoading && !hasError">
      <h3 class="mb-8">Ejecución de la orden programada para el día {{ dateStr }}</h3>
      <h3 class="mb-8"><span class="bold">Descripción: </span><br>{{ prevOrdExec!.DESCRIPCION }}</h3>
      <h3 class="mb-8"><span class="bold">Equipamiento: </span><br>{{ prevOrdExec!.EQUIPAMIENTO }}</h3>
      <h3 class="mb-8"><span class="bold">Fecha de inicio: </span><br>{{ orderDate(prevOrdExec!.FECHAINICIO) }}</h3>
      <h3 class="mb-8"><span class="bold">Estado de la ejecución: </span><br>{{ prevOrdExec!.ESTADODEEJECUCION }}</h3>
      <h3 class="mb-8" *ngIf="prevOrdExec!.ESTADODEEJECUCION == 'Finalizado' || prevOrdExec!.ESTADODEEJECUCION == 'Cancelacion'">
        <span class="bold">Observaciones: </span><br>{{ prevOrdExec!.OBSERVACIONES }}
      </h3>
      <div class="execution-actions-container" *ngIf="prevOrdExec!.ESTADODEEJECUCION == 'Programada'">
        <button mat-flat-button color="primary" (click)="closeDialog('execute')">Ejecutar ahora</button>
        <button mat-flat-button class="red_primary_background white_font ml-10" (click)="closeDialog('cancel')">
          Cancelar ejecución
        </button>
      </div>
      <div class="execution-actions-container" *ngIf="prevOrdExec!.ESTADODEEJECUCION == 'Ejecucion'">
        <button mat-flat-button color="primary" (click)="closeDialog('end')">Finalizar ejecución</button>
      </div>
    </div>
  </div>
</div>
<div mat-dialog-actions align="end">
  <button mat-button mat-dialog-close>Cerrar</button>
</div>