@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="container pt-5 pb-5 justify-content-center bg-white" id="kaunter">
            <div class="row justify-content-center">
                <img class="img-fluid p-4" style="width: auto; height: 8em;" src="{{ asset('img/logospwp.png') }}"
                    border="0">
                <img class="img-fluid p-4" style="width: auto; height: 8em;" 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 bg-danger text-justify pb-1 pt-2 pr-1" >
                        <h4>Resit Pembayaran Anda</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="payment_method">{{ $trx->payment_method }}</span>
                            </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">{{ $transaction_type->trx_description ?? '' }}</span>
                            </div>
                        </div>
                        <div class="form-group row mb-0">
                            <label for="no_account" class="col-md-4 col-form-label text-md-right ">No. Akaun</label>
                            <div class="col-md-8">
                                <span class="form-control-plaintext font-weight-bold"
                                    id="no_account">{{ $trx->account_no }} </span>
                            </div>
                        </div>
                        <div class="form-group row mb-0">
                            <label for="nama_pembayar" class="col-md-4 col-form-label text-md-right ">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> --}}
                                    @if ($trx->transaction_status == 'SUCCESS')
                                    <span class="form-control-plaintext font-weight-bold text-success" id="status_semasa">
                                        {{ $trx->transaction_status }} </span>
                                @elseif ($trx->transaction_status == 'FAIL')
                                    <span class="form-control-plaintext font-weight-bold text-danger" id="status_semasa">
                                        {{ $trx->transaction_status }} </span>
                                @else
                                <span class="form-control-plaintext font-weight-bold text-secondary" id="status_semasa">
                                    {{ $trx->transaction_status }} </span>
                                @endif
                            </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>
                                @else
                                    <span class="form-control-plaintext font-weight-bold text-danger" id="keterangan">
                                        {{ $trx->eps_transaction_msg }} </span>
                                @endif --}}
                                <span class="form-control-plaintext font-weight-bold" id="keterangan">
                                    {{ $trx->trx_description }} </span>
                            </div>
                        </div>
                        @if ($trx->request_source == 'W')
                            <div class="form-group row mb-0">
                                <label for="fpx"
                                    class="col-md-4 col-form-label text-md-right font-weight-normal ">ID Transaksi EPS</label>
                                <div class="col-md-8">
                                    <span class="form-control-plaintext font-weight-bold"
                                        id="fpx">{{ $trx->eps_transaction_id ?? '-'}}</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 ">ID Transaksi FPX</label>
                                <div class="col-md-8">
                                    <span class="form-control-plaintext font-weight-bold" id="fpx">
                                        {{ $trx->fpx_txn_id ?? '-' }} </span>
                                </div>
                            </div>
                        @endif
                        
                        <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>

                        <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')
                            <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