@extends('layouts.app')

@section('content')
    <style>
        @media print {
            #buttondiv {
                display: none;
            }
        }
    </style>
    <div class="d-md-flex align-items-center m-4 p-0 justify-content-center font-weight-normal">

        <!-- <div class="row justify-content-center mb-3"> -->

        <div class="container pt-5 pb-5 justify-content-center bg-white" id="kaunter">
            <!-- <div class="row align-items-center font-weight-bold"> -->
            <div class="row justify-content-center">
                <img class="img-fluid p-3" style="width: auto; height: 150px;" src="{{ asset('img/logospwp.png') }}"
                    border="0">
                <img class="img-fluid p-3" style="width: auto; height: 150px;" src="{{ asset('img/spwp_outline.png') }}"
                    border="0">
            </div>
            <div class="row justify-content-center">

                <div class="card col-md-10 m-0 p-0">
                    <div class="card-header align-middle text-white text-justify pb-1 pt-2 pr-1"
                        style="background-color: #343a40;">
                        <h4>Resit Pembayaran</h4>
                    </div>
                    <div class="card-body">
                        <div class="form-group row mb-0">
                            <label for="masa" class="col-md-4 col-form-label text-md-right ">Masa Transaksi</label>
                            <div class="col-md-8">
                                <span class="form-control-plaintext font-weight-bold"
                                    id="masa">{{ $trx->trx_transaction_time }} </span>
                            </div>
                        </div>
                        <div class="form-group row mb-0">
                            <label for="nilai" class="col-md-4 col-form-label text-md-right ">Nilai Transaksi
                                (RM)</label>
                            <div class="col-md-8">
                                <span class="form-control-plaintext font-weight-bold" id="nilai">{{ $trx->trx_amount }}
                                </span>
                            </div>
                        </div>
                        <div class="form-group row mb-0">
                            <label for="bank" class="col-md-4 col-form-label text-md-right ">Carabayar</label>
                            <div class="col-md-8">
                                <span class="form-control-plaintext font-weight-bold"
                                    id="bank">{{ $trx->payment_method }} {{ $trx->edc_bankcode }}
                                    {{ $trx->request_source == 'K' ? '(Kaunter)' : '' }}</span>
                            </div>
                        </div>
                        <div class="form-group row mb-0">
                            <label for="bank"
                                class="col-md-4 col-form-label text-md-right ">{{ $titles['bankcode'] }}</label>
                            <div class="col-md-8">
                                {{-- <span class="form-control-plaintext font-weight-bold" id="bank" >{{ $trx->bankcode }} </span> --}}
                                {{-- @if ($trx->payment_method == 'QR')
                  <span class="form-control-plaintext font-weight-bold" id="bank" >{{ $trx->qrbank->display_name }} </span>
                  @else --}}
                                <span class="form-control-plaintext font-weight-bold" id="bank">{{ $trx->bankcode }}
                                </span>
                                {{-- @endif --}}
                            </div>
                        </div>
                        <div class="form-group row mb-0">
                            <label for="jenis" class="col-md-4 col-form-label text-md-right ">Jenis Transaksi</label>
                            <div class="col-md-8">
                                <span class="form-control-plaintext font-weight-bold"
                                    id="jenis">{{ $trx->trx_description }} </span>
                            </div>
                        </div>
                        <div class="form-group row mb-0">
                            <label for="nama_pembayar" class="col-md-4 col-form-label text-md-right ">Nama Pembayar</label>
                            <div class="col-md-8">
                                <span class="form-control-plaintext font-weight-bold"
                                    id="nama_pembayar">{{ $trx->user_name }} </span>
                            </div>
                        </div>
                        <div class="form-group row mb-0">
                            <label for="status_semasa" class="col-md-4 col-form-label text-md-right ">Status
                                Transaksi</label>
                            <div class="col-md-8">
                                <span class="form-control-plaintext font-weight-bold"
                                    id="status_semasa">{{ $trx->transaction_status }} </span>
                            </div>
                        </div>
                        <div class="form-group row mb-0">
                            <label for="keterangan" class="col-md-4 col-form-label text-md-right ">Keterangan
                                Transaksi</label>
                            <div class="col-md-8">
                                @if ($trx->transaction_status == 'SUCCESS')
                                    <span class="form-control-plaintext font-weight-bold text-success" id="keterangan">
                                        {{ $trx->eps_transaction_msg }} </span>
                                @elseif ($trx->transaction_status == 'FAIL')
                                    <span class="form-control-plaintext font-weight-bold text-danger" id="keterangan">
                                        {{ $trx->eps_transaction_msg }} </span>
                                @endif
                            </div>
                        </div>
                        <div class="form-group row mb-0">
                            <label for="fpx" class="col-md-4 col-form-label text-md-right font-weight-normal ">No
                                Rujukan Transaksi</label>
                            <div class="col-md-8">
                                <span class="form-control-plaintext font-weight-bold" id="fpx">{{ $trx->trx_ref }}
                                </span>
                            </div>
                        </div>

                        @if ($trx->request_source == 'K')
                            <div class="form-group row mb-0">
                                <label for="fpx"
                                    class="col-md-4 col-form-label text-md-right font-weight-normal ">Pusat Bayaran</label>
                                <div class="col-md-8">
                                    <span class="form-control-plaintext font-weight-bold"
                                        id="fpx">{{ $kaunter->description }} ({{ $kaunter->code }}) </span>
                                </div>
                            </div>
                            <div class="form-group row mb-0">
                                <label for="fpx"
                                    class="col-md-4 col-form-label text-md-right font-weight-normal ">Petugas
                                    Kaunter</label>
                                <div class="col-md-8">
                                    <span class="form-control-plaintext font-weight-bold" id="fpx">
                                        {{ strtoupper($petugas) }} </span>
                                </div>
                            </div>
                        @endif

                        <div class="text-center font-italic font-weight-light mt-2">
                            Sila simpan resit ini untuk rujukan transaksi anda.
                        </div>
                    </div>

                    <!-- </div> -->
                </div>
            </div>
            <div class="row justify-content-center m-3" id="buttondiv">
                <div class="col-md-6 col-md-offset-3">
                    <div class="form-group text-centered">
                        @if ($trx->transaction_status == 'SUCCESS' || $trx->eps_transaction_msg == 'VOID')
                            <button onclick="window.print()" class="text-white mb-2 btn btn-info btn-round btn-block">Cetak
                                <i class="fas fa-print"></i></button>
                        @endif
                        <a href="{{ route('trxlist.void') }}"
                            class="text-white mb-2 btn btn-info btn-round btn-block">Senarai Transaksi</a>
                        <a href="{{ route('home') }}"
                            class="text-white mb-2 btn btn-secondary btn-round btn-block shadow-lg">Menu Utama</a>

                    </div>

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

    </div>
    <!-- </div> -->
@endsection