{{-- resources/views/accounting/invoices/show.blade.php --}}
@extends('admin.admin_dashboard')
@section('admin')

<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('invoices.index') }}" class="text-white">
            <i class="bx bx-chevrons-left"></i> Back
          </a>
        </li>
        <li class="breadcrumb-item active text-white" aria-current="page">Invoice Details</li>
      </ol>
    </nav>
    <h5 class="mb-0">Invoice #{{ $invoice->reference }}</h5>
  </div>

  <div class="card shadow-sm rounded-lg border-0">
    <div class="card-body p-4">
      <div class="row mb-4">
        {{-- show buyer if exists, else customer --}}
        <div class="col-md-3">
          <strong>Customer/Buyer:</strong>
          {{ optional($invoice->buyer)->name ?? optional($invoice->customer)->name }}
        </div>
        <div class="col-md-3"><strong>Date:</strong> {{ $invoice->invoice_date }}</div>
        <div class="col-md-3"><strong>Due:</strong> {{ $invoice->due_date ?: '—' }}</div>
        <div class="col-md-3"><strong>Status:</strong> {{ ucfirst($invoice->status) }}</div>
      </div>

      <div class="table-responsive mb-4">
        <table class="table table-hover table-striped table-bordered align-middle">
          <thead class="table-dark">
            <tr>
              <th>#</th>
              <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($invoice->lines as $i => $line)
            <tr>
              <td>{{ $i+1 }}</td>
              <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->quantity * $line->unit_price,2) }}</td>
            </tr>
            @endforeach
          </tbody>
        </table>
      </div>

      <div class="row">
        <div class="col-md-6 offset-md-6">
          <table class="table">
            <tr>
              <th>Subtotal:</th>
              <td class="text-end">{{ number_format($invoice->subtotal,2) }}</td>
            </tr>
            <tr>
              <th>Tax:</th>
              <td class="text-end">{{ number_format($invoice->tax_total,2) }}</td>
            </tr>
            <tr class="fw-bold">
              <th>Grand Total:</th>
              <td class="text-end">{{ number_format($invoice->grand_total,2) }}</td>
            </tr>
          </table>
        </div>
      </div>

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

@endsection