<div class="installmentplan">
  <div class="col-12 installmentplan-greybg" *ngIf="data.financedetails">
    <div class="row">
      <div class="col-4">
        <label>Buyer Name</label>
        <b>{{customerDetailData?.LastName}}</b>
      </div>
      <div class="col-4">
        <label>Mobile No.</label>
        <b>{{customerDetailData?.PersonMobilePhone}}</b>
      </div>
      <div class="col-4">
        <label>Email</label>
        <b>{{customerDetailData?.PersonEmail}}</b>
      </div>
    </div>
    <div class="row">
      <div class="col-4">
        <label>{{data.financedetails?.dealerLabel}}</label>
        <b>{{data.financedetails?.dealerDetail}}</b>
      </div>
      <div class="col-4">
        <label>State-Postal Code</label>
        <b>Melbourne-6211</b>
      </div>
      <div class="col-4">
        <label>Delivery Date</label>
        <b>23/12/2019</b>
      </div>
    </div>
  </div>
  <!-- <div class="col-12 installmentplan-whitebg">
    <div class="row" *ngIf="data?.price">
      <div class="col-6">
        <b>Total Price Optional Equipment</b>
        <span class="gst"><a href="#">Jump to List of Equipments</a></span>
      </div>
      <div class="col-6 text-right">
        <b>{{quoteData?.quote?.optionalEquipmentPrice}} KRW</b>
      </div>
    </div>
    <div class="row" *ngIf="data?.price">
      <div class="col-6">
        <b>Total Price DFO</b>
        <span class="gst"><a href="#">Jump to List of Equipments</a></span>
      </div>
      <div class="col-6 text-right">
        <b>{{quoteData?.quote?.dealerFittedOptionsPrice}} KRW</b>
      </div>
    </div>
  </div> -->

  <div class="col-12 installmentplan-greybg">
    <table class="table-4">
      <thead>
        <th>Price Details</th>
        <th>Price</th>
      </thead>
      <tbody>
        <tr>
          <td>Total Car Price (incl. VAT)</td>
          <td>{{quoteData?.quote?.totalPrice}} {{quoteData?.quote?.currency}}</td>
        </tr>
        <tr>
          <td>Total Price Optional Equipment</td>
          <td>{{quoteData?.quote?.optionalEquipmentPrice}} {{quoteData?.quote?.currency}}</td>
        </tr>
        <tr>
          <td>Total Price DFO</td>
          <td>{{quoteData?.quote?.optionalEquipmentPrice}} {{quoteData?.quote?.currency}}</td>
        </tr>
      </tbody>
    </table>
    <!-- <table class="width-90">
      <thead>
        <th colspan="2">Discount Details - 3</th>
      </thead>
      <tbody>
        <tr>
          <td>Discount Description</td>
          <td>-</td>
        </tr>
        <tr>
          <td>Discount VAT Type</td>
          <td>-</td>
        </tr>
        <tr>
          <td>Discount Amount</td>
          <td>-</td>
        </tr>
        <tr class="col-Blue">
          <td>Total Price DFO</td>
          <td>{{quoteData?.quote?.dealerFittedOptionsPrice}} </td>
        </tr>
      </tbody>
    </table> -->
    <table class="width-90">
        <thead>
          <th colspan="2">Other Fee & Charges</th>
        </thead>
        <tbody *ngIf="quoteData">
          <tr *ngFor="let obj of quoteData.feesAndCharges">
            <td>{{obj?.quotationChargeConfig?.group?.description}} - {{obj?.quotationChargeConfig?.chargeDesc}}</td>
            <td>
              <span *ngIf="obj.amount else showdash">
                  {{obj?.amount}} {{quoteData?.quote?.currency}}
              </span>
              <ng-template #showdash>
                <span>-</span>
              </ng-template>
            </td>
          </tr>
        </tbody>
      </table>
    <!-- <table class="width-90">
      <thead>
        <th colspan="2">Other Fee & Charges</th>
      </thead>
      <tbody>
        <tr>
          <td colspan="2" style="text-align:left"><b>Terms</b>
            Driver's seat, electrically adjustable with memory function (included in base price).
          </td>
        </tr>
        <tr>
          <td>Agent Fee (MSRP)</td>
          <td>-</td>
        </tr>
        <tr>
          <td>VAT Type</td>
          <td>-</td>
        </tr>
        <tr class="col-Blue">
          <td>Total Cost</td>
          <td>-</td>
        </tr>
      </tbody>
    </table> -->
    <!-- <table class="width-90 margin-40">
      <tbody>
        <tr>
          <td>Make</td>
          <td>-</td>
        </tr>
        <tr>
          <td>Modal Year</td>
          <td>-</td>
        </tr>
        <tr>
          <td>Trade-InAmount (without VAT)</td>
          <td>-</td>
        </tr>
        <tr>
          <td>Trade-In VAT</td>
          <td>-</td>
        </tr>
        <tr>
          <td>Trade-In Gross Amount</td>
          <td>-</td>
        </tr>
      </tbody>
    </table> -->
  </div>

  <!-- <div class="col-12 installmentplan-whitebg">
    <table class="width-90 margin-40">
      <thead>
        <th>Grand Total (Incl. VAT)</th>
        <th>-</th>
      </thead>
      <tbody>
        <tr>
          <td>Balance</td>
          <td>-</td>
        </tr>
        <tr>
          <td>Bank Type</td>
          <td>-</td>
        </tr>
        <tr>
          <td>Bank</td>
          <td>-</td>
        </tr>
        <tr>
          <td>Bank Account Number</td>
          <td>-</td>
        </tr>
        <tr>
          <td>Owner Name of Bank Account</td>
          <td>-</td>
        </tr>
        <tr>
          <td>Estimated Price</td>
          <td>0 </td>
        </tr>
      </tbody>
    </table>
  </div> -->


  <!-- <div class="col-12 installmentplan-greybg">
    <table class="table-4 margin-40">
      <thead>
        <th colspan="2">Vehicle Registration Cost</th>
      </thead>
      <tbody>
        <tr>
          <td>Registration Prefecture</td>
          <td></td>
        </tr>
        <tr>
          <td>Bond Discount</td>
          <td>-</td>
        </tr>
        <tr>
          <td>Additional Registration Fee</td>
          <td>-</td>
        </tr>
        <tr>
          <td>Tax Type</td>
          <td>-</td>
        </tr>
        <tr>
          <td>Additional Registration Fee</td>
          <td>-</td>
        </tr>
        <tr class="text-bold">
          <td><b>Vehicle Registration Cost</b></td>
          <td><b>-</b></td>
        </tr>
        <tr>
          <td>Delievery Cost</td>
          <td>-</td>
        </tr>
      </tbody>
    </table>
  </div> -->


  <div class="col-12 installmentplan-whitebg">
    <div class="row" *ngIf="data?.price">
      <div class="col-6">
        <b>Sub Total</b>
        <span class="gst"><a href="#">More Info</a></span>
      </div>
      <div class="col-6 text-right">
        <b>-</b>
      </div>
    </div>
    <div class="row" *ngIf="data?.price">
      <div class="col-6 col-blue">
        <b>Discount 10%</b>
        <span class="gst"><a href="#">More Info</a></span>
      </div>
      <div class="col-6 text-right col-blue">
        <b>-</b>
      </div>
    </div>
    <div class="row">
      <div class="col-6">
        <b class="total">Drive Away Price</b>
        <span class="gst">Base model featured only.</span>
      </div>
      <div class="col-6 text-right">
        <b class="total">{{quoteData?.quote?.totalPrice}} {{quoteData?.quote?.currency}}</b>
      </div>
    </div>
  </div>
</div>