@extends('layouts.app')

@section('content')
    <div class="container col-12 col-md-10 pt-2">
        <div class="jumbotron p-3">
            <h3 class="text-center mb-2">Sejarah Transaksi</h3>
            <h5 class="text-center text-secondary">{{ count($trx) }} Transaksi ditemui</h5>
        </div>

        @if ($trx->isEmpty())
            <div class="alert alert-info text-center" role="alert">
                Tiada transaksi ditemui
            </div>
        @else
        <div class="table-responsive">
            <table class="table table-striped table-bordered">
                <thead class="thead-dark">
                    <tr>
                        <th class="text-center">Masa Transaksi</th>
                        <th class="text-center">Maklumat Transaksi</th>
                        <th class="text-center">Keterangan</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($trx as $transaction)
                        <tr>
                            <td class="text-center">{{ $transaction->trx_transaction_time }}</td>
                            <td class="text-left">
                                <div class="container">
                                    <div class="row">
                                        <div class="col">
                                            <b>No. Rujukan</b><br> 
                                            {{ $transaction->trx_ref }}
                                        </div>
                                        <div class="col">
                                            <b>Nilai (RM)</b><br> 
                                            {{ number_format($transaction->trx_amount, 2)}}
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col">
                                            <b>Keterangan Transaksi</b><br> 
                                            {{ $transaction->trx_description }}
                                        </div>
                                        <div class="col">
                                            <b>No. Akaun</b><br> 
                                            {{ $transaction->account_no}}
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col">
                                            <b>Cara Bayar</b><br> 
                                            {{ $transaction->payment_method }}
                                        </div>
                                        <div class="col">
                                            <b>Status Transaksi</b><br> 
                                            @if($transaction->transaction_status == 'SUCCESS')
                                            <p class="text-success">Transaksi Berjaya</p>
                                            @else
                                            <p class="text-danger">Transaksi Gagal</p>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </td>
                            <td class="text-center">
                                <a href="{{ route('transaction.show', ['trx' => $transaction->trx_ref]) }}"
                                    class="btn text-white col-12" style="background-color: #343a40;"><i
                                        class="bi bi-eye"></i> Lihat</a>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
            <!-- Pagination links -->
            <div class="d-flex justify-content-center my-3">
                <a class="btn btn-secondary mr-2" href="{{ $trx->previousPageUrl() }}"
                    @if (!$trx->previousPageUrl()) style="pointer-events: none; opacity: 0.5;" @endif>
                    Sebelumnya
                </a>
                <div class="d-flex justify-content-center">
                    @if ($trx->previousPageUrl())
                        <a class="btn btn-secondary mr-2" href="{{ $trx->previousPageUrl() }}">
                            {{ $trx->currentPage() - 1 }}
                        </a>
                    @endif
                    <span class="btn btn-primary mr-2">{{ $trx->currentPage() }}</span>
                    @if ($trx->nextPageUrl())
                        <a class="btn btn-secondary mr-2" href="{{ $trx->nextPageUrl() }}">
                            {{ $trx->currentPage() + 1 }}
                        </a>
                    @endif
                </div>
                <a class="btn btn-secondary" href="{{ $trx->nextPageUrl() }}"
                    @if (!$trx->nextPageUrl()) style="pointer-events: none; opacity: 0.5;" @endif>
                    Seterusnya
                </a>
            </div>
        @endif
             <a href="{{ url('/') }}" class="btn btn-primary mr-2">
                <i class="fa fa-home"></i> Utama
            </a>
        <a href="{{ url()->previous() }}" class="btn btn-warning">&#x25C0; &nbsp;Kembali</a>
    </div>
@endsection