Untitled

<app-navbar></app-navbar>
<form [formGroup]="form" appClickprevent (preventer)="checkErrors()">
  <div class="page-content-layout est-apartment-residence__wrapper">
    <div class="estimation-layout container">
      <!-- <app-simulation-progress-bar></app-simulation-progress-bar> -->
      <h1 class="title-l d-flex flex-column">
        <span class="text-secondary">{{mainTitle}}</span>
        <span class="text-primary">{{secondTitle}}</span>
      </h1>
      <div class="row justify-content-center mt-5">
        <div class="col-12 col-sm-12 col-md-6 col-lg-3 col-xl-3 pb-4">
          <!-- RadioButtonCard start -->
          <div class="simple-radio radio-button-card clickable" [ngClass]="{ error: isError }" >
            <input class="form-check-input radio-button-card__input clickable" type="radio" id="indipendente"
              [name]="typeHouseFormControlName" value="indipendente"
              (click)="hideError(typeHouseFormControlName)"
              [formControlName]="typeHouseFormControlName"/>
            <label class="form-check-label radio-button-card__label radio-button-card__label--hidden"
              for="indipendente">
              <div class="button-card clickable" (click)="onSubmit($event)">
                <i class="main-icon icon-rounded-home mt-3 clickable"></i>
                <div class="px-5 px-lg-3 clickable">
                  <p class="paragraph-s text-secondary text-center font-weight-bold pt-3 clickable">
                    {{ indipTitle }}
                  </p>
                </div>
              </div>
            </label>
          </div>
          <!-- RadioButtonCard end -->
        </div>
        <div class="col-12 col-sm-12 col-md-6 col-lg-3 col-xl-3 pb-4">
          <!-- RadioButtonCard start -->
          <div class="simple-radio radio-button-card clickable" [ngClass]="{ error: isError }" >
            <input class="form-check-input radio-button-card__input clickable" type="radio" id="condominio"
              [name]="typeHouseFormControlName" value="condominio"
              (click)="hideError(typeHouseFormControlName)"
              [formControlName]="typeHouseFormControlName" />
            <label class="form-check-label radio-button-card__label radio-button-card__label--hidden clickable"
              for="condominio">
              <div class="button-card clickable" (click)="onSubmit($event)">
                <i class="main-icon icon-rounded-resident mt-3 clickable"></i>
                <div class="px-5 px-lg-3 clickable">
                  <p class="paragraph-s text-secondary text-center font-weight-bold pt-3 clickable">
                    {{ condoTitle }}
                  </p>
                </div>
              </div>
            </label>
          </div>
          <!-- RadioButtonCard end --> 
        </div>
      </div>
      <!-- <app-error-disclaimer class="mt-5 d-flex flex-row flex-nowrap justify-content-center align-center w-100 mw-100"  [errorsMessage]="getErrorsByFormControlName(apartmentResidenceFormControlName)"></app-error-disclaimer> -->
      <div class="d-flex justify-content-center mt-5">
        <!-- DialogInfo start -->
        <div class="dialog-info" *ngIf="!showContactous">
          <i class="icon-rounded-question-mark mb-3 mb-md-2"></i>
          <p class="text-secondary title-m">{{ datoImportanteTitle }}</p>
          <p class="paragraph-m">{{ spiegazioneTitle }}</p>
        </div>
        <!-- DialogInfo end -->
        <!-- ContactUsBox start -->
        <app-contactus *ngIf="showContactous"></app-contactus>
        <!-- ContactUsBox end -->
      </div>
    </div>
  </div>
</form>