@php
    $invoice_total_deducted_amount = $invoice->totalDeductedAmount();
    $invoice_applied_vat = $invoice->totalAppliedVAT();
    $invoice_WHT = $invoice->totalAppliedWHT();
    $invoice_total_amount = $invoice->getTotalAmount();
@endphp

<!-- Payable to Supplier -->
<div class="col-md-6 d-flex flex-column">
  <div class="card h-100 shadow-sm d-flex flex-column p-4">
    <!-- Header -->
    <h5 class="fw-bold mb-3">💼 Payable to Supplier</h5>

    <!-- Body -->
    <div class="flex-grow-1">
      {{-- Gross --}}
      <div class="d-flex justify-content-between mb-2">
        <span>Gross:</span>
        <span>{{ cMoney($invoice->itemsSubtotalAmount(), $invoice->currency, true) }}</span>
      </div>

      {{-- WHT --}}
      @if ($invoice_WHT)
        <div class="d-flex justify-content-between mb-2">
          <span>WHT:</span>
          <span class="text-danger">-{{ cMoney($invoice_WHT, $invoice->currency, true) }}</span>
        </div>
      @endif

      {{-- Deduction & VAT depending on exclusion setting --}}
      @if ($invoice->is_deduction_excluding_vat)
        @if ($invoice_total_deducted_amount)
          <div class="d-flex justify-content-between mb-2">
            <span>Down Payment Deduction:</span>
            <span class="text-danger">-{{ cMoney($invoice_total_deducted_amount, $invoice->currency, true) }}</span>
          </div>
        @endif

        @if ($invoice_applied_vat)
          <div class="d-flex justify-content-between mb-2">
            <span>VAT Amount:</span>
            <span>{{ cMoney($invoice_applied_vat, $invoice->currency, true) }}</span>
          </div>
        @endif
      @else
        @if ($invoice_applied_vat)
          <div class="d-flex justify-content-between mb-2">
            <span>VAT Amount:</span>
            <span>{{ cMoney($invoice_applied_vat, $invoice->currency, true) }}</span>
          </div>
        @endif

        @if ($invoice_total_deducted_amount)
          <div class="d-flex justify-content-between mb-2">
            <span>Down Payment Deduction:</span>
            <span class="text-danger">-{{ cMoney($invoice_total_deducted_amount, $invoice->currency, true) }}</span>
          </div>
        @endif
      @endif
    </div>

    <!-- Footer (Always at Bottom) -->
    <div class="d-flex justify-content-between fw-bold mt-auto pt-3 border-top">
      <span>Net Payable:</span>
      <span class="text-success">{{ cMoney($invoice_total_amount ?? 0, $invoice->currency, true) }}</span>
    </div>
  </div>
</div>