@php $vat = $data['vat_summary']; @endphp

@if($vat['empty'])
  <div class="dp text-center py-10 text-slate-500 text-[13px]">No VAT movements with amounts in this period.</div>
@else
  <div class="grid grid-cols-1 md:grid-cols-3 gap-3 mb-5">
    <div class="stat"><p class="text-[10px] font-bold uppercase text-slate-400">Output VAT</p><p class="text-[18px] font-bold text-emerald-700">{{ \App\Support\Format::mwkDecimal($vat['output_vat']) }}</p></div>
    <div class="stat"><p class="text-[10px] font-bold uppercase text-slate-400">Input VAT</p><p class="text-[18px] font-bold text-red-600">{{ \App\Support\Format::mwkDecimal($vat['input_vat']) }}</p></div>
    <div class="stat"><p class="text-[10px] font-bold uppercase text-slate-400">Net VAT</p><p class="text-[18px] font-bold text-blue-700">{{ \App\Support\Format::mwkDecimal($vat['net_vat']) }}</p></div>
  </div>

  <div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
    <div class="dp">
      <p class="font-bold text-slate-900 mb-3">Sales / output VAT</p>
      <table>
        <thead><tr class="border-b border-slate-100"><th class="th">Date</th><th class="th">Invoice</th><th class="th text-right">VAT</th></tr></thead>
        <tbody>
          @foreach($vat['invoice_lines'] as $inv)
            <tr>
              <td class="td">{{ optional($inv->invoice_date)?->format('Y-m-d') }}</td>
              <td class="td font-mono text-[11px]">{{ $inv->invoice_number }}</td>
              <td class="td text-right">{{ \App\Support\Format::mwkDecimal($inv->vat_amount) }}</td>
            </tr>
          @endforeach
        </tbody>
      </table>
    </div>
    <div class="dp">
      <p class="font-bold text-slate-900 mb-3">Purchases / input VAT</p>
      <table>
        <thead><tr class="border-b border-slate-100"><th class="th">Date</th><th class="th">Bill</th><th class="th text-right">VAT</th></tr></thead>
        <tbody>
          @foreach($vat['bill_lines'] as $bill)
            <tr>
              <td class="td">{{ optional($bill->bill_date)?->format('Y-m-d') }}</td>
              <td class="td font-mono text-[11px]">{{ $bill->bill_number }}</td>
              <td class="td text-right">{{ \App\Support\Format::mwkDecimal($bill->vat_amount) }}</td>
            </tr>
          @endforeach
        </tbody>
      </table>
    </div>
  </div>
@endif