@extends('layouts.app')
@section('title', 'M-Pesa')
@section('heading', 'M-Pesa payments')

@section('content')
@if ($attention > 0)<p class="mb-4 rounded-md border border-amber-300 bg-amber-50 p-3 text-sm text-amber-900" role="status"><strong>{{ $attention }}</strong> {{ Str::plural('payment', $attention) }} need a person to look at them (listed first below).</p>@endif

<dl class="mb-4 grid gap-3 sm:grid-cols-3 text-sm">
    <div class="rounded-lg border border-line bg-panel p-3"><dt class="text-xs text-muted">Paybill payments posted today</dt><dd class="text-lg font-semibold">KSh {{ number_format((float) $totals['posted']) }}</dd></div>
    <div class="rounded-lg border border-line bg-panel p-3"><dt class="text-xs text-muted">Received but not on a deal</dt><dd class="text-lg font-semibold {{ $totals['unposted'] > 0 ? 'text-stop' : '' }}">KSh {{ number_format((float) $totals['unposted']) }}</dd></div>
</dl>

<form method="GET" class="grid gap-3 sm:grid-cols-4" role="search">
    <div><label for="status" class="mb-1 block text-xs font-medium text-muted">Status</label>
        <select id="status" name="status" class="field"><option value="">All</option>@foreach (['unmatched' => 'Unmatched', 'review' => 'Needs review', 'posted' => 'Posted', 'received' => 'Waiting to match', 'ignored' => 'Set aside'] as $k => $l)<option value="{{ $k }}" @selected(($filters['status'] ?? '') === $k)>{{ $l }}</option>@endforeach</select></div>
    <div><label for="from" class="mb-1 block text-xs font-medium text-muted">From</label><input id="from" type="date" name="from" value="{{ $filters['from'] ?? '' }}" class="field"></div>
    <div><label for="to" class="mb-1 block text-xs font-medium text-muted">To</label><input id="to" type="date" name="to" value="{{ $filters['to'] ?? '' }}" class="field"></div>
    <div class="flex items-end"><button class="btn-primary">Apply</button></div>
</form>

<div class="mt-4 overflow-x-auto rounded-lg border border-line bg-panel">
    <table class="min-w-full text-left text-sm">
        <caption class="sr-only">Paybill and till payments</caption>
        <thead class="border-b border-line bg-ground text-xs text-muted"><tr><th scope="col" class="px-3 py-2 font-medium">Receipt</th><th scope="col" class="px-3 py-2 font-medium">When</th><th scope="col" class="px-3 py-2 font-medium">From</th><th scope="col" class="px-3 py-2 font-medium">Account no.</th><th scope="col" class="px-3 py-2 text-right font-medium">Amount</th><th scope="col" class="px-3 py-2 font-medium">Result</th></tr></thead>
        <tbody class="divide-y divide-line">
        @forelse ($c2b as $t)
            <tr class="align-top {{ $t->needs_attention ? 'bg-amber-50' : '' }}">
                <td class="px-3 py-2 font-medium">{{ $t->trans_id }}</td><td class="px-3 py-2">{{ $t->trans_time?->format('d M, H:i') }}</td>
                <td class="px-3 py-2">{{ $t->payer_name }}<span class="block text-xs text-muted">{{ $t->msisdn }}</span></td><td class="px-3 py-2">{{ $t->bill_ref_number ?: '(blank)' }}</td>
                <td class="px-3 py-2 text-right">{{ number_format((float) $t->trans_amount, 2) }}</td>
                <td class="px-3 py-2">
                    @if ($t->status === 'posted')<span class="text-go">Posted to <a class="underline" href="{{ route('deals.show', $t->matched_deal_id) }}">{{ $t->deal?->deal_no }}</a></span> <span class="text-xs text-muted">({{ $t->match_method }})</span>
                    @elseif ($t->status === 'ignored')<span class="text-muted">Set aside: {{ $t->review_reason }}</span>
                    @elseif ($t->status === 'received')<span class="text-muted">Waiting to be matched…</span>
                    @else
                        <p class="text-stop">{{ $t->review_reason }}</p>
                        <form method="POST" action="{{ route('mpesa.c2b.match', $t) }}" class="mt-2 flex gap-2">@csrf
                            <label class="sr-only" for="deal{{ $t->id }}">Deal</label>
                            <select id="deal{{ $t->id }}" name="deal_id" required class="field text-xs"><option value="">Choose the deal…</option>
                                @foreach ($openDeals as $d)<option value="{{ $d->id }}" @selected($t->matched_deal_id === $d->id)>{{ $d->deal_no }} · {{ $d->customer->name }} · owes {{ number_format((float) $d->balance_due) }}</option>@endforeach</select>
                            <button class="btn-primary px-3 py-1 text-xs">Post</button></form>
                        <details class="mt-1"><summary class="cursor-pointer text-xs underline">Set aside</summary>
                            <form method="POST" action="{{ route('mpesa.c2b.ignore', $t) }}" class="mt-1 flex gap-2">@csrf<label class="sr-only" for="ig{{ $t->id }}">Reason</label><input id="ig{{ $t->id }}" name="reason" required maxlength="255" placeholder="Reason (for example: refunded)" class="field text-xs"><button class="btn-quiet px-3 py-1 text-xs">Set aside</button></form></details>
                    @endif
                </td>
            </tr>
        @empty
            <tr><td colspan="6" class="px-3 py-10 text-center text-muted">No paybill payments yet.</td></tr>
        @endforelse
        </tbody>
    </table>
</div>
<div class="mt-3">{{ $c2b->links() }}</div>

<section class="mt-8" aria-labelledby="stk-h">
    <h2 id="stk-h" class="mb-2 text-sm font-semibold">Recent payment requests (STK Push)</h2>
    <div class="overflow-x-auto rounded-lg border border-line bg-panel"><table class="min-w-full text-left text-sm">
        <caption class="sr-only">STK Push requests</caption>
        <thead class="border-b border-line bg-ground text-xs text-muted"><tr><th scope="col" class="px-3 py-2 font-medium">Sent</th><th scope="col" class="px-3 py-2 font-medium">Deal</th><th scope="col" class="px-3 py-2 font-medium">Phone</th><th scope="col" class="px-3 py-2 text-right font-medium">Amount</th><th scope="col" class="px-3 py-2 font-medium">Outcome</th></tr></thead>
        <tbody class="divide-y divide-line">
        @forelse ($stk as $r)
            <tr class="{{ $r->status === 'review' ? 'bg-amber-50' : '' }}"><td class="px-3 py-2">{{ $r->created_at->format('d M, H:i') }}<span class="block text-xs text-muted">{{ $r->initiator?->name }}</span></td>
                <td class="px-3 py-2"><a class="underline" href="{{ route('deals.show', $r->deal_id) }}">{{ $r->deal->deal_no }}</a><span class="block text-xs text-muted">{{ $r->deal->customer->name }}</span></td>
                <td class="px-3 py-2">{{ $r->phone }}</td><td class="px-3 py-2 text-right">{{ number_format($r->amount) }}</td>
                <td class="px-3 py-2">{{ ucfirst($r->status) }}{{ $r->mpesa_receipt ? ' · '.$r->mpesa_receipt : '' }}@if ($r->review_reason || ($r->status === 'failed' && $r->result_desc))<span class="block text-xs text-muted">{{ $r->review_reason ?: $r->result_desc }}</span>@endif</td></tr>
        @empty
            <tr><td colspan="5" class="px-3 py-6 text-center text-muted">None yet.</td></tr>
        @endforelse
        </tbody></table></div>
</section>
@endsection