@extends('layouts.admin')
@section('title', 'Payment — Admin')
@section('heading', 'Payment '.$payment->reference)

@section('content')
<div class="app-grid-main">
  <div class="iq-card" style="padding:24px">
    <dl class="app-grid-2" style="gap:16px;margin:0">
      @foreach ([
        'Status' => $payment->status->label(), 'Amount' => $payment->formattedAmount(), 'User' => $payment->user?->name ?? 'Deleted user',
        'Plan' => $payment->plan?->displayName(), 'Method' => $payment->methodLabel(), 'Provider reference' => $payment->provider_reference,
        'Created' => $payment->created_at->format('j M Y H:i'), 'Paid' => $payment->paid_at?->format('j M Y H:i'), 'Failure' => $payment->failure_reason,
      ] as $k => $v)
        <div><dt class="iq-overline">{{ $k }}</dt><dd style="margin:2px 0 0" class="iq-num">{{ $v ?? '—' }}</dd></div>
      @endforeach
    </dl>
    <div style="margin-top:24px"><b>Provider events</b>
      <div class="iq-stack" style="gap:8px;margin-top:8px">@forelse ($payment->transactions as $t)<div class="app-row"><span class="grow">{{ $t->event }}</span><span class="iq-badge">{{ $t->status }}</span><span class="iq-muted iq-num" style="font-size:12px">{{ $t->created_at->format('j M H:i') }}</span></div>@empty<p class="iq-muted" style="margin:0">No webhook events recorded.</p>@endforelse</div>
    </div>
  </div>
  <div class="iq-card iq-stack" style="padding:20px;gap:12px"><b>Actions</b>
    <form method="POST" action="{{ route('admin.payments.reverify', $payment) }}">@csrf<button class="iq-btn iq-btn-secondary iq-btn-sm"><x-iq.icon name="refresh" /> Re-verify with Paystack</button></form>
    <p class="iq-help" style="margin:0">Safe to repeat: verification is idempotent and never creates a second subscription.</p>
  </div>
</div>
@endsection