@extends('admin.layouts.app')
@section('title', __('mpesa::mpesa.nav.transactions'))
@section('content')
@php use Modules\Gateways\Mpesa\Services\Money; @endphp
@include('mpesa::admin._nav', ['title' => __('mpesa::mpesa.nav.transactions')])

@include('admin.partials.list-filters', ['filters' => $filters, 'action' => route('admin.mpesa.transactions')])

<div style="display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:10px;flex-wrap:wrap;">
    @if(auth('admin')->user()?->hasPermission('allocate_mpesa_payments'))
    <form method="POST" action="{{ route('admin.mpesa.verify-receipt') }}" style="display:flex;gap:6px;">
        @csrf
        <input type="text" name="receipt" class="form-control input-sm" placeholder="{{ __('mpesa::mpesa.admin.lookup_placeholder') }}" maxlength="10" style="width:220px;font-family:monospace;text-transform:uppercase;" required>
        <button class="btn btn-default btn-sm">{{ __('mpesa::mpesa.admin.lookup') }}</button>
    </form>
    @endif
    <a href="{{ route('admin.mpesa.transactions.export', request()->query()) }}" class="btn btn-default btn-sm"><i class="fas fa-download"></i> {{ __('mpesa::mpesa.admin.export_csv') }}</a>
</div>

<div class="card" style="overflow-x:auto;">
    <table class="data-table">
        <thead><tr>
            <th>#</th>
            <th>{!! $filters->sortLink('receipt', __('mpesa::mpesa.admin.receipt')) !!}</th>
            <th>{!! $filters->sortLink('transacted_at', __('mpesa::mpesa.admin.paid_at')) !!}</th>
            <th>{!! $filters->sortLink('amount', __('mpesa::mpesa.admin.amount_kes')) !!}</th>
            <th>{{ __('mpesa::mpesa.admin.payer') }}</th>
            <th>{{ __('mpesa::mpesa.admin.reference') }}</th>
            <th>{{ __('common.table.client') }} / {{ __('mpesa::mpesa.admin.invoice') }}</th>
            <th>{{ __('mpesa::mpesa.admin.status') }}</th>
            <th>{{ __('mpesa::mpesa.admin.allocation') }}</th>
            <th>{{ __('mpesa::mpesa.admin.reversal') }}</th>
        </tr></thead>
        <tbody>
        @forelse($transactions as $tx)
            <tr>
                <td style="color:#999;font-size:12px;">{{ $tx->id }}</td>
                <td><a href="{{ route('admin.mpesa.transactions.show', $tx) }}" style="font-family:monospace;font-weight:600;">{{ $tx->receipt }}</a>
                    <div style="font-size:11px;color:#999;">{{ $tx->source }} · {{ $tx->shortcode }}@if($tx->environment !== 'production') · {{ $tx->environment }}@endif</div></td>
                <td style="font-size:12px;white-space:nowrap;">{{ $tx->transacted_at?->format('Y-m-d H:i') ?? $tx->created_at->format('Y-m-d H:i') }}</td>
                <td style="white-space:nowrap;">{{ Money::format(Money::minor($tx->amount)) }}</td>
                <td style="font-size:12px;">{{ $tx->payer_name }}<div style="color:#999;font-family:monospace;">{{ $tx->msisdn_masked }}</div></td>
                <td style="font-family:monospace;font-size:12px;">{{ $tx->bill_reference ?: '—' }}</td>
                <td style="font-size:12px;">
                    @if($tx->client)<a href="{{ route('admin.clients.show', $tx->client_id) }}">{{ $tx->client->full_name }}</a>@endif
                    @foreach($tx->activeAllocations as $a)
                        <div><a href="{{ route('admin.invoices.show', $a->invoice_id) }}">#{{ $a->invoice?->invoice_num ?: $a->invoice_id }}</a></div>
                    @endforeach
                </td>
                <td>@include('mpesa::admin._badge', ['value' => $tx->status, 'group' => 'tx_status'])</td>
                <td>@include('mpesa::admin._badge', ['value' => $tx->allocation_status, 'group' => 'allocation'])@if($tx->escalated) <i class="fas fa-flag" style="color:#c0392b;" title="{{ __('mpesa::mpesa.admin.escalated_flag') }}"></i>@endif</td>
                <td>@if($tx->reversal_status !== 'none')@include('mpesa::admin._badge', ['value' => $tx->reversal_status, 'group' => 'reversal_status'])@else<span style="color:#ccc;">—</span>@endif</td>
            </tr>
        @empty
            <tr><td colspan="10" style="text-align:center;color:#999;padding:30px;">{{ __('mpesa::mpesa.admin.no_transactions') }}</td></tr>
        @endforelse
        </tbody>
    </table>
    @if($transactions->hasPages())<div style="padding:10px 15px;">{{ $transactions->links() }}</div>@endif
</div>
@endsection