<h1 mat-dialog-title style="text-align:center;font-size: 20px;font-weight: 500;" class="prevent-select">
  {{ isLocation ? 'Detalles de la ubicación' : 'Detalles del dispositivo'}}
</h1>
<div mat-dialog-content style="width: 512px;">
  <div class="form-row pt-8 w-100" [formGroup]="locationForm" *ngIf="isLocation">
    <div class="form-cell C06">
      <mat-form-field appearance="outline" class="w-100">
        <mat-label>Latitud</mat-label>
        <input matInput formControlName="latitude" readonly>
        <mat-icon matSuffix>language</mat-icon>
      </mat-form-field>
    </div>
    <div class="form-cell C06">
      <mat-form-field appearance="outline" class="w-100">
        <mat-label>Longitud</mat-label>
        <input matInput formControlName="longitude" readonly>
        <mat-icon matSuffix>language</mat-icon>
      </mat-form-field>
    </div>
    <div class="form-cell C06">
      <mat-form-field appearance="outline" class="w-100">
        <mat-label>Precisión</mat-label>
        <input matInput formControlName="accuracy" readonly>
        <mat-icon matSuffix>square_foot</mat-icon>
      </mat-form-field>
    </div>
    <div class="form-cell C06">
      <mat-form-field appearance="outline" class="w-100">
        <mat-label>Ciudad</mat-label>
        <input matInput formControlName="city" readonly>
        <mat-icon matSuffix>apartment</mat-icon>
      </mat-form-field>
    </div>
    <div class="form-cell C06">
      <mat-form-field appearance="outline" class="w-100">
        <mat-label>Estado</mat-label>
        <input matInput formControlName="state" readonly>
        <mat-icon matSuffix>location_city</mat-icon>
      </mat-form-field>
    </div>
    <div class="form-cell C06">
      <mat-form-field appearance="outline" class="w-100">
        <mat-label>País</mat-label>
        <input matInput formControlName="country" readonly>
        <mat-icon matSuffix>flag</mat-icon>
      </mat-form-field>
    </div>
  </div>
  <div class="form-row pt-8 w-100" [formGroup]="deviceForm" *ngIf="!isLocation">
    <div class="form-cell C06">
      <mat-form-field appearance="outline" class="w-100">
        <mat-label>Dispositivo</mat-label>
        <input matInput formControlName="device" readonly>
        <mat-icon matSuffix>devices</mat-icon>
      </mat-form-field>
    </div>
    <div class="form-cell C06">
      <mat-form-field appearance="outline" class="w-100">
        <mat-label>Sistema operativo</mat-label>
        <input matInput formControlName="os" readonly>
        <mat-icon matSuffix>terminal</mat-icon>
      </mat-form-field>
    </div>
    <div class="form-cell C06">
      <mat-form-field appearance="outline" class="w-100">
        <mat-label>Versión del sistema operativo</mat-label>
        <input matInput formControlName="vos" readonly>
        <mat-icon matSuffix>tag</mat-icon>
      </mat-form-field>
    </div>
    <div class="form-cell C06">
      <mat-form-field appearance="outline" class="w-100">
        <mat-label>Navegador web</mat-label>
        <input matInput formControlName="navigator" readonly>
        <mat-icon matSuffix>public</mat-icon>
      </mat-form-field>
    </div>
  </div>
</div>
<div mat-dialog-actions align="end">
  <button mat-button mat-dialog-close="false">Cerrar</button>
</div>