<h1 mat-dialog-title class="prevent-select">Detalles del plan de mantenimiento</h1>
<div mat-dialog-content class="prevent-select">
  <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 pt-64" *ngIf="!isLoading && hasError">
    <mat-icon class="red_primary_font">error</mat-icon>
    <h2>{{ errorStr }}</h2>
  </div>
  <div class="dialog_details_column animated fadeIn" *ngIf="!isLoading && !hasError">
    <p><b>Plan de mantenimiento correctivo #{{ maintenancePlan!.ID_PLAN }}</b></p>
    <p><b>Equipamiento: </b>{{ maintenancePlan!.EQUIPAMIENTO }}</p>
    <p><b>Estado de funcionamiento del equipamiento: </b>{{ maintenancePlan!.ESTADO_FUNCIONAMIENTO_EQUIPAMIENTO }}</p>
    <p><b>LRU: </b>{{ maintenancePlan!.LRU == null ? '-' : maintenancePlan!.LRU == null }}</p>
    <p><b>Estado de funcionamiento del LRU: </b>{{ maintenancePlan!.ESTADO_FUNCIONAMIENTO_LRU == null ? '-' : maintenancePlan!.ESTADO_FUNCIONAMIENTO_LRU }}</p>
    <p><b>Descripción: </b>{{ maintenancePlan!.DESCRIPCION }}</p>
    <p><b>Tiempo de inmovilización estimado: </b>{{ maintenancePlan!.TIEMPO_INMOVILIZACION_ESTIMADO }} h</p>
    <p><b>Duración total: </b>{{ maintenancePlan!.DURACION_TOTAL }} h</p>
    <p><b>Clasificación: </b>{{ maintenancePlan!.CLASIFICACION }}</p>
    <p class="m-0"><b>Especialidades requeridas: </b></p>
    <ul class="m-0">
      <li *ngFor="let specialty of maintenancePlan!.ESPECIALIDADES_REQUERIDAS_CONF">
        <b>{{ specialty.specialty }}: </b>{{ specialty.config }} operario(s).
      </li>
    </ul>
    <p class="mt-12"><b>Comentarios: </b>{{ maintenancePlan!.COMENTARIOS == null ? '-' : maintenancePlan!.COMENTARIOS }}</p>
    <p><b>Recursos: </b>PENDIENTE</p>
    <p><b>Detalles adicionales: </b>{{ maintenancePlan!.DETALLES_ADICIONALES == null ? '-' : maintenancePlan!.DETALLES_ADICIONALES }}</p>
    <p class="m-0"><b>Documentos relacionados: </b></p>
    <ul class="m-0">
      <li *ngFor="let document of maintenancePlan!.DOCUMENTOS_RELACIONADOS_ARR">
        <b>{{ document.type }}: </b>{{ document.name }} &bullet; {{ document.size }}
      </li>
    </ul>
    <p class="mt-12"><b>Contador relacionado: </b>Contador #{{ maintenancePlan!.CONTADOR }}</p>
    <p><b>Scada relacionado: </b>{{ maintenancePlan!.SCADA }}</p>
    <p><b>Activador relacionado: </b>Activador #{{ maintenancePlan!.ACTIVADOR }}</p>
    <p><b>Prioridad: </b><span style="font-weight: 500;" [style.color]="maintenancePlan!.PRIORIDAD_OBJ!.color">
      {{ maintenancePlan!.PRIORIDAD_OBJ!.label }}
    </span></p>
    <p><b>Síntoma relacionado: </b>{{ maintenancePlan!.SINTOMA }}</p>
    <p><b>Estado: </b>{{ maintenancePlan!.ESTADO }}</p>
    <p><b>Usuario que registró: </b>{{ maintenancePlan!.USRREG }}</p>
    <p><b>Fecha de registro: </b>{{ maintenancePlan!.FECREG }}</p>
    <p><b>Usuario que modificó: </b>{{ maintenancePlan!.USRMOD == null ? '-' : maintenancePlan!.USRMOD }}</p>
    <p><b>Fecha de modificación: </b>{{ maintenancePlan!.FECMOD == null ? '-' : maintenancePlan!.FECMOD }}</p>
  </div>
</div>
<div mat-dialog-actions align="end">
  <button mat-button mat-dialog-close>Cerrar</button>
  <button mat-button mat-dialog-close="xls">Exportar excel</button>
  <button mat-button mat-dialog-close="pdf">Exportar PDF</button>
</div>