@extends('layouts.portal')
@section('title', 'Invoices')
@section('subtitle', 'Everything billed to learners and companies, what has been collected, and what is still outstanding.')
@section('actions')<a class="btn btn-primary" href="{{ route('admin.billing.invoices.create') }}"><x-icon name="plus" :size="16"/> New invoice</a>@endsection
@section('content')
@php
    $st = $filters['status'] ?? null;
    $tabs = ['' => 'All', 'draft' => 'Draft', 'sent' => 'Sent', 'partial' => 'Partial', 'paid' => 'Paid', 'overdue' => 'Overdue', 'void' => 'Void'];
@endphp
<div class="kpis ac-kpis">
  <div class="card kpi amber"><span class="ico"><x-icon name="wallet" :size="20"/></span><span>Outstanding</span><b>{{ money($totals['outstanding']) }}</b><small>sent &amp; part-paid invoices</small></div>
  <div class="card kpi {{ $totals['overdue'] ? 'red' : '' }}"><span class="ico"><x-icon name="alert" :size="20"/></span><span>Overdue</span><b>{{ $totals['overdue'] }}</b><small>past their due date</small></div>
  <div class="card kpi green"><span class="ico"><x-icon name="check-circle" :size="20"/></span><span>Collected</span><b>{{ money($totals['collected']) }}</b><small>verified payments received</small></div>
  <div class="card kpi violet"><span class="ico"><x-icon name="receipt" :size="20"/></span><span>Billed</span><b>{{ money($totals['billed']) }}</b><small>excluding drafts and void</small></div>
</div>

<nav class="ac-tabs" aria-label="Invoice status">
  @foreach($tabs as $k => $label)
    <a href="{{ route('admin.billing.invoices.index', array_filter(['status' => $k, 'q' => $filters['q'] ?? null])) }}" class="{{ ($st ?? '') === $k ? 'active' : '' }}" @if(($st ?? '') === $k) aria-current="page" @endif>{{ $label }} <span class="ac-n">{{ $k === '' ? $counts->except('overdue')->sum() : ($counts[$k] ?? 0) }}</span></a>
  @endforeach
</nav>

<form class="filters" method="get" role="search">
  @if($st)<input type="hidden" name="status" value="{{ $st }}">@endif
  <div class="searchbox"><x-icon name="search" :size="17"/><input class="input" type="search" name="q" value="{{ $filters['q'] ?? '' }}" placeholder="Search invoice number, customer, company or email" aria-label="Search invoices"></div>
  <button class="btn btn-secondary" type="submit">Search</button>
  @if(!empty($filters['q']) || $st)<a class="btn btn-ghost" href="{{ route('admin.billing.invoices.index') }}">Clear</a>@endif
</form>

<div class="table-wrap">
  <table class="table ac-t">
    <thead><tr><th style="width:34px"><input class="op-cb" type="checkbox" data-bulk-all form="bulk-inv" aria-label="Select all"></th><th>Invoice</th><th>Customer</th><th class="num">Total</th><th class="num">Balance</th><th>Status</th><th class="actions">Actions</th></tr></thead>
    <tbody>
    @forelse($invoices as $i)
      @php $late = $i->isOverdue(); $pct = (float) $i->total > 0 ? min(100, round($i->amount_paid / $i->total * 100)) : 0; @endphp
      <tr class="{{ $late ? 'ac-overdue' : '' }}">
        <td><input class="op-cb" type="checkbox" name="ids[]" value="{{ $i->id }}" form="bulk-inv" aria-label="Select {{ $i->number }}"></td>
        <td><a class="ac-num" href="{{ route('admin.billing.invoices.show', $i) }}">{{ $i->number }}</a><span class="ac-sub nowrap {{ $late ? 'ac-late' : '' }}" title="Issued {{ $i->issue_date?->format('d M Y') }}">Due {{ $i->due_date?->format('d M Y') ?? '—' }}</span></td>
        <td><b>{{ $i->customer_name }}</b>@if($i->company)<span class="ac-sub ac-tr">{{ $i->company }}</span>@endif<span class="ac-sub ac-tr">{{ $i->customer_email }}</span></td>
        <td class="num"><span class="ac-money">{{ money2($i->total) }}</span></td>
        <td class="num"><span class="ac-money {{ $i->balance() > 0 && $i->status !== 'void' ? '' : 'muted' }}">{{ $i->status === 'void' ? '—' : money2($i->balance()) }}</span>@if($i->status !== 'void' && (float) $i->amount_paid > 0)<span class="ac-sub">{{ money2($i->amount_paid) }} paid</span>@endif @if($i->status === 'partial')<div class="ac-bar" title="{{ $pct }}% paid" style="margin:5px 0 0 auto;max-width:90px"><i style="width:{{ $pct }}%"></i></div>@endif</td>
        <td><x-pill :status="$i->effectiveStatus()"/></td>
        <td class="actions">
          <div class="ac-actions">
            <a class="icon-btn" href="{{ route('admin.billing.invoices.show', $i) }}" title="Open" aria-label="Open {{ $i->number }}"><x-icon name="eye" :size="16"/></a>
            <a class="icon-btn" href="{{ route('admin.billing.invoices.pdf', $i) }}" target="_blank" rel="noopener" title="View PDF" aria-label="PDF for {{ $i->number }}"><x-icon name="file-text" :size="16"/></a>
            @if(in_array($i->status, ['sent', 'partial'], true) && $i->balance() > 0)
              <form method="post" action="{{ route('admin.billing.invoices.remind', $i) }}" data-confirm="Email a payment reminder to {{ $i->customer_email }}?">@csrf<button class="icon-btn" type="submit" title="Send reminder" aria-label="Send payment reminder for {{ $i->number }}"><x-icon name="bell" :size="16"/></button></form>
            @elseif($i->status === 'draft')
              <form method="post" action="{{ route('admin.billing.invoices.send', $i) }}" data-confirm="Email invoice {{ $i->number }} to {{ $i->customer_email }}?">@csrf<button class="icon-btn" type="submit" title="Send to customer" aria-label="Send {{ $i->number }}"><x-icon name="send" :size="16"/></button></form>
            @endif
          </div>
        </td>
      </tr>
    @empty
      <tr><td colspan="7" class="table-empty">
        <x-empty icon="receipt" :title="($st || !empty($filters['q'])) ? 'No invoices match these filters' : 'No invoices yet'" :text="($st || !empty($filters['q'])) ? 'Try another status or clear the search.' : 'Invoices are raised automatically when a learner enrolls or when a quotation is accepted. You can also create one manually.'"><a class="btn btn-primary btn-sm" href="{{ route('admin.billing.invoices.create') }}">New invoice</a></x-empty>
      </td></tr>
    @endforelse
    </tbody>
  </table>
</div>
<form id="bulk-inv" method="post" action="{{ route('admin.bulk', 'invoices') }}" data-bulk>@csrf
  <div class="op-bulk"><b><span data-bulk-count>0</span> selected</b>
    <select class="select" name="action" aria-label="Bulk action"><option value="">Choose action…</option><option value="send" data-heavy>Send / re-send invoices</option><option value="remind" data-heavy>Send payment reminders</option></select>
    <button class="btn btn-secondary btn-sm" type="submit">Apply</button>
  </div>
</form>
{{ $invoices->links() }}
@endsection
@push('scripts')<script src="{{ asset_v('assets/js/ops.js') }}" defer nonce="{{ csp_nonce() }}"></script>@endpush