@extends('layouts.admin_dynamic')

@section('content')
<div class="content-wrapper">
    <!-- Content Header -->
    <section class="content-header m-3">
        <h1>Smart Meter Transactions</h1>
    </section>

    <!-- Main content -->
    <section class="content">
        <div class="row">
            <div class="col-xs-12">
                <div class="box box-success">
                    
                    <!-- Filter Section -->
                    <div class="box-header">
                   
                    </div>

                    <!-- Table Section -->
                    <div class="box-body">
                        @if (session('success'))
                            <div class="alert alert-success">{{ session('success') }}</div>
                        @endif

                        <table class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th>Transaction ID</th>
                                    <th>Meter No</th>
                                    <th>Customer</th>
                                    <th>Bill Ref</th>
                                    <th>Amount</th>
                                    <th>Status</th>
                                    <th>Date</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($transactions as $txn)
                                    <tr>
                                        <td>{{ $txn->id }}</td>
                                        <td>{{ $txn->meter->meter_number ?? '-' }}</td>
                                        <td>{{ $txn->meter->customer->name ?? '-' }}</td>
                                        <td>{{ $txn->bill_ref_number }}</td>
                                        <td>{{ number_format($txn->amount, 2) }}</td>
                                        <td>
                                            <span class="label {{ $txn->status == 'SUCCESS' ? 'label-success' : 'label-danger' }}">
                                                {{ $txn->status }}
                                            </span>
                                        </td>
                                        <td>{{ $txn->created_at->format('d/m/Y H:i') }}</td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="7" class="text-center">No transactions found.</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>

                        <!-- Pagination -->
                        <div class="text-center">
                            {{ $transactions->appends(request()->all())->links() }}
                        </div>
                    </div><!-- /.box-body -->
                </div><!-- /.box -->
            </div>
        </div>
    </section>
</div>
@endsection