<h1 mat-dialog-title class="prevent-select">Detalles del código pre-generado</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" *ngIf="!isLoading && hasError">
    <mat-icon class="red_primary_font">error</mat-icon>
    <h2>{{ errorStr }}</h2>
  </div>
  <div class="dialog_details_column" *ngIf="!isLoading && !hasError">
    <p style="overflow-wrap: break-word; width: 100%;"><b>Código preliminar:</b> {{ code }}</p>
    <p><b>Jerarquía:</b> {{ preCodeDetails!.JERARQUIA }}</p>
    <p><b>Equipo padre:</b> {{ preCodeDetails!.PADRE == null ? 'N/A' : preCodeDetails!.PADRE }}</p>
    <p><b>Tipo de codificación:</b> {{ preCodeDetails!.TIPO_CODIGO }}</p>
    <p><b>Ubicación de origen:</b> {{ preCodeDetails!.UBICACION_ORIGEN == null ? '-' : preCodeDetails!.UBICACION_ORIGEN }}</p>
    <p><b>Nivel de origen:</b> {{ preCodeDetails!.NIVEL_ORIGEN == null ? '-' : preCodeDetails!.NIVEL_ORIGEN }}</p>
    <p><b>Ocupación de origen:</b> {{ preCodeDetails!.OCUPACION_ORIGEN == null ? '-' : preCodeDetails!.OCUPACION_ORIGEN }}</p>
    <p><b>Elemento de origen:</b> {{ preCodeDetails!.ELEMENTO_ORIGEN == null ? '-' : preCodeDetails!.ELEMENTO_ORIGEN }}</p>
    <p><b>Familia:</b> {{ preCodeDetails!.FAMILIA }}</p>
    <p><b>Subfamilia:</b> {{ preCodeDetails!.SUBFAMILIA }}</p>
    <p><b>Estado:</b> {{ preCodeDetails!.ESTADO_EQUIPAMIENTO }}</p>
    <p><b>Tipo de equipamiento:</b> {{ preCodeDetails!.TIPO_EQUIPAMIENTO }}</p>
    <p><b>Modelo del equipamiento:</b> {{ preCodeDetails!.MODELO_EQUIPAMIENTO }}</p>
    <p><b>Intersección del PCC:</b> {{ preCodeDetails!.INTERSECCION_PCC == null ? 'N/A' : preCodeDetails!.INTERSECCION_PCC }}</p>
    <p><b>Posición del PCC:</b> {{ preCodeDetails!.POSICION_PCC == null ? 'N/A' : preCodeDetails!.POSICION_PCC }}</p>
    <p><b>Kilómetro de origen:</b> {{ preCodeDetails!.KILOMETRO_ORIGEN == null ? 'N/A' : preCodeDetails!.KILOMETRO_ORIGEN }}</p>
    <p><b>Ubicación de destino:</b> {{ preCodeDetails!.UBICACION_DESTINO == null ? 'N/A' : preCodeDetails!.UBICACION_DESTINO }}</p>
    <p><b>Nivel de destino:</b> {{ preCodeDetails!.NIVEL_DESTINO == null ? 'N/A' : preCodeDetails!.NIVEL_DESTINO }}</p>
    <p><b>Ocupación de destino:</b> {{ preCodeDetails!.OCUPACION_DESTINO == null ? 'N/A' : preCodeDetails!.OCUPACION_DESTINO }}</p>
    <p><b>Elemento de destino:</b> {{ preCodeDetails!.ELEMENTO_DESTINO == null ? 'N/A' : preCodeDetails!.ELEMENTO_DESTINO }}</p>
    <p><b>Kilómetro de destino:</b> {{ preCodeDetails!.KILOMETRO_DESTINO == null ? 'N/A' : preCodeDetails!.KILOMETRO_DESTINO }}</p>
  </div>
</div>
<div mat-dialog-actions align="end">
  <button mat-button mat-dialog-close>Cerrar</button>
</div>