@extends('mainlayout.layout')
@section('title', config('app.name') . ' | Transactions')
@push('css')
<link href="{{ asset('/web/assets/css/property-screens.css') }}?v=1" rel="stylesheet">
<link href="{{ asset('/web/assets/css/management-screens.css') }}?v=1" rel="stylesheet">
@endpush
@section('content')
<main class="portal-workspace portal-light-type property-workspace management-workspace">
    <header class="portal-page-header"><div><span class="portal-eyebrow">Payment activity</span><h1>Transactions</h1><p>Review payments, receipts and the orders they belong to.</p></div></header>
    @include('superadmin.property.partials.workspace_feedback')
    <section class="portal-kpi-grid portal-kpi-grid--three" aria-label="Transaction summary">
        <article class="portal-kpi-card"><span class="portal-kpi-icon"><i class="bx bx-transfer" aria-hidden="true"></i></span><span class="portal-kpi-label">Matching Transactions</span><strong>{{ number_format($metrics['total']) }}</strong><small>Across all result pages</small></article>
        <article class="portal-kpi-card pw-blue"><span class="portal-kpi-icon"><i class="bx bx-wallet" aria-hidden="true"></i></span><span class="portal-kpi-label">Recorded Amount Paid</span><strong>{{ number_format((float) $metrics['amount']) }}</strong><small>TZS · matching transactions</small></article>
        <article class="portal-kpi-card pw-purple"><span class="portal-kpi-icon"><i class="bx bx-check-circle" aria-hidden="true"></i></span><span class="portal-kpi-label">Successful Transactions</span><strong>{{ number_format($metrics['success']) }}</strong><small>Matching successful payments</small></article>
    </section>
    <section class="portal-card pw-section"><div class="pw-section-heading"><span class="pw-icon"><i class="bx bx-filter-alt" aria-hidden="true"></i></span><div><h2>Filter Transactions</h2><p>Find payments by phone, order reference or date range.</p></div></div>
        <form method="GET" action="/transactions/view_transaction"><input type="hidden" name="per_page" value="{{ $transactions->perPage() }}"><div class="pw-fields pw-filter-fields">
            @foreach(['msisdn' => ['Phone number', 'text'], 'referenceid' => ['Order reference', 'text'], 'start_date' => ['Start date', 'date'], 'end_date' => ['End date', 'date']] as $name => $field)<div class="pw-field"><label for="filter-{{ $name }}">{{ $field[0] }}</label><input id="filter-{{ $name }}" name="{{ $name }}" type="{{ $field[1] }}" class="form-control @error($name) is-invalid @enderror" value="{{ request($name) }}">@error($name)<div class="invalid-feedback">{{ $message }}</div>@enderror</div>@endforeach
        </div><div class="pw-footer mb-0 pb-0"><a href="/transactions/view_transaction" class="btn btn-mlk-outline">Reset</a><button class="btn btn-mlk-primary" type="submit"><i class="bx bx-search" aria-hidden="true"></i> Apply Filters</button></div></form>
    </section>
    <section class="portal-card" id="transactions"><div class="portal-card-header"><div><h2>Payment Transactions</h2><p>Amounts, payment sources and recorded statuses.</p></div><span class="portal-status pw-neutral">{{ number_format($transactions->total()) }} results</span></div>
        <div class="table-responsive"><table class="table portal-table pw-log-table"><thead><tr><th scope="col"># / Transaction</th><th scope="col">Order reference</th><th scope="col">Phone / Paid by</th><th scope="col">Receipt</th><th scope="col">Amount paid (TZS)</th><th scope="col">Type / Source</th><th scope="col">Date</th><th scope="col">Status</th><th scope="col">Action</th></tr></thead><tbody>
            @forelse($transactions as $index => $transaction)<tr><td>{{ $transactions->firstItem() + $index }}<small>{{ $transaction->transactionId ?: '#' . $transaction->id }}</small></td><td>@if($transaction->order)<a href="/property/orders/view/@encrypt($transaction->order->id)">{{ $transaction->reference }}</a>@else{{ $transaction->reference ?: '—' }}@endif</td><td>{{ $transaction->msisdn ?: '—' }}</td><td>{{ $transaction->receipt ?: '—' }}</td><td>{{ number_format((float) $transaction->amount_paid) }}</td><td>{{ $transaction->trans_type ?: '—' }}<small>{{ $transaction->sourceInstitution ?: 'Source not provided' }}</small></td><td>{{ $transaction->date ?: '—' }}</td><td><span class="portal-status {{ (int) $transaction->status === 1 ? 'pw-success' : ((int) $transaction->status === 0 ? 'pw-warning' : 'pw-danger') }}">{{ $transaction->status_description ?: ((int) $transaction->status === 1 ? 'Success' : 'Not provided') }}</span></td><td>@if($transaction->order)<a class="pw-table-link" href="/property/orders/view/@encrypt($transaction->order->id)">View Order <i class="bx bx-right-arrow-alt" aria-hidden="true"></i></a>@else — @endif</td></tr>
            @empty<tr><td colspan="9"><div class="pw-empty"><i class="bx bx-transfer" aria-hidden="true"></i><h2>No transactions found</h2><p>Try changing the phone number, order reference or dates.</p></div></td></tr>@endforelse
        </tbody></table></div>
        @include('superadmin.property.partials.workspace_pagination', ['paginator' => $transactions, 'label' => 'transactions', 'section' => 'transactions'])
    </section>
</main>
@endsection
@push('scripts')
<script src="{{ asset('/web/assets/js/pages/property-screens.js') }}?v=1"></script>
<script src="{{ asset('/web/assets/js/pages/management-screens.js') }}?v=1"></script>
@endpush