<div class="installmentplan">
  <div class="col-12 installmentplan-greybg" *ngIf="data.financedetails">
    <div class="row">
      <div class="col-6">
        <label>{{data.financedetails?.financeLabel}}</label>
        <h5>{{data.financedetails?.selectedOption}}</h5>
      </div>
      <div class="col-4">
        <label>{{data.financedetails?.dealerLabel}}</label>
        <b>{{data.financedetails?.dealerDetail}}</b>
      </div>
      <div class="col-2">
        <label>{{data.financedetails.deliveryLabel}}</label>
        <b>{{data.financedetails.deliveryDate}}</b>
      </div>
    </div>
    <div class="row installmentplan-address" *ngIf="data.address">
      <div class="col-6" *ngFor="let obj of data.address">
        <b>{{obj?.value}}</b>{{obj?.label}}
      </div>
    </div>
  </div>

  <div class="col-12 installmentplan-whitebg" *ngIf="data.terms">
    <div class="row" *ngFor="let obj of data.terms">
      <div class="col-6">
        <b>{{obj?.label}}</b>
      </div>
      <div class="col-6 text-right">
        <b>{{obj?.value}}</b>
      </div>
    </div>
  </div>


  <div class="col-12 installmentplan-greybg" *ngIf="data.details">
    <div class="row" *ngFor="let obj of data.details">
      <div class="col-6">
        <b>{{obj?.label}}</b>
        <span class="gst">{{obj?.gst}}<a href="#">{{obj?.linkText}}</a></span>
      </div>
      <div class="col-6 text-right">
        <b>{{obj?.value}}</b>
      </div>
    </div>
  </div>


  <div class="col-12 installmentplan-whitebg">
    <div class="row" *ngIf="data?.price">
      <div class="col-6">
        <b>{{data?.price[0].label}}</b>
        <span class="gst"><a href="#">{{data?.price[0].linkText}}</a></span>
      </div>
      <div class="col-6 text-right">
        <b>{{data?.price[0].value}}</b>
      </div>
    </div>
    <div class="row">
      <div class="col-6">
        <b class="total">{{data?.price[1].label}}</b>
        <span class="gst">{{data?.price[1].text}}</span>
      </div>
      <div class="col-6 text-right">
        <b class="total">{{data?.price[1].value}}</b>
      </div>
    </div>
  </div>
  </div>
