@extends('mainlayout.layout')
@section('title', config('app.name') . ' | Transaction Logs')
@push('css')
<link href="{{ asset('/web/assets/css/property-screens.css') }}?v=1" rel="stylesheet">
@endpush
@section('content')
<main class="portal-workspace portal-light-type property-workspace">
    <header class="portal-page-header"><div><a class="portal-back-link" href="/property/plotshow/@encrypt($plot->id)"><i class="bx bx-arrow-back" aria-hidden="true"></i> Back to plot</a><span class="portal-eyebrow">Payment activity</span><h1>Transaction Logs</h1><p>Plot {{ $plot->plotnumber }} · {{ $property->name }}</p></div>@if($order)<div class="pw-actions"><a href="/property/orders/view/@encrypt($order->id)" class="btn btn-mlk-outline"><i class="bx bx-receipt" aria-hidden="true"></i> View Order</a></div>@endif</header>
    @include('superadmin.property.partials.workspace_feedback')
    <section class="portal-kpi-grid portal-kpi-grid--three" aria-label="Transaction log summary">
        <article class="portal-kpi-card"><span class="portal-kpi-icon"><i class="bx bx-history" aria-hidden="true"></i></span><span class="portal-kpi-label">Recorded Logs</span><strong>{{ number_format($logCount) }}</strong><small>All logs for this order</small></article>
        <article class="portal-kpi-card pw-blue"><span class="portal-kpi-icon"><i class="bx bx-receipt" aria-hidden="true"></i></span><span class="portal-kpi-label">Order Reference</span><strong>{{ $referenceid ?: '—' }}</strong><small>Plot {{ $plot->plotnumber }}</small></article>
        <article class="portal-kpi-card pw-purple"><span class="portal-kpi-icon"><i class="bx bx-wallet" aria-hidden="true"></i></span><span class="portal-kpi-label">Order Value</span><strong>{{ $order ? number_format((float) $order->amount) : '—' }}</strong><small>TZS</small></article>
    </section>
    <section class="portal-card" id="logs" aria-labelledby="logs-title">
        <div class="portal-card-header"><div><h2 id="logs-title">Transaction Activity</h2><p>Review transaction responses, payment sources and device details.</p></div>
            <form method="GET" class="pw-table-tools"><input type="hidden" name="per_page" value="{{ $transactionLogs->perPage() }}"><input type="search" name="q" value="{{ $search }}" placeholder="Search transaction logs" aria-label="Search transaction logs" maxlength="100"><button type="submit" class="btn btn-mlk-primary">Search</button>@if($search !== '')<a href="{{ request()->url() }}?per_page={{ $transactionLogs->perPage() }}" class="btn btn-mlk-outline">Clear</a>@endif</form>
        </div>
        <div class="table-responsive"><table class="table portal-table pw-log-table"><thead><tr><th scope="col">#</th><th scope="col">Transaction / Type</th><th scope="col">Status / Code</th><th scope="col">Phone (MSISDN)</th><th scope="col">Amount (TZS)</th><th scope="col">Source / Account</th><th scope="col">Device / IP</th><th scope="col">Created</th></tr></thead><tbody>
            @forelse($transactionLogs as $index => $log)<tr><td>{{ $transactionLogs->firstItem() + $index }}</td><td>{{ $log->transationid ?: '—' }}<small>{{ $log->transactiontype ?: 'Type not provided' }}</small></td><td>{{ $log->statusdescription ?: '—' }}<small>Code: {{ $log->statuscode ?? '—' }}</small></td><td>{{ $log->msisdn ?: '—' }}</td><td>{{ $log->amount !== null ? number_format((float) $log->amount, 2) : '—' }}</td><td>{{ $log->sourceInstitution ?: '—' }}<small>{{ $log->sourceAccount ?: 'Account not provided' }}</small></td><td>{{ $log->device ?: '—' }}<small>{{ $log->ip ?: 'IP not provided' }}</small></td><td>{{ optional($log->created_at)->format('M d, Y H:i') ?: '—' }}</td></tr>
            @empty<tr><td colspan="8"><div class="pw-empty"><i class="bx bx-history" aria-hidden="true"></i><h2>{{ !$order ? 'No active order' : ($search !== '' ? 'No matching logs' : 'No transaction logs') }}</h2><p>{{ !$order ? 'Transaction logs will appear when this plot has an order.' : ($search !== '' ? 'Try another transaction ID, status, phone or payment source.' : 'No transaction logs have been recorded for this order reference.') }}</p></div></td></tr>@endforelse
        </tbody></table></div>
        @include('superadmin.property.partials.workspace_pagination', ['paginator' => $transactionLogs, 'label' => 'logs', 'section' => 'logs'])
    </section>
</main>
@endsection
@push('scripts')
<script src="{{ asset('/web/assets/js/pages/property-screens.js') }}?v=1"></script>
@endpush