@extends('layouts.app')
@section('title', $bill->bill_number)

@section('content')
@php
  $bb = match ($bill->status) {
    'Paid' => 'g',
    'Overdue', 'Cancelled' => 'r',
    'Partially Paid' => 'a',
    default => 'b',
  };
@endphp
<div class="p-4 sm:p-6 lg:p-7">
  <a href="{{ route('inventory.bills.index') }}" class="text-[12px] text-blue-600 font-medium no-underline inline-flex items-center gap-1 mb-3"><i class="fa-solid fa-arrow-left"></i> Bills</a>

  <div class="flex flex-col lg:flex-row lg:items-start lg:justify-between gap-3 mb-5">
    <div>
      <p class="text-[17px] font-bold text-slate-900 font-mono">{{ $bill->bill_number }}</p>
      <p class="text-slate-400 text-[11px] mt-0.5">{{ $bill->supplier?->company_name }}</p>
      <span class="badge {{ $bb }} mt-2">{{ $bill->status }}</span>
    </div>
    <div class="flex flex-wrap gap-2">
      @if(! in_array($bill->status, ['Paid', 'Cancelled'], true))
        <a href="#pay" class="ba inline-flex items-center gap-1.5 no-underline" style="padding:8px 14px;font-size:13px;border-radius:9px"><i class="fa-solid fa-money-bill-wave"></i> Pay</a>
      @endif
    </div>
  </div>

  @if(session('success'))
    <div class="card p-3 mb-4 border-emerald-100 bg-emerald-50 text-emerald-800 text-[13px]">{{ session('success') }}</div>
  @endif
  @if(session('toast'))
    <div class="card p-3 mb-4 border-amber-100 bg-amber-50 text-amber-900 text-[13px]">{{ session('toast') }}</div>
  @endif

  <div class="grid sm:grid-cols-3 gap-4 mb-6">
    <div class="stat border-slate-200"><p class="text-[10px] font-bold text-slate-400 uppercase tracking-wider">Bill date</p><p class="text-[15px] font-bold mt-2">{{ $bill->bill_date?->format('Y-m-d') }}</p></div>
    <div class="stat border-slate-200"><p class="text-[10px] font-bold text-slate-400 uppercase tracking-wider">Due</p><p class="text-[15px] font-bold mt-2">{{ $bill->due_date?->format('Y-m-d') ?? '—' }}</p></div>
    <div class="stat border-slate-200"><p class="text-[10px] font-bold text-slate-400 uppercase tracking-wider">Linked PO</p><p class="text-[14px] font-bold mt-2">{{ $bill->inventoryPurchaseOrder?->po_number ?? '—' }}</p></div>
  </div>

  <div class="card p-5 border-slate-200 mb-6">
    <div class="flex flex-wrap gap-6 text-[13px]">
      <div><span class="text-slate-400 text-[10px] font-bold uppercase block">Subtotal</span><span class="font-semibold">{{ \App\Support\Format::mwkDecimal($bill->subtotal) }}</span></div>
      <div><span class="text-slate-400 text-[10px] font-bold uppercase block">VAT</span><span class="font-semibold">{{ \App\Support\Format::mwkDecimal($bill->vat_amount) }}</span></div>
      <div><span class="text-slate-400 text-[10px] font-bold uppercase block">Total</span><span class="font-semibold">{{ \App\Support\Format::mwkDecimal($bill->total_amount) }}</span></div>
      <div><span class="text-slate-400 text-[10px] font-bold uppercase block">Paid</span><span class="font-semibold text-emerald-700">{{ \App\Support\Format::mwkDecimal($bill->paid_amount) }}</span></div>
      <div><span class="text-slate-400 text-[10px] font-bold uppercase block">Balance</span><span class="font-semibold text-amber-700">{{ \App\Support\Format::mwkDecimal($bill->balance_due) }}</span></div>
    </div>
    @if($bill->cashOutflow)
      <p class="text-[11px] text-slate-400 mt-3">Cash outflow #{{ $bill->cashOutflow->id }} — {{ $bill->cashOutflow->is_paid ? 'Paid' : 'Pending' }}</p>
    @endif
  </div>

  <div class="card p-5 border-slate-200 mb-6 card-has-table">
    <p class="font-bold text-slate-900 mb-3">Line items</p>
    <table>
      <thead><tr class="border-b border-slate-100"><th class="th">Material</th><th class="th">Qty</th><th class="th">Unit</th><th class="th">Total</th></tr></thead>
      <tbody>
        @foreach($bill->items as $it)
          <tr>
            <td class="td font-medium">{{ $it->material?->name }}</td>
            <td class="td">{{ rtrim(rtrim((string) $it->quantity, '0'), '.') }}</td>
            <td class="td">{{ \App\Support\Format::mwkDecimal($it->unit_cost) }}</td>
            <td class="td">{{ \App\Support\Format::mwkDecimal($it->total_cost) }}</td>
          </tr>
        @endforeach
      </tbody>
    </table>
  </div>

  @if(! in_array($bill->status, ['Paid', 'Cancelled'], true))
    <div class="card p-5 border-slate-200" id="pay">
      <p class="font-bold text-slate-900 mb-3">Record payment</p>
      <p class="text-[12px] text-slate-500 mb-3">Marks the linked cash outflow as paid and posts one finance expense transaction (full balance).</p>
      <form method="post" action="{{ route('inventory.bills.pay', $bill) }}" class="grid sm:grid-cols-2 gap-3 max-w-lg">
        @csrf
        <div><label class="fl">Payment date</label><input type="date" name="payment_date" class="fi" required value="{{ now()->format('Y-m-d') }}"></div>
        <div><label class="fl">Payment method</label><input name="payment_method" class="fi" maxlength="100" placeholder="e.g. Bank transfer"></div>
        <div><label class="fl">Reference</label><input name="reference" class="fi" maxlength="100"></div>
        <div class="sm:col-span-2"><label class="fl">Notes</label><input name="notes" class="fi" maxlength="500"></div>
        <div class="sm:col-span-2"><button type="submit" class="bp">Mark paid</button></div>
      </form>
    </div>
  @endif
</div>
@endsection