@extends('layouts.app')
@section('title', 'M-PESA Payments & Reconciliation')
@section('content')
<div class="space-y-6">
 <div class="flex flex-col md:flex-row md:items-center md:justify-between gap-3"><div><h1 class="text-2xl font-bold">M-PESA</h1><p class="text-sm text-ink-muted">Payments &amp; reconciliation</p></div><div class="flex gap-2"><a class="btn-secondary btn-sm" href="{{ route('mpesa.export', request()->query()) }}">Export CSV</a><a class="btn-primary btn-sm" href="{{ route('mpesa.settings') }}">Daraja Settings</a></div></div>
 <div class="grid grid-cols-2 lg:grid-cols-6 gap-3">
 @foreach ([['Transactions',$stats['total'],'blue'],['Confirmed',$stats['success'],'emerald'],['Pending',$stats['pending'],'amber'],['Failed',$stats['failed'],'rose'],["Today's M-PESA",'KSh '.number_format($stats['today'],2),'emerald'],['Unlinked STK',$stats['unlinked'],'orange'],['Unlinked Till',$stats['c2b_unlinked'],'orange']] as $card)
 <div class="card p-4"><p class="text-xs text-ink-muted">{{ $card[0] }}</p><p class="text-xl font-bold mt-2">{{ $card[1] }}</p></div>
 @endforeach
 </div>
 <div class="card p-4"><div class="flex flex-wrap gap-3 items-center justify-between"><div><h2 class="font-semibold">Daraja connection</h2><p class="text-sm text-ink-muted">Environment: <strong>{{ strtoupper($settings['environment']) }}</strong> · Shortcode/Till: {{ $settings['shortcode'] ?: 'Not configured' }} · Type: {{ $settings['transaction_type'] ?: 'Not configured' }}</p></div><div class="flex flex-wrap gap-2 text-xs"><span class="rounded px-2 py-1 {{ $settings['credentials'] ? 'bg-emerald-100 text-emerald-800' : 'bg-rose-100 text-rose-800' }}">{{ $settings['credentials'] ? 'Credentials present' : 'Credentials missing' }}</span><span class="rounded px-2 py-1 {{ $settings['stk'] ? 'bg-emerald-100 text-emerald-800' : 'bg-amber-100 text-amber-800' }}">{{ $settings['stk'] ? 'STK configured' : 'STK incomplete' }}</span></div></div><p class="text-xs text-ink-muted mt-2">Credentials are kept in the server .env file. Never display consumer secrets or passkeys in the browser.</p></div>
 <form method="GET" class="card p-4 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-6 gap-3 items-end">
 <div><label class="field-label">Status</label><select class="input" name="status"><option value="all">All</option>@foreach(['success','pending','failed','cancelled','timeout'] as $st)<option value="{{ $st }}" @selected(request('status')===$st)>{{ ucfirst($st) }}</option>@endforeach</select></div>
 <div><label class="field-label">M-PESA receipt</label><input class="input" name="receipt" value="{{ request('receipt') }}" placeholder="e.g. QAB123XYZ"></div><div><label class="field-label">Phone</label><input class="input" name="phone" value="{{ request('phone') }}" placeholder="2547..."></div>
 <div><label class="field-label">From</label><input class="input" type="date" name="from" value="{{ request('from') }}"></div><div><label class="field-label">To</label><input class="input" type="date" name="to" value="{{ request('to') }}"></div><div class="flex gap-2"><button class="btn-primary">Search</button><a class="btn-secondary" href="{{ route('mpesa.index') }}">Reset</a></div>
 </form>
 <div class="card overflow-x-auto"><table class="data-table"><thead><tr><th>Date</th><th>Type</th><th>M-PESA receipt</th><th>Phone</th><th>Customer / Sale</th><th>Amount</th><th>Status</th><th>Linked payment</th></tr></thead><tbody>
 @forelse($transactions as $tx)<tr><td class="whitespace-nowrap">{{ $tx->created_at?->timezone('Africa/Nairobi')->format('Y-m-d H:i:s') }}</td><td>STK Push</td><td class="font-mono">{{ $tx->mpesa_receipt ?: '—' }}</td><td>{{ $tx->phone }}</td><td>{{ class_basename($tx->payable_type) }} #{{ $tx->payable_id }}<div class="text-xs text-ink-muted">{{ $tx->account_reference }}</div></td><td>KSh {{ number_format($tx->amount_received ?? $tx->amount,2) }}</td><td><span class="rounded px-2 py-1 text-xs {{ $tx->status==='success'?'bg-emerald-100 text-emerald-800':($tx->status==='pending'?'bg-amber-100 text-amber-800':'bg-rose-100 text-rose-800') }}">{{ strtoupper($tx->status) }}</span></td><td>{{ $tx->payment_id ? '#'.$tx->payment_id : ($tx->status==='success'?'REVIEW REQUIRED':'—') }}</td></tr>@empty<tr><td colspan="8" class="text-center py-8 text-ink-muted">No M-PESA transactions match these filters.</td></tr>@endforelse
 </tbody></table></div><div>{{ $transactions->links() }}</div>
 <div class="card overflow-x-auto"><div class="p-4"><h2 class="font-semibold">Incoming Till / PayBill payments</h2><p class="text-sm text-ink-muted mt-1">Safaricom confirmations appear here automatically. Exact bill-reference matches are linked automatically when the reference equals a billed order number and the amount fits the outstanding balance. Other payments remain unlinked for cashier review.</p></div><table class="data-table"><thead><tr><th>Date</th><th>Receipt</th><th>Customer name</th><th>Phone</th><th>Bill reference</th><th>Amount</th><th>Status / Sale</th><th>Match to sale</th></tr></thead><tbody>
 @forelse($c2bTransactions as $c2b)
 <tr>
 <td class="whitespace-nowrap">{{ $c2b->trans_time?->timezone('Africa/Nairobi')->format('Y-m-d H:i:s') ?: $c2b->created_at?->timezone('Africa/Nairobi')->format('Y-m-d H:i:s') }}</td>
 <td class="font-mono">{{ $c2b->trans_id }}</td>
 <td>{{ trim(($c2b->first_name ?? '').' '.($c2b->middle_name ?? '').' '.($c2b->last_name ?? '')) ?: 'Name not supplied' }}</td>
 <td>{{ $c2b->phone ?: '—' }}</td><td>{{ $c2b->bill_ref_number ?: '—' }}</td><td>KSh {{ number_format((float)$c2b->amount,2) }}</td>
 <td><span class="rounded px-2 py-1 text-xs {{ $c2b->status==='linked'?'bg-emerald-100 text-emerald-800':($c2b->status==='unlinked'?'bg-amber-100 text-amber-800':'bg-slate-100 text-slate-800') }}">{{ strtoupper($c2b->status) }}</span>@if($c2b->linked_type && $c2b->linked_id)<div class="text-xs text-ink-muted mt-1">{{ class_basename($c2b->linked_type) }} #{{ $c2b->linked_id }}</div>@endif</td>
 <td>@if($c2b->status==='unlinked')
 <form method="POST" action="{{ route('mpesa.till.match') }}" class="flex min-w-[280px] gap-2 items-center">@csrf<input type="hidden" name="receipt" value="{{ $c2b->trans_id }}"><select name="order_id" class="input" required><option value="">Select outstanding sale…</option>@foreach($ordersForMatching as $matchOrder)<option value="{{ $matchOrder->id }}" @selected(strcasecmp((string)$c2b->bill_ref_number,(string)$matchOrder->order_number)===0)>{{ $matchOrder->order_number }} — KSh {{ number_format($matchOrder->balanceDue(),2) }} due</option>@endforeach</select><button class="btn-primary btn-sm" type="submit">Link &amp; record</button></form>
 @else <span class="text-sm text-ink-muted">Already processed</span> @endif</td>
 </tr>
 @empty<tr><td colspan="8" class="text-center py-6 text-ink-muted">No C2B confirmations received yet. Confirm that Safaricom has registered the C2B confirmation URL.</td></tr>@endforelse
 </tbody></table></div>
</div>
@endsection