@extends('layouts.portal')
@section('title', 'Payments')
@section('subtitle', 'Verify learner payment proofs, issue receipts and keep the ledger of everything received.')
@section('actions')<a class="btn btn-secondary" href="{{ route('admin.billing.invoices.index', ['status' => 'overdue']) }}"><x-icon name="alert" :size="16"/> Overdue invoices</a>@endsection
@section('content')
@php
    $f = $filters;
    $st = $f['status'] ?? null;
    $tabs = ['' => 'All', 'paid' => 'Paid', 'pending' => 'Pending', 'failed' => 'Rejected', 'refunded' => 'Refunded'];
    $img = fn ($p) => in_array(strtolower(pathinfo((string) $p->proof_path, PATHINFO_EXTENSION)), ['jpg', 'jpeg', 'png', 'webp', 'gif'], true);
@endphp
<div class="kpis ac-kpis">
  <div class="card kpi green"><span class="ico"><x-icon name="wallet" :size="20"/></span><span>Paid this month</span><b>{{ money($kpi['month']) }}</b><small>{{ now()->format('F Y') }}</small></div>
  <div class="card kpi"><span class="ico"><x-icon name="check-circle" :size="20"/></span><span>Total collected</span><b>{{ money($kpi['collected']) }}</b><small>verified payments</small></div>
  <div class="card kpi {{ $pending->count() ? 'amber' : '' }}"><span class="ico"><x-icon name="shield-alert" :size="20"/></span><span>Awaiting verification</span><b>{{ money($kpi['pending_amount']) }}</b><small>{{ $pending->count() }} payment{{ $pending->count() === 1 ? '' : 's' }} in the queue</small></div>
  <div class="card kpi red"><span class="ico"><x-icon name="refresh" :size="20"/></span><span>Refunded</span><b>{{ money($kpi['refunded']) }}</b><small>marked as refunded</small></div>
</div>

<section class="panel" aria-labelledby="queue-h" id="queue">
  <div class="panel-head"><h2 id="queue-h">Payment proofs to verify</h2><span class="pill {{ $pending->count() ? 'pill-amber' : 'pill-green' }}">{{ $pending->count() ? $pending->count().' pending' : 'All caught up' }}</span></div>
  @if($pending->isEmpty())
    <x-empty icon="check-circle" title="Nothing waiting for verification" text="When a learner submits a bank-transfer, Easypaisa or JazzCash proof it appears here for approval."/>
  @else
  <div class="ac-proofs">
    @foreach($pending as $p)
      @php $who = $p->user?->name ?? $p->invoice?->customer_name ?? 'Unknown customer'; @endphp
      <article class="ac-proof">
        @if($p->proof_path)
          @if($img($p))
            <a class="ac-thumb" href="{{ route('admin.billing.payments.proof', $p) }}" target="_blank" rel="noopener" aria-label="Open payment proof from {{ $who }}"><img src="{{ route('admin.billing.payments.proof', $p) }}" alt="Payment proof uploaded by {{ $who }}" loading="lazy"></a>
          @else
            <a class="ac-thumb" href="{{ route('admin.billing.payments.proof', $p) }}" target="_blank" rel="noopener" aria-label="Open payment proof from {{ $who }}"><span><x-icon name="file-text" :size="30"/><br>PDF proof</span></a>
          @endif
        @else
          <div class="ac-thumb" title="No file attached"><span><x-icon name="receipt" :size="28"/><br>Reference only</span></div>
        @endif
        <div>
          <h3>{{ $who }} <span class="ac-money" style="margin-left:6px">{{ money2($p->amount) }}</span></h3>
          <div class="ac-proof-meta">
            @if($p->invoice)<span>Invoice <a class="ac-num" href="{{ route('admin.billing.invoices.show', $p->invoice) }}">{{ $p->invoice->number }}</a> (balance {{ money2($p->invoice->balance()) }})</span>@endif
            <span>Method <b>{{ $methods[$p->method] ?? ucfirst(str_replace('_', ' ', (string) $p->method)) }}</b></span>
            @if($p->transaction_ref)<span>Ref <b class="mono">{{ $p->transaction_ref }}</b></span>@endif
            <span>Submitted {{ $p->created_at->diffForHumans() }}</span>
          </div>
          @if($p->invoice && (float) $p->amount > $p->invoice->balance() + 0.01)<div class="field-error" style="margin-top:6px">Amount is more than the invoice balance — it cannot be approved as is.</div>@endif
        </div>
        <div class="ac-proof-act">
          <form method="post" action="{{ route('admin.billing.payments.confirm', $p) }}" data-confirm="Approve {{ money2($p->amount) }} from {{ $who }}? A receipt is emailed and any linked enrollment is updated.">@csrf<button class="btn btn-success btn-sm" type="submit"><x-icon name="check" :size="15"/> Approve</button></form>
          <button class="btn btn-danger btn-sm" type="button" data-modal-open="#rej-{{ $p->id }}"><x-icon name="x" :size="15"/> Reject</button>
        </div>
      </article>
    @endforeach
  </div>
  @endif
</section>

<h2 style="font-size:1.25rem;margin:8px 0 14px">Payment ledger</h2>
<nav class="ac-tabs" aria-label="Payment status">
  @foreach($tabs as $k => $label)
    <a href="{{ route('admin.billing.payments.index', array_filter(array_merge($f, ['status' => $k]))) }}" class="{{ ($st ?? '') === $k ? 'active' : '' }}" @if(($st ?? '') === $k) aria-current="page" @endif>{{ $label }} <span class="ac-n">{{ $k === '' ? $counts->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="{{ $f['q'] ?? '' }}" placeholder="Search receipt, reference, customer or invoice" aria-label="Search payments"></div>
  <select class="select" name="method" aria-label="Payment method" data-autosubmit><option value="">All methods</option>@foreach($methods as $k => $l)<option value="{{ $k }}" @selected(($f['method'] ?? '') === $k)>{{ $l }}</option>@endforeach</select>
  <label class="sr-only" for="pf-from">From date</label><input class="input" id="pf-from" type="date" name="from" value="{{ $f['from'] ?? '' }}" title="From date" data-autosubmit>
  <label class="sr-only" for="pf-to">To date</label><input class="input" id="pf-to" type="date" name="to" value="{{ $f['to'] ?? '' }}" title="To date" data-autosubmit>
  <button class="btn btn-secondary" type="submit">Filter</button>
  @if(count($f))<a class="btn btn-ghost" href="{{ route('admin.billing.payments.index') }}">Clear</a>@endif
</form>

<div class="table-wrap">
  <table class="table ac-t">
    <thead><tr><th>Receipt</th><th>Customer</th><th>Invoice</th><th class="num">Amount</th><th>Status</th><th class="actions">Actions</th></tr></thead>
    <tbody>
    @forelse($payments as $p)
      @php $who = $p->user?->name ?? $p->invoice?->customer_name ?? '—'; @endphp
      <tr>
        <td>@if($p->receipt_no && $p->status === 'paid')<a class="ac-num" href="{{ route('admin.billing.payments.receipt.pdf', $p) }}" target="_blank" rel="noopener">{{ $p->receipt_no }}</a>@elseif($p->receipt_no)<span class="ac-num muted">{{ $p->receipt_no }}</span>@else<span class="ac-num muted" title="{{ $p->reference }}">Pending</span>@endif<span class="ac-sub">{{ ($p->paid_at ?? $p->created_at)->format('d M Y, g:i A') }}</span></td>
        <td><b>{{ $who }}</b>@if($p->transaction_ref)<span class="ac-sub">Ref {{ $p->transaction_ref }}</span>@endif</td>
        <td>@if($p->invoice)<a class="ac-num" href="{{ route('admin.billing.invoices.show', $p->invoice) }}">{{ $p->invoice->number }}</a>@else<span class="muted">—</span>@endif</td>
        <td class="num"><span class="ac-money">{{ money2($p->amount) }}</span><span class="ac-sub">{{ $methods[$p->method] ?? ucfirst(str_replace('_', ' ', (string) $p->method)) }}</span></td>
        <td><x-pill :status="$p->status === 'failed' ? 'rejected' : $p->status"/></td>
        <td class="actions"><div class="ac-actions">
          @if($p->proof_path)<a class="icon-btn" href="{{ route('admin.billing.payments.proof', $p) }}" target="_blank" rel="noopener" title="View proof" aria-label="View proof for {{ $p->reference }}"><x-icon name="paperclip" :size="16"/></a>@endif
          @if($p->status === 'paid')
            <a class="icon-btn" href="{{ route('admin.billing.payments.receipt.pdf', $p) }}" target="_blank" rel="noopener" title="Download receipt" aria-label="Download receipt {{ $p->receipt_no }}"><x-icon name="download" :size="16"/></a>
            <form method="post" action="{{ route('admin.billing.payments.receipt', $p) }}" data-confirm="Re-send receipt {{ $p->receipt_no }} by email?">@csrf<button class="icon-btn" type="submit" title="Resend receipt email" aria-label="Resend receipt {{ $p->receipt_no }}"><x-icon name="mail" :size="16"/></button></form>
            <button class="icon-btn" type="button" data-modal-open="#ref-{{ $p->id }}" title="Refund" aria-label="Refund {{ $p->receipt_no }}"><x-icon name="refresh" :size="16"/></button>
          @elseif($p->status === 'pending')
            <a class="btn btn-secondary btn-sm" href="#queue">Review</a>
          @endif
        </div></td>
      </tr>
    @empty
      <tr><td colspan="6" class="table-empty"><x-empty icon="wallet" :title="count($f) ? 'No payments match these filters' : 'No payments yet'" :text="count($f) ? 'Widen the date range or clear the filters.' : 'Payments appear here once they are recorded against an invoice.'"/></td></tr>
    @endforelse
    </tbody>
  </table>
</div>
{{ $payments->links() }}

@foreach($pending as $p)
<div class="modal" id="rej-{{ $p->id }}" role="dialog" aria-modal="true" aria-labelledby="rej-h-{{ $p->id }}">
  <div class="modal-box">
    <h2 id="rej-h-{{ $p->id }}" style="font-size:1.3rem">Reject {{ money2($p->amount) }} payment</h2>
    <p class="ac-modal-note">The customer is emailed the reason and can submit a new proof from their invoice page.</p>
    <form method="post" action="{{ route('admin.billing.payments.reject', $p) }}">@csrf
      <div class="field"><label class="label" for="rej-r-{{ $p->id }}">Reason <span class="req">*</span></label><textarea class="textarea" id="rej-r-{{ $p->id }}" name="reason" rows="3" maxlength="300" required placeholder="e.g. Transaction ID not found in our bank statement" style="min-height:90px"></textarea></div>
      <div class="ac-modal-actions"><button class="btn btn-secondary" type="button" data-modal-close>Cancel</button><button class="btn btn-danger" type="submit">Reject &amp; email customer</button></div>
    </form>
  </div>
</div>
@endforeach
@foreach($payments->where('status', 'paid') as $p)
<div class="modal" id="ref-{{ $p->id }}" role="dialog" aria-modal="true" aria-labelledby="ref-h-{{ $p->id }}">
  <div class="modal-box">
    <h2 id="ref-h-{{ $p->id }}" style="font-size:1.3rem">Refund {{ money2($p->amount) }}</h2>
    <p class="ac-modal-note">Marks receipt {{ $p->receipt_no }} as refunded and recalculates the invoice balance. Money is not moved automatically — return it to the customer yourself.</p>
    <form method="post" action="{{ route('admin.billing.payments.refund', $p) }}">@csrf
      <div class="field"><label class="label" for="ref-r-{{ $p->id }}">Reason (optional)</label><textarea class="textarea" id="ref-r-{{ $p->id }}" name="reason" rows="3" maxlength="300" style="min-height:90px"></textarea></div>
      <div class="ac-modal-actions"><button class="btn btn-secondary" type="button" data-modal-close>Cancel</button><button class="btn btn-danger" type="submit">Mark as refunded</button></div>
    </form>
  </div>
</div>
@endforeach
@endsection