@extends('layouts.app')

@section('content')
    <style>
        @media print {
            #buttondiv {
                display: none;
            }
        }
    </style>
    <div class="container py-3 col-8">
        <div class="card my-4">
            <div class="card">
                <div class="card-header text-white" style="background-color: #343a40">
                    <div class="row justify-content-between align-items-center">
                        <div class="col text-center">
                            <h4 class="mb-0">Senarai Transaksi Kaunter - {{ $pusat->description }}</h4>
                        </div>
                    </div>
                </div>
                <div class="card-body pb-1">
                    <h5 class="text-center"> Keterangan Transaksi </h5>
                    <table class="table table-bordered table-sm">
                        <thead class="text-center">
                            <tr>
                                <th>Bil.</th>
                                <th>Jenis Transaksi</th>
                                <th>Jenis Kad</th>
                                <th>Bilangan Transaksi</th>
                                <th>Jumlah Transaksi (RM)</th>
                            </tr>
                        </thead>
                        <tbody>
                            @php $count = 1 @endphp
                            @foreach ($closed_detail as $transaction)
                                <tr class="text-center">
                                    <td><b>{{ $count++ }}.</b></td>
                                    <td>{{ $transaction->trx_type }}</td>
                                    <td>{{ $transaction->card_type }}</td>
                                    <td>{{ $transaction->count }}</td>
                                    <td>{{ number_format($transaction->amount, 2) }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>

                <div class="card-body pb-1">
                    <div class="table-responsive">
                        <table class="table table-striped">
                            <thead class="text-center">
                                <tr>
                                    <th>Bil.</th>
                                    <th>No. Rujukan Transaksi</th>
                                    <th>Masa Transaksi</th>
                                    <th>Nilai (RM)</th>
                                    <th>Cara Bayar</th>
                                    <th>ID Terminal</th>
                                    <th>Diproses oleh</th>
                                    <th class="col-1">Status</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php $count = 1 @endphp
                                @foreach ($trxKaunter as $transaction)
                                    <tr class="text-center">
                                        <td><b>{{ $count++ }}.</b></td>
                                        <td>{{ $transaction->trx_ref }}</td>
                                        <td>{{ $transaction->transaction_time }}</td>
                                        <td>{{ number_format($transaction->amount, 2) }}</td>
                                        <td>{{ $transaction->payment_method }}</td>
                                        <td>{{ $transaction->edc_code }} - {{ $transaction->edc_bankcode }}</td>
                                        <td>{{ $transaction->submitted_by }}</td>
                                        <td>{{ $transaction->closing_status }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <button onclick="window.print()" class="text-white my-3 mb-2 btn btn-info btn-round btn-block"
                id="buttondiv">Cetak
                <i class="fas fa-print"></i></button>
        </div>
        <a href="{{ url()->previous() }}" class="btn btn-outline-danger col-3 py-2" id="buttondiv">Kembali</a>
    </div>
@endsection