<div class="row">
    <div class="col-12">
        <aeropuertos-header></aeropuertos-header>
        <div class="content" id="backgroundStyle" >
            <form 
              autocomplete="off"
              [formGroup]="aeropuertoForm"
              (ngSubmit)="guardar()"
            >
                <div class="row">
                    <div class="col-6">
                      <mat-form-field appearance="fill">
                        <mat-label>Codigo</mat-label>
                        <input matInput formControlName="codigo" required />
                        <mat-error
                            *ngIf="aeropuertoForm.controls['codigo'].invalid"
                            >{{ getErrorCodigo() }}</mat-error
                        >
                    </mat-form-field>
                    </div>
                    <div class="col-6">
                      <mat-form-field appearance="fill">
                        <mat-label>Nombre</mat-label>
                        <input matInput formControlName="nombre" required />
                        <mat-error
                            *ngIf="aeropuertoForm.controls['nombre'].invalid"
                            >{{ getErrorNombre() }}</mat-error
                        >
                    </mat-form-field>
                    </div>
                </div>
                <div class="row">
                    <div class="col-6">
                      <mat-form-field appearance="fill">
                        <mat-label>Localizacion</mat-label>
                        <input matInput formControlName="localizacion" required />
                        <mat-error
                            *ngIf="aeropuertoForm.controls['localizacion'].invalid"
                            >{{ getErrorLocalizacion() }}</mat-error
                        >
                    </mat-form-field>
                    </div>
                </div>
                <div class="row">
                    <div class="col-12">
                      <mat-form-field appearance="fill">
                        <mat-label>Detalles</mat-label>
                        <input matInput formControlName="detalles" required />
                        <mat-error
                            *ngIf="aeropuertoForm.controls['detalles'].invalid"
                            >{{ getErrorDetalles() }}</mat-error
                        >
                    </mat-form-field>
                    </div>
                </div>
                <div id="backgroundStyle">
                  <div class="d-flex justify-content-end">
                      <button type="submit" class="btn btn-primary">
                          {{ tipoBoton }}
                      </button>
                  </div>
                </div>
            </form>
        </div>
    </div>
</div>
