<mdb-card class="card-f"
[ngClass]="{
  'card-f': true,
  'card-f-selected': financingOptionsItem?.radioValue == radioModel
}"
 (click)="onSelectionChange()">
  <mdb-card-header class="card-f-header">
    <div class="radio radio-button">
      <label>
        <input
          type="radio"
          name="fin_options"
          value="financingOptionsItem?.radioValue"
          [checked]="financingOptionsItem?.radioValue == radioModel"
          (change)="onSelectionChange($event)"
        />
        <span class="header-text"> {{ financingOptionsItem?.label }}</span>
      </label>
    </div>
  </mdb-card-header>
  <div class="cardbody">
    <mdb-card-text class="card-text">
      <h5>
        {{ financingOptionsItem?.amount | number: "1.2-2" }}
        <span class="small-space">{{ financingOptionsItem?.currency }}</span>
      </h5>
      <small> {{ financingOptionsItem?.paymentType }} </small>
    </mdb-card-text>
  </div>
</mdb-card>
