@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: 100px;" src="{{ asset('img/orijin-logo.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_temp->trx_date }} </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 Dibayar
                                (RM)</label>
                            <div class="col-md-8">
                                <span class="form-control-plaintext font-weight-bold" id="nilai">{{ $trx_temp->total_sale_amount }}
                                </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 Dibatalkan
                                (RM)</label>
                            <div class="col-md-8">
                                <span class="form-control-plaintext font-weight-bold" id="nilai">{{ $trx_temp->total_void_amount }}
                                </span>
                            </div>
                        </div>
                        <div class="form-group row mb-0">
                            <label for="bank" class="col-md-4 col-form-label text-md-right ">Terminal ID</label>
                            <div class="col-md-8">
                                <span class="form-control-plaintext font-weight-bold"
                                    id="bank">{{ $trx_temp->tid }}</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">{{ $trx_temp->trx_type }} </span>
                            </div>
                        </div>
                        <div class="form-group row mb-0">
                            <label for="nama_pembayar" class="col-md-4 col-form-label text-md-right ">Batch No.</label>
                            <div class="col-md-8">
                                <span class="form-control-plaintext font-weight-bold"
                                    id="nama_pembayar">{{ $trx_temp->batch_no }} </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 ">No
                                Rujukan Transaksi</label>
                            <div class="col-md-8">
                                <span class="form-control-plaintext font-weight-bold" id="fpx">{{ $trx_temp->trx_ref }}
                                </span>
                            </div>
                        </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_temp->status == '1')
                            <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('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