@extends('admin.admin_dashboard')
@section('admin')

@php use \Carbon\Carbon; @endphp

<div class="page-content">
  <!-- Breadcrumb & Title -->
  <div class="page-breadcrumb d-flex flex-column flex-sm-row
              align-items-center justify-content-between mb-3 p-3
              bg-primary text-white rounded shadow-sm">
    <nav aria-label="breadcrumb">
      <ol class="breadcrumb mb-0 p-0">
        <li class="breadcrumb-item">
          <a href="{{ route('ap.bills.index') }}" class="text-white">
            <i class="bx bx-arrow-back"></i>
          </a>
        </li>
        <li class="breadcrumb-item active text-white">Bill #{{ $bill->id }}</li>
      </ol>
    </nav>
    <h5 class="mb-0">Vendor Bill #{{ $bill->id }}</h5>
  </div>

  <div class="card shadow-sm rounded-lg border-0">
    <div class="card-body p-4">
      <p><strong>Reference:</strong> {{ $bill->reference }}</p>
      <p><strong>Vendor:</strong> {{ $bill->vendor->name }}</p>

      <p>
        <strong>Bill Date:</strong>
        {{ $bill->bill_date
            ? Carbon::parse($bill->bill_date)->format('Y-m-d')
            : '—'
        }}
      </p>

      <p>
        <strong>Due Date:</strong>
        {{ $bill->due_date
            ? Carbon::parse($bill->due_date)->format('Y-m-d')
            : '—'
        }}
      </p>

      <p><strong>Notes:</strong> {{ $bill->notes ?: '—' }}</p>

      <hr>

      <h6 class="mb-3">Line Items</h6>
      <div class="table-responsive">
        <table class="table table-hover table-striped table-bordered align-middle mb-0">
          <thead class="table-dark">
            <tr>
              <th>Account</th>
              <th>Description</th>
              <th class="text-end">Qty</th>
              <th class="text-end">Unit Price</th>
              <th class="text-end">Line Total</th>
            </tr>
          </thead>
          <tbody>
            @foreach($bill->lines as $line)
            <tr>
              <td>{{ $line->account->full_name }}</td>
              <td>{{ $line->description }}</td>
              <td class="text-end">{{ $line->quantity }}</td>
              <td class="text-end">{{ number_format($line->unit_price,2) }}</td>
              <td class="text-end">{{ number_format($line->line_total,2) }}</td>
            </tr>
            @endforeach
          </tbody>
          <tfoot class="fw-bold">
            <tr>
              <td colspan="4" class="text-end">Subtotal</td>
              <td class="text-end">{{ number_format($bill->subtotal,2) }}</td>
            </tr>
            <tr>
              <td colspan="4" class="text-end">Tax</td>
              <td class="text-end">{{ number_format($bill->tax_total,2) }}</td>
            </tr>
            <tr>
              <td colspan="4" class="text-end">Grand Total</td>
              <td class="text-end">{{ number_format($bill->grand_total,2) }}</td>
            </tr>
          </tfoot>
        </table>
      </div>

      <div class="mt-4">
        @can('ap.bills.edit')
        <a href="{{ route('ap.bills.edit',$bill->id) }}" class="btn btn-warning me-2">
          <i class="bx bx-edit-alt me-1"></i> Edit
        </a>
        @endcan
        <a href="{{ route('ap.bills.index') }}" class="btn btn-secondary">
          <i class="bx bx-arrow-back me-1"></i> Back to List
        </a>
      </div>
    </div>
  </div>
</div>
@endsection