<h1 mat-dialog-title class="prevent-select">Detalles del subcontratista #{{ idSub }}</h1>
<div mat-dialog-content class="prevent-select">

  <app-loading-card [isLoading]="isLoading" txtLoading="Cargando información" />

  @if (!isLoading && hasError) {
    <div class="has-error animated fadeIn pt-64">
      <mat-icon class="red_primary_font">error</mat-icon>
      <h2>{{ errorStr }}</h2>
    </div>
  }
  @if (!isLoading && !hasError) {
    <div class="animated fadeIn subcontratist-details-column">
      <p><b>Razón social: </b>{{ subcontratist!.SOCIAL_REASON }}</p>
      <p><b>Régimen fiscal: </b>{{ subcontratist!.TAX_REFERENCE }}</p>
      <p><b>Régimen fiscal: </b>{{ subcontratist!.TAX_REFERENCE }}</p>
      <p><b>Tipo de contribuyente: </b>{{ subcontratist!.CONTRACT_TYPE }}</p>
      <p><b>Extranjero: </b>{{ subcontratist!.FOREIGNER }}</p>
      <p>
        <b>{{ subcontratist!.FOREIGNER == 'Si' ? 'TAX ID' : 'RFC' }}: </b>
        {{ subcontratist!.FOREIGNER == 'Si' ? subcontratist!.TAX : subcontratist!.RFC }}
      </p>
      <p><b>Correo electrónico: </b>{{ subcontratist!.EMAIL }}</p>
      <p><b>Dirección: </b>Calle {{ subcontratist!.STREET }}, No. Int {{ subcontratist!.INTERIOR_NUMBER == null ? 'S/N' : subcontratist!.INTERIOR_NUMBER }}, 
      No. Ext {{ subcontratist!.EXTERIOR_NUMBER }}, {{ subcontratist!.SUBURB }}, {{ subcontratist!.TOWN == null ? '-' : subcontratist!.TOWN }}, 
      {{ subcontratist!.CITY == null ? '-' : subcontratist!.CITY }}, {{ subcontratist!.POSTAL_CODE }}. {{ subcontratist!.FEDERAL_ENTITY }}, 
      {{ subcontratist!.COUNTRY }}.</p>
      <p><b>Teléfono 1: </b>{{ subcontratist!.LADA1 }}-{{ subcontratist!.TELEPHONE1 }}</p>
      <p><b>Teléfono 2: </b>{{ subcontratist!.TELEPHONE2 == null ? '-' : subcontratist!.LADA2 + '-' + subcontratist!.TELEPHONE2 }}</p>
      <p><b>Especialidad: </b>{{ subcontratist!.SPECIALTY }}</p>
      <p><b>Estado: </b>{{ subcontratist!.STATUS }}</p>
    </div>
  }
</div>
<div mat-dialog-actions align="end">
  <button mat-button mat-dialog-close>Cerrar</button>
</div>