@extends('layouts.app')
@php
    $status = $invoice->effectiveStatus();
    $balance = $invoice->balance();
    $paid = $invoice->status === 'paid' || ($balance <= 0 && $invoice->status !== 'void');
    $void = $invoice->status === 'void';
    $payable = ! $void && ! $paid && $balance > 0;
    $cfg = config('infotics.billing');
    $g = fn (string $k) => trim((string) setting($k, $cfg[$k] ?? ''));
    $bank = array_filter(['Bank' => $g('bank_name'), 'Account title' => $g('bank_account_title'), 'Account number' => $g('bank_account_number'), 'IBAN' => $g('bank_iban')]);
    $wallets = array_filter(['Easypaisa' => $g('easypaisa'), 'JazzCash' => $g('jazzcash')]);
    $configured = $bank || $wallets;
    $phone = setting('phone');
    $wa = digits(setting('whatsapp'));
    $payments = $invoice->payments->sortByDesc('id')->values();
    $payLabel = ['paid' => 'Received', 'pending' => 'Awaiting verification', 'failed' => 'Not accepted', 'refunded' => 'Refunded'];
    $methodLabel = ['bank_transfer' => 'Bank transfer', 'easypaisa' => 'Easypaisa', 'jazzcash' => 'JazzCash', 'cash' => 'Cash', 'card' => 'Card', 'payfast' => 'PayFast', 'online' => 'Online', 'other' => 'Other'];
    $fromQuote = $invoice->quote_id ? $invoice->quote : null;
    $gateways = \App\Payments\GatewayManager::available();
    $nextInst = $invoice->paymentPlan?->nextInstallment();
    seo()->noindex()->title('Invoice '.$invoice->number);
@endphp
@push('head')<meta name="referrer" content="same-origin">@endpush
@section('content')
<section class="section-sm tr-doc-page">
  <div class="container tr-doc-wrap">
    <div class="tr-doc-bar no-print">
      <div class="tr-doc-bar-title"><span class="eyebrow">Invoice</span><h1>{{ $invoice->number }}</h1></div>
      <div class="row">
        @if($payable)<a class="btn btn-primary" href="#pay"><x-icon name="credit-card" :size="18"/> How to pay</a>@endif
        <a class="btn btn-secondary" href="{{ route('invoices.pdf', $invoice->token) }}"><x-icon name="download" :size="18"/> Download PDF</a>
        <button class="btn btn-secondary" type="button" data-print><x-icon name="file-text" :size="18"/> Print</button>
      </div>
    </div>

    <div class="no-print">
    @if($void)
      <div class="callout danger tr-doc-state" role="status"><x-icon name="alert" :size="22"/><div><b>This invoice has been voided.</b> Nothing is due. If you believe this is a mistake, please contact us.</div></div>
    @elseif($paid)
      <div class="callout success tr-doc-state" role="status"><x-icon name="check-circle" :size="22"/><div><b>Paid in full{{ $invoice->paid_at ? ' on '.$invoice->paid_at->format('d M Y') : '' }}.</b> Thank you. Your receipts are listed below.</div></div>
    @elseif($status === 'overdue')
      <div class="callout danger tr-doc-state" role="alert"><x-icon name="alert" :size="22"/><div><b>{{ money2($balance) }} is overdue.</b> This invoice was due on {{ $invoice->due_date->format('d M Y') }}. Please pay as soon as you can, or contact us if you need more time.</div></div>
    @elseif($invoice->status === 'partial')
      <div class="callout warn tr-doc-state" role="status"><x-icon name="info" :size="22"/><div><b>Part-paid.</b> {{ money2($invoice->amount_paid) }} received; <b>{{ money2($balance) }}</b> is still due by {{ $invoice->due_date?->format('d M Y') }}.</div></div>
    @else
      <div class="callout tr-doc-state" role="status"><x-icon name="receipt" :size="22"/><div><b>{{ money2($balance) }} due by {{ $invoice->due_date?->format('d M Y') ?? 'the due date' }}.</b> Pay using any method below, then upload your payment proof so we can confirm it.</div></div>
    @endif
    @if($pending > 0)
      <div class="callout warn tr-doc-state" role="status"><x-icon name="clock" :size="22"/><div><b>{{ money2($pending) }} is being verified.</b> We have your payment proof and will email your official receipt once it is confirmed.</div></div>
    @endif
    </div>

    <article class="tr-doc" aria-label="Invoice {{ $invoice->number }}">
      @include('docs._head', ['docname' => 'INVOICE', 'docno' => $invoice->number, 'statusKey' => $status])

      <div class="tr-doc-meta">
        <div>
          <span class="tr-doc-lbl">Billed to</span>
          <b class="tr-doc-who">{{ $invoice->customer_name }}</b>
          @if($invoice->company)<div>{{ $invoice->company }}</div>@endif
          <div class="muted">{{ $invoice->customer_email }}@if($invoice->customer_phone)<br>{{ $invoice->customer_phone }}@endif</div>
        </div>
        <dl class="tr-doc-dates">
          <div><dt>Invoice no.</dt><dd>{{ $invoice->number }}</dd></div>
          <div><dt>Issue date</dt><dd>{{ $invoice->issue_date?->format('d M Y') }}</dd></div>
          <div><dt>Due date</dt><dd>{{ $invoice->due_date?->format('d M Y') }}</dd></div>
          @if($fromQuote)<div><dt>From quotation</dt><dd>{{ $fromQuote->number }}</dd></div>@endif
        </dl>
      </div>

      <div class="tr-doc-tablewrap">@include('docs._items', ['doc' => $invoice, 'paidAmount' => $invoice->amount_paid, 'balance' => $balance])</div>

      @if($invoice->notes)
      <div class="tr-doc-notes"><div><span class="tr-doc-lbl">Notes</span><p>{!! nl2br(e($invoice->notes)) !!}</p></div></div>
      @endif
      <footer class="tr-doc-foot">Computer-generated invoice &mdash; no signature required. Use <b>{{ $invoice->number }}</b> as your payment reference. Amounts are in {{ $invoice->currency ?: config('infotics.currency', 'PKR') }}.</footer>
    </article>

    @if($payments->isNotEmpty())
    <div class="card tr-doc-payments no-print">
      <div class="panel-head"><h2 class="tr-h3 mb-0">Payments on this invoice</h2></div>
      <div class="table-wrap" style="border:0;border-radius:0">
        <table class="table">
          <thead><tr><th>Date</th><th>Method</th><th>Reference</th><th class="num">Amount</th><th>Status</th><th></th></tr></thead>
          <tbody>
          @foreach($payments as $p)
            <tr>
              <td class="nowrap">{{ ($p->paid_at ?? $p->created_at)->format('d M Y') }}</td>
              <td>{{ $methodLabel[$p->method] ?? ucfirst(str_replace('_', ' ', (string) $p->method)) }}</td>
              <td class="mono small">{{ $p->receipt_no ?: ($p->transaction_ref ?: $p->reference) }}</td>
              <td class="num">{{ money2($p->amount) }}</td>
              <td><span class="pill {{ status_pill($p->status) }}">{{ $payLabel[$p->status] ?? ucfirst($p->status) }}</span></td>
              <td class="actions">@if($p->status === 'paid')<a class="small" href="{{ \Illuminate\Support\Facades\URL::signedRoute('documents.receipt', ['payment' => $p->id]) }}"><x-icon name="download" :size="14"/> Receipt</a>@endif</td>
            </tr>
          @endforeach
          </tbody>
        </table>
      </div>
    </div>
    @endif

    @if($payable && $gateways)
    <div class="card card-pad tr-pay-online no-print" id="pay-online">
      <div class="row between" style="align-items:flex-start">
        <div><span class="eyebrow">Instant</span><h2 class="tr-h2 mb-0">Pay online now</h2><p class="muted mb-0">Pay securely on the provider&rsquo;s own page. Your receipt is emailed automatically the moment the payment is confirmed. No upload is needed.</p></div>
        <span class="pill pill-green"><x-icon name="lock" :size="14"/> Secure checkout</span>
      </div>
      <form method="post" action="{{ route('invoices.pay', $invoice->token) }}" class="tr-pay-form">
        @csrf
        <fieldset class="tr-pay-amount"><legend class="label">Amount</legend>
          <label class="check"><input type="radio" name="amount_choice" value="balance" checked> <span>Full balance <b>{{ money2($balance) }}</b></span></label>
          @if($nextInst && $nextInst->outstanding() > 0 && $nextInst->outstanding() < $balance)
            <label class="check"><input type="radio" name="amount_choice" value="installment"> <span>{{ $nextInst->label }} <b>{{ money2($nextInst->outstanding()) }}</b> <small class="muted">due {{ $nextInst->due_date->format('d M') }}</small></span></label>
            <input type="hidden" name="installment_id" value="{{ $nextInst->id }}">
          @endif
        </fieldset>
        <div class="tr-pay-gws">
          @foreach($gateways as $key => $gw)
            <button class="tr-pay-gw tr-pay-{{ $key }}" type="submit" name="gateway" value="{{ $key }}">
              <span class="tr-pay-logo" aria-hidden="true">{{ $key === 'payfast' ? 'Card' : $gw->label() }}</span>
              <span>{{ $gw->label() }}@if($gw->sandbox())<small class="muted"> · test mode</small>@endif</span>
            </button>
          @endforeach
        </div>
      </form>
    </div>
    @endif

    @if($payable)
    <div class="tr-doc-actions no-print" id="pay">
      <div class="card card-pad">
        <h2 class="tr-h2">{{ $gateways ? 'Or pay by transfer: ' : '1. Pay ' }}{{ money2($balance) }}</h2>
        <p class="muted">Use invoice number <b>{{ $invoice->number }}</b> as the payment reference so we can match your payment quickly.</p>
        @if($configured)
          @if($bank)
          <div class="tr-doc-method">
            <div class="tr-doc-method-head"><span class="tr-doc-mico"><x-icon name="building" :size="18"/></span><b>Bank transfer</b></div>
            <dl class="tr-doc-kv">
              @foreach($bank as $label => $val)
              <dt>{{ $label }}</dt><dd><span class="mono">{{ $val }}</span> <button class="tr-bv-copy" type="button" data-copy="{{ $val }}" aria-label="Copy {{ strtolower($label) }}"><x-icon name="copy" :size="14"/></button></dd>
              @endforeach
            </dl>
          </div>
          @endif
          @foreach($wallets as $label => $val)
          <div class="tr-doc-method">
            <div class="tr-doc-method-head"><span class="tr-doc-mico"><x-icon name="wallet" :size="18"/></span><b>{{ $label }}</b></div>
            <dl class="tr-doc-kv"><dt>Account</dt><dd><span class="mono">{{ $val }}</span> <button class="tr-bv-copy" type="button" data-copy="{{ $val }}" aria-label="Copy {{ $label }} number"><x-icon name="copy" :size="14"/></button></dd></dl>
          </div>
          @endforeach
        @else
          <div class="tr-doc-method">
            <div class="tr-doc-method-head"><span class="tr-doc-mico"><x-icon name="map-pin" :size="18"/></span><b>Pay with our team</b></div>
            @foreach($methods as $m)<p class="small mb-1">{{ $m }}</p>@endforeach
          </div>
        @endif
        <p class="small muted mb-0">Paying from another country or need a different method? <a href="mailto:{{ setting('contact_email') }}?subject={{ rawurlencode('Payment for '.$invoice->number) }}">Email us</a>@if($wa) or <a href="https://wa.me/{{ $wa }}?text={{ rawurlencode('Hi INFOTICS, a question about invoice '.$invoice->number) }}" rel="noopener">message us on WhatsApp</a>@endif.</p>
      </div>

      <div class="card card-pad">
        <h2 class="tr-h2">2. I&rsquo;ve paid &mdash; upload proof</h2>
        <p class="muted">Send us the transaction ID or a screenshot of the receipt. We verify it, mark the invoice and email your official receipt.</p>
        <form method="post" action="{{ route('invoices.proof', $invoice->token) }}" enctype="multipart/form-data" class="form-grid">
          @csrf
          <x-field name="amount" label="Amount you paid (PKR)" type="number" :value="$balance" :min="1" :max="$balance" step="0.01" required help="Outstanding balance: {{ money2($balance) }}. Part-payments are fine."/>
          <x-field name="method" label="Paid via" type="select" :options="['bank_transfer' => 'Bank transfer', 'easypaisa' => 'Easypaisa', 'jazzcash' => 'JazzCash', 'cash' => 'Cash at campus', 'other' => 'Other']" value="bank_transfer" required/>
          <x-field name="transaction_ref" label="Transaction ID / reference" placeholder="e.g. TID 4821 5567 or IBFT ref" full help="Required unless you attach a screenshot or receipt."/>
          <div class="field full">
            <label class="label" for="f-proof">Screenshot or receipt (optional)</label>
            <div class="dropzone tr-doc-dz"><x-icon name="upload" :size="24"/><div class="small bold" data-dz-label>Choose a file or drag it here</div><div class="xs muted">JPG, PNG, WebP or PDF &middot; up to 5 MB</div><input type="file" id="f-proof" name="proof" accept=".jpg,.jpeg,.png,.webp,.pdf" data-max-mb="5"></div>
            @error('proof')<div class="field-error">{{ $message }}</div>@enderror
          </div>
          <div class="field full"><button class="btn btn-primary btn-lg" type="submit"><x-icon name="upload" :size="18"/> Submit payment proof</button></div>
        </form>
      </div>
    </div>
    @endif

    <div class="tr-doc-help no-print">
      <div><b>Questions about this invoice?</b><span class="muted">We are available {{ config('infotics.brand.hours') }}.</span></div>
      <div class="row">
        @if($phone)<a class="btn btn-secondary btn-sm" href="tel:{{ '+'.digits($phone) }}"><x-icon name="phone" :size="16"/> {{ $phone }}</a>@endif
        @if($wa)<a class="btn btn-secondary btn-sm" href="https://wa.me/{{ $wa }}?text={{ rawurlencode('Hi INFOTICS, a question about invoice '.$invoice->number) }}" rel="noopener"><x-icon name="whatsapp" :size="16"/> WhatsApp</a>@endif
        <a class="btn btn-secondary btn-sm" href="mailto:{{ setting('contact_email') }}?subject={{ rawurlencode('Invoice '.$invoice->number) }}"><x-icon name="mail" :size="16"/> Email</a>
      </div>
    </div>
  </div>
</section>
@endsection
@push('scripts')<script src="{{ asset_v('assets/js/trust.js') }}" defer nonce="{{ csp_nonce() }}"></script>@endpush