@extends('admin.layouts.app')
@section('title', $tx->receipt)
@section('content')
@php
    use Modules\Gateways\Mpesa\Services\Money;
    $me = auth('admin')->user();
    $canAllocate = $me?->hasPermission('allocate_mpesa_payments');
    $canReverse = $me?->hasPermission('request_mpesa_reversals');
    $canApprove = $me?->hasPermission('approve_mpesa_reversals');
@endphp
@include('mpesa::admin._nav', ['title' => __('mpesa::mpesa.admin.payment').' '.$tx->receipt])

<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:15px;">
    <div class="card">
        <div class="card-header"><strong>{{ __('mpesa::mpesa.admin.details') }}</strong></div>
        <table class="data-table">
            <tbody>
                <tr><td>{{ __('mpesa::mpesa.admin.receipt') }}</td><td style="font-family:monospace;font-weight:600;">{{ $tx->receipt }}</td></tr>
                <tr><td>{{ __('mpesa::mpesa.admin.amount_kes') }}</td><td>{{ Money::format(Money::minor($tx->amount)) }}</td></tr>
                <tr><td>{{ __('mpesa::mpesa.admin.paid_at') }}</td><td>{{ $tx->transacted_at?->format('Y-m-d H:i:s') ?? '—' }} UTC</td></tr>
                <tr><td>{{ __('mpesa::mpesa.admin.environment') }} / {{ __('mpesa::mpesa.admin.shortcode') }}</td><td>{{ $tx->environment }} / {{ $tx->shortcode }}</td></tr>
                <tr><td>{{ __('mpesa::mpesa.admin.source') }}</td><td>{{ $tx->source }} {{ $tx->transaction_type ? '('.$tx->transaction_type.')' : '' }}</td></tr>
                <tr><td>{{ __('mpesa::mpesa.admin.reference') }}</td><td style="font-family:monospace;">{{ $tx->bill_reference ?: '—' }}</td></tr>
                <tr><td>{{ __('mpesa::mpesa.admin.payer') }}</td><td>{{ $tx->payer_name ?: '—' }} <span style="font-family:monospace;color:#777;">{{ $tx->msisdn_masked }}</span></td></tr>
                <tr><td>{{ __('common.table.client') }}</td><td>@if($tx->client)<a href="{{ route('admin.clients.show', $tx->client_id) }}">{{ $tx->client->full_name }}</a>@else — @endif</td></tr>
                <tr><td>{{ __('mpesa::mpesa.admin.status') }}</td><td>@include('mpesa::admin._badge', ['value' => $tx->status, 'group' => 'tx_status']) <span style="font-size:12px;color:#777;">{{ $tx->verified_by ? __('mpesa::mpesa.admin.verified_by', ['by' => $tx->verified_by, 'at' => $tx->verified_at?->format('Y-m-d H:i')]) : '' }}</span></td></tr>
                <tr><td>{{ __('mpesa::mpesa.admin.allocation') }}</td><td>@include('mpesa::admin._badge', ['value' => $tx->allocation_status, 'group' => 'allocation'])
                    @if($tx->match_rule)<span style="font-size:12px;color:#777;"> {{ __('mpesa::mpesa.admin.rule', ['rule' => $tx->match_rule]) }}</span>@endif
                    @if($tx->match_note)<div style="font-size:12px;color:#555;margin-top:4px;">{{ $tx->match_note }}</div>@endif
                    @if($tx->allocation_error)<div style="font-size:12px;color:#c0392b;margin-top:4px;">{{ \Illuminate\Support\Str::limit($tx->allocation_error, 300) }}</div>@endif</td></tr>
                <tr><td>{{ __('mpesa::mpesa.admin.reversal') }}</td><td>@include('mpesa::admin._badge', ['value' => $tx->reversal_status, 'group' => 'reversal_status'])@if(Money::minor($tx->reversed_amount) > 0) {{ Money::format(Money::minor($tx->reversed_amount)) }}@endif</td></tr>
                @if($tx->paymentRequest)
                <tr><td>{{ __('mpesa::mpesa.admin.request') }}</td><td>#{{ $tx->paymentRequest->id }} ({{ $tx->paymentRequest->type }}, {{ $tx->paymentRequest->checkout_request_id ?: $tx->paymentRequest->claimed_receipt }})</td></tr>
                @endif
            </tbody>
        </table>
    </div>

    <div class="card">
        <div class="card-header"><strong>{{ __('mpesa::mpesa.admin.allocations') }}</strong></div>
        <table class="data-table">
            <thead><tr><th>{{ __('mpesa::mpesa.admin.invoice') }}</th><th>{{ __('mpesa::mpesa.admin.booked') }}</th><th>{{ __('mpesa::mpesa.admin.to_invoice') }}</th><th>{{ __('mpesa::mpesa.admin.to_credit') }}</th><th>{{ __('mpesa::mpesa.admin.status') }}</th></tr></thead>
            <tbody>
            @forelse($tx->allocations as $a)
                <tr>
                    <td><a href="{{ route('admin.invoices.show', $a->invoice_id) }}">#{{ $a->invoice?->invoice_num ?: $a->invoice_id }}</a>
                        <div style="font-size:11px;color:#999;">{{ $a->rule }}{{ $a->admin ? ' · '.$a->admin->username : '' }} · {{ $a->ledger_reference }}</div></td>
                    <td>{{ $a->source_currency }} {{ $a->amount_source }}</td>
                    <td>{{ $a->invoice_portion }}</td>
                    <td>{{ $a->credit_portion }}</td>
                    <td>{{ $a->status }}</td>
                </tr>
            @empty
                <tr><td colspan="5" style="color:#999;text-align:center;padding:15px;">{{ __('mpesa::mpesa.admin.not_allocated') }}</td></tr>
            @endforelse
            </tbody>
        </table>

        @if($canAllocate && $tx->isConfirmed() && ! $tx->isAllocated() && $tx->allocation_status !== 'allocating' && ! in_array($tx->reversal_status, ['pending', 'reversed'], true))
        <form method="POST" action="{{ route('admin.mpesa.transactions.allocate', $tx) }}" class="card-body" style="border-top:1px solid #eee;">
            @csrf
            <strong style="font-size:13px;">{{ __('mpesa::mpesa.admin.allocate_title') }}</strong>
            <div style="display:flex;gap:8px;margin:8px 0;flex-wrap:wrap;">
                <input type="text" name="invoice" list="mpesa-candidates" class="form-control input-sm" style="max-width:180px;" placeholder="{{ __('mpesa::mpesa.admin.invoice_placeholder') }}" value="{{ old('invoice') }}" required>
                <datalist id="mpesa-candidates">@foreach($candidates as $inv)<option value="{{ $inv->id }}">#{{ $inv->invoice_num }} — {{ $inv->total }} ({{ $inv->status }})</option>@endforeach</datalist>
                <input type="text" name="note" class="form-control input-sm" style="flex:1;min-width:200px;" placeholder="{{ __('mpesa::mpesa.admin.reason_placeholder') }}" value="{{ old('note') }}" required minlength="5">
            </div>
            <label style="font-size:12px;"><input type="checkbox" name="confirm" value="1" required> {{ __('mpesa::mpesa.admin.allocate_confirm', ['amount' => Money::format(Money::minor($tx->amount))]) }}</label>
            <div style="margin-top:8px;"><button class="btn btn-primary btn-sm">{{ __('mpesa::mpesa.admin.allocate_button') }}</button></div>
        </form>
        @endif

        @if($canAllocate && $tx->isAllocated() && $tx->reversal_status === 'none')
        <details class="card-body" style="border-top:1px solid #eee;">
            <summary style="cursor:pointer;font-size:13px;">{{ __('mpesa::mpesa.admin.unallocate_title') }}</summary>
            <form method="POST" action="{{ route('admin.mpesa.transactions.unallocate', $tx) }}" style="margin-top:8px;">
                @csrf
                <p style="font-size:12px;color:#555;">{{ __('mpesa::mpesa.admin.unallocate_help') }}</p>
                <input type="text" name="reason" class="form-control input-sm" placeholder="{{ __('mpesa::mpesa.admin.reason_placeholder') }}" required minlength="5">
                <label style="font-size:12px;display:block;margin:6px 0;"><input type="checkbox" name="confirm" value="1" required> {{ __('mpesa::mpesa.admin.unallocate_confirm') }}</label>
                <button class="btn btn-default btn-sm">{{ __('mpesa::mpesa.admin.unallocate_button') }}</button>
            </form>
        </details>
        @endif

        <div class="card-body" style="border-top:1px solid #eee;display:flex;gap:6px;flex-wrap:wrap;">
            @if($canAllocate && $tx->isConfirmed() && in_array($tx->allocation_status, ['failed', 'allocating', 'pending'], true))
                <form method="POST" action="{{ route('admin.mpesa.transactions.retry', $tx) }}">@csrf<button class="btn btn-default btn-sm">{{ __('mpesa::mpesa.admin.retry') }}</button></form>
            @endif
            @if($canAllocate && $tx->status !== 'confirmed')
                <form method="POST" action="{{ route('admin.mpesa.transactions.verify', $tx) }}">@csrf<button class="btn btn-default btn-sm">{{ __('mpesa::mpesa.admin.verify') }}</button></form>
            @endif
            @if($canReverse && ! $reversalBlocked)
                <a href="{{ route('admin.mpesa.transactions.reverse', $tx) }}" class="btn btn-danger btn-sm">{{ __('mpesa::mpesa.reversal.request_button') }}</a>
            @elseif($canReverse && $tx->reversal_status !== 'reversed')
                <span style="font-size:12px;color:#999;align-self:center;">{{ __('mpesa::mpesa.reversal.unavailable') }}: {{ $reversalBlocked }}</span>
            @endif
        </div>
    </div>
</div>

@if($tx->reversals->isNotEmpty())
<div class="card" style="margin-top:15px;">
    <div class="card-header"><strong>{{ __('mpesa::mpesa.reversal.history') }}</strong></div>
    <table class="data-table">
        <thead><tr><th>#</th><th>{{ __('mpesa::mpesa.admin.amount_kes') }}</th><th>{{ __('mpesa::mpesa.reversal.reason') }}</th><th>{{ __('mpesa::mpesa.reversal.requested_by') }}</th><th>{{ __('mpesa::mpesa.reversal.approved_by') }}</th><th>{{ __('mpesa::mpesa.admin.status') }}</th><th>{{ __('mpesa::mpesa.reversal.result') }}</th><th></th></tr></thead>
        <tbody>
        @foreach($tx->reversals as $r)
            <tr>
                <td>{{ $r->id }}<div style="font-size:11px;color:#999;">{{ $r->created_at->format('Y-m-d H:i') }}</div></td>
                <td>{{ Money::format(Money::minor($r->amount)) }}</td>
                <td style="font-size:12px;">{{ $r->reason }}</td>
                <td style="font-size:12px;">{{ $r->requester?->username }}</td>
                <td style="font-size:12px;">{{ $r->approver?->username ?? '—' }}</td>
                <td>@include('mpesa::admin._badge', ['value' => $r->status, 'group' => 'reversal'])</td>
                <td style="font-size:12px;">{{ $r->result_code ? '['.$r->result_code.'] ' : '' }}{{ $r->result_desc }}@if($r->reversal_receipt)<div style="font-family:monospace;">{{ $r->reversal_receipt }}</div>@endif
                    @if(! empty($r->adjustments['credit_shortfall']) && $r->adjustments['credit_shortfall'] !== '0.00')<div style="color:#c0392b;">{{ __('mpesa::mpesa.reversal.shortfall', ['amount' => $r->adjustments['credit_shortfall']]) }}</div>@endif</td>
                <td style="white-space:nowrap;">
                    @if($r->status === 'awaiting_approval')
                        @if($canApprove && (int) $r->requested_by !== (int) $me->id)
                        <form method="POST" action="{{ route('admin.mpesa.reversals.approve', $r) }}" style="display:inline;" onsubmit="return confirm(@js(__('mpesa::mpesa.reversal.approve_confirm')))">@csrf<button class="btn btn-danger btn-xs">{{ __('mpesa::mpesa.reversal.approve') }}</button></form>
                        @endif
                        <form method="POST" action="{{ route('admin.mpesa.reversals.reject', $r) }}" style="display:inline;">@csrf<input type="hidden" name="reason" value="Not approved"><button class="btn btn-default btn-xs">{{ (int) $r->requested_by === (int) $me->id ? __('mpesa::mpesa.reversal.cancel') : __('mpesa::mpesa.reversal.reject') }}</button></form>
                    @endif
                    @if(in_array($r->status, ['unknown', 'pending', 'submitting'], true) && $canApprove)
                        <details><summary style="cursor:pointer;font-size:12px;">{{ __('mpesa::mpesa.reversal.record_outcome') }}</summary>
                        <form method="POST" action="{{ route('admin.mpesa.reversals.outcome', $r) }}" style="margin-top:6px;">
                            @csrf
                            <select name="outcome" class="form-control input-sm"><option value="reversed">{{ __('mpesa::mpesa.reversal.outcome_reversed') }}</option><option value="not_reversed">{{ __('mpesa::mpesa.reversal.outcome_not') }}</option></select>
                            <input type="text" name="receipt" class="form-control input-sm" placeholder="{{ __('mpesa::mpesa.reversal.reversal_receipt') }}" maxlength="10" style="margin-top:4px;">
                            <input type="text" name="note" class="form-control input-sm" placeholder="{{ __('mpesa::mpesa.reversal.outcome_note') }}" required minlength="5" style="margin-top:4px;">
                            <label style="font-size:11px;"><input type="checkbox" name="confirm" value="1" required> {{ __('mpesa::mpesa.reversal.outcome_confirm') }}</label>
                            <button class="btn btn-default btn-xs">{{ __('common.actions.save') }}</button>
                        </form></details>
                    @endif
                </td>
            </tr>
        @endforeach
        </tbody>
    </table>
</div>
@endif

<div class="card" style="margin-top:15px;">
    <div class="card-header"><strong>{{ __('mpesa::mpesa.admin.timeline') }}</strong></div>
    <table class="data-table">
        <tbody>
        @foreach($timeline as $e)
            <tr>
                <td style="font-size:12px;white-space:nowrap;color:#777;width:150px;">{{ $e->created_at?->format('Y-m-d H:i:s') }}</td>
                <td style="width:110px;"><span class="badge {{ $e->level === 'error' ? 'badge-terminated' : ($e->level === 'warning' ? 'badge-pending' : 'badge-active') }}" style="font-family:inherit;font-size:10px;">{{ $e->type }}</span></td>
                <td style="font-size:13px;">{{ $e->message }}@if($e->admin)<span style="color:#777;"> — {{ $e->admin->username }}</span>@endif</td>
            </tr>
        @endforeach
        @foreach($callbacks as $cb)
            <tr>
                <td style="font-size:12px;white-space:nowrap;color:#777;">{{ $cb->created_at?->format('Y-m-d H:i:s') }}</td>
                <td><span class="badge badge-cancelled" style="font-family:inherit;font-size:10px;">callback</span></td>
                <td style="font-size:12px;">{{ $cb->kind }} — {{ $cb->status }} ({{ $cb->attempts }}x){{ $cb->error ? ': '.\Illuminate\Support\Str::limit($cb->error, 150) : '' }}</td>
            </tr>
        @endforeach
        </tbody>
    </table>
    <div class="card-body" style="border-top:1px solid #eee;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;">
        <form method="POST" action="{{ route('admin.mpesa.transactions.note', $tx) }}">
            @csrf
            <textarea name="note" rows="2" class="form-control" placeholder="{{ __('mpesa::mpesa.admin.note_placeholder') }}" required maxlength="500"></textarea>
            <button class="btn btn-default btn-sm" style="margin-top:6px;">{{ __('mpesa::mpesa.admin.add_note') }}</button>
        </form>
        @if($canAllocate)
        <form method="POST" action="{{ route('admin.mpesa.transactions.escalate', $tx) }}">
            @csrf
            <textarea name="note" rows="2" class="form-control" placeholder="{{ __('mpesa::mpesa.admin.escalate_placeholder') }}" required minlength="5" maxlength="500"></textarea>
            <button class="btn btn-warning btn-sm" style="margin-top:6px;">{{ __('mpesa::mpesa.admin.escalate') }}</button>
        </form>
        @endif
    </div>
</div>
@endsection