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

@section('content')
<div class="p-4 sm:p-6 lg:p-7">
  <a href="{{ route('procurement.bills.index') }}" class="text-[11px] font-semibold text-blue-600 mb-2 inline-block">← Bills</a>
  <p class="text-[17px] font-bold text-slate-900 font-mono">{{ $bill->bill_number }}</p>
  <p class="text-slate-400 text-[11px] mt-1">{{ $bill->supplier?->company_name }} · {{ $bill->status }}</p>
  @if(session('success'))<div class="card p-3 my-3 border-emerald-100 bg-emerald-50 text-emerald-800 text-[13px]">{{ session('success') }}</div>@endif
  @if(session('toast'))<div class="card p-3 my-3 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-5">
    <div class="stat"><p class="text-[10px] font-bold text-slate-400 uppercase">Total</p><p class="text-[20px] font-bold mt-2">{{ \App\Support\Format::mwk($bill->total_amount) }}</p></div>
    <div class="stat"><p class="text-[10px] font-bold text-slate-400 uppercase">Balance</p><p class="text-[20px] font-bold text-amber-600 mt-2">{{ \App\Support\Format::mwk($bill->balance_due) }}</p></div>
    <div class="stat flex items-end">
      @if($bill->status !== 'Paid' && ! $bill->finance_transaction_id)
        <form method="post" action="{{ route('procurement.bills.pay', $bill) }}" class="w-full space-y-2">
          @csrf
          <input type="date" name="payment_date" class="fi" required value="{{ now()->toDateString() }}">
          <input name="payment_method" class="fi" placeholder="Payment method">
          <input name="reference" class="fi" placeholder="Reference">
          <button type="submit" class="bp w-full" style="padding:8px">Pay bill</button>
        </form>
      @endif
    </div>
  </div>

  <div class="card p-5 card-has-table border-slate-200">
    <table>
      <thead><tr class="border-b border-slate-100"><th class="th">Description</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">{{ $it->description }}</td>
            <td class="td">{{ $it->quantity }}</td>
            <td class="td">{{ \App\Support\Format::mwk($it->unit_cost) }}</td>
            <td class="td font-semibold">{{ \App\Support\Format::mwk($it->total_cost) }}</td>
          </tr>
        @endforeach
      </tbody>
    </table>
  </div>
</div>
@endsection