@extends("agentportal.layouts.layout")

@section("title", "MoneyGram Paid Transaction")

@section("page_style")
<link rel="stylesheet" type="text/css" href="{{ url('dist/assets/plugins/custom/datatables/datatables.bundle.css') }}">
<style type="text/css">
    .show-table.table.table-sm.table-borderless td { text-align: left; }
    .show-table.table td:first-child { width:35%; }
    .refund-btn {max-width: 200px;}
</style>
@endsection

<div id="loading"  style="display:none;">
    <div id="image-loader">
        <img  src="{{ url('img/loading.gif')}}" alt="Loading..." />
    </div>
</div>

@section("content")
<div class="content d-flex flex-column flex-column-fluid" id="kt_content">
    <!--begin::Entry-->
    <div class="d-flex flex-column-fluid">
        <!--begin::Container-->
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="card card-custom gutter-b">
                        <div class="card-header">
                            <div class="card-title">
                                <h3 class="card-label">
                                    {{ trans('message_lang.LBL_MONEYGRAM_CASHAPP_PAID_TXNS') }}
                                </h3>
                            </div>
                            <div class="card-toolbar">
                                <a href="{{ url()->previous() }}"class="btn btn-primary font-weight-bolder">{{ trans('message_lang.BTN_BACK') }}</a>
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="">
                                <div class="row">
                                    <div class="col-md-9">
                                        <table class="show-table table table-sm table-borderless">
                                            <tr>
                                                <th colspan="2">{{ trans('message_lang.LBL_SENDER_DETAILS') }}:</th>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_SENDER_NAME') }}:</td>
                                                <td> {{ $mgiTxn->transaction->sender_name?? '-' }} </td>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_COUNTRY') }}:</td>
                                                <td>{{ $mgiTxn->transaction->sending_country_code ?? '-' }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_SENDING_AMOUNT') }}:</td>
                                                <td>{{ number_format($mgiTxn->transaction->sending_amount, 2) ?? '-' }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_SENDING_CURRENCY') }}:</td>
                                                <td>{{ $mgiTxn->transaction->sending_currency ?? '-' }}</td>
                                            </tr>
                                        </table>

                                        <table class="show-table table table-sm table-borderless">
                                            <tr>
                                                <th colspan="2">{{ trans('message_lang.LBL_BNF_DETAILS') }}:</th>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_BENEFICIARY_NAME') }}:</td>
                                                <td>{{ $mgiTxn->transaction->beneficiary_name??'' }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_PHONE_NUMBER') }}:</td>
                                                <td>{{ $mgiTxn->transaction->user->phone_number ?? '-' }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_ADDRESS_ONE') }}:</td>
                                                <td>{{ $mgiTxn->transaction->user->address ?? '-' }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_COUNTRY') }}:</td>
                                                <td>{{ $mgiTxn->receiving_country ?? '-' }}</td>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_GOVERMENT_ID_TYPE') }}:</td>
                                                <td>{{ $mgiTxn->receiver_photo_id_type ?? '-' }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_GOVERMENT_ID_NUMBER') }}:</td>
                                                <td>{{ $mgiTxn->receiver_photo_id_number ?? '-' }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_ISSUING_COUNTRY') }}:</td>
                                                <td>{{ $mgiTxn->receiver_photo_id_country ?? '-' }}</td>
                                            </tr>
                                        </table>



                                        <table class="show-table table table-sm table-borderless">
                                            <tr>
                                                <th colspan="2">{{ trans('message_lang.LBL_MY_TXNS_DETAILS') }}:</th>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_TXN_REF_NO') }}:</td>
                                                <th> {{  $mgiTxn->reference_no }} </th>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_TXN_DATE') }}:</td>
                                                <td>{{ format_date_tz($mgiTxn->created_at) ?? '-' }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_COUNTRY') }}:</td>
                                                <td>{{ $mgiTxn->receiving_country ?? '-' }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_CURRENCY') }}:</td>
                                                <td>{{ $mgiTxn->receiving_currency ?? '-' }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_RECEIVING_AMOUNT') }}:</td>
                                                <td>{{ number_format($mgiTxn->receiving_amount, 2) ?? '-' }}</td>
                                            </tr>

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

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--end::Container-->
    </div>
    <!--end::Entry-->
</div>

@endsection

@section("page_vendors")
<script src="{{ asset('ex_plugins/jquery-validation-1.19.1/dist/jquery.validate.js') }}"></script>
<script src="{{ url('dist/assets/plugins/custom/datatables/datatables.bundle.js') }}"></script>
@endsection

@section("page_script")

<script type="text/javascript">

</script>

@endsection