@extends('mainlayout.layout')

@section('title')
Miliki | Transaction Logs
@endsection

@section('content')

<!-- start page title -->
<div class="row">
    <div class="col-12">
        <div class="page-title-box d-flex align-items-center justify-content-between">
            <h4 class="mb-0 font-size-18">
                Transaction Logs &mdash; Plot No: {{ $plot->plotnumber }} of
                <a href="/property/show/@encrypt($property->id)">
                    <span style="color:green">[ {{ $property->name }} ]</span>
                </a>
            </h4>
            <a href="/property/plotshow/@encrypt($plot->id)" class="btn btn-secondary btn-sm">
                <i class="bx bx-arrow-back align-middle mr-1"></i> Back to Plot
            </a>
        </div>
    </div>
</div>
<!-- end page title -->

<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body">

                @if($referenceid)
                <div class="mb-3">
                    <strong>Order Reference:</strong> {{ $referenceid }}
                </div>
                @else
                <div class="alert alert-warning">
                    No active order found for this plot. Transaction logs are unavailable.
                </div>
                @endif

                <div class="table-responsive">
                    <table id="datatable-buttons" class="table table-striped table-bordered dt-responsive nowrap"
                        style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Transaction ID</th>
                                <th>Transaction Type</th>
                                <th>Status Code</th>
                                <th>Status Description</th>
                                <th>MSISDN</th>
                                <th>Amount</th>
                                <th>Source Institution</th>
                                <th>Source Account</th>
                                <th>IP</th>
                                <th>Device</th>
                                <th>Created At</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($transactionLogs as $index => $log)
                            <tr>
                                <td>{{ ++$index }}</td>
                                <td>{{ $log->transationid }}</td>
                                <td>{{ $log->transactiontype }}</td>
                                <td>{{ $log->statuscode }}</td>
                                <td>{{ $log->statusdescription }}</td>
                                <td>{{ $log->msisdn }}</td>
                                <td>{{ $log->amount }}</td>
                                <td>{{ $log->sourceInstitution }}</td>
                                <td>{{ $log->sourceAccount }}</td>
                                <td>{{ $log->ip }}</td>
                                <td>{{ $log->device }}</td>
                                <td>{{ $log->created_at }}</td>
                            </tr>
                            @empty
                            <tr>
                                <td colspan="12" class="text-center">No transaction logs found for this order reference.</td>
                            </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>

            </div>
        </div>
    </div>
</div>

@endsection