@extends("SponsoredBanks.layouts.layout")

@section("title", "BnB CashApp 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">
                                    BnB CashApp Transaction
                                </h3>
                            </div>
                            <div class="card-toolbar">
                                <a href="{{"javascript:frames['cashincashout-receipt'].print();"}}" class="btn btn-info btn-lg"><iframe name="cashincashout-receipt" src="{{url('SponsoredBanks/cashincashout/receipt/'.$details->reference)}}" style="display:none;"></iframe><i class="fas fa-print"></i>{{trans('message_lang.BTN_RECEIPT')}}</a>
                                &nbsp;
                                <a href="{{ route('SponsoredBanks.cashincashout.index') }}"class="btn btn-primary btn-lg">{{ 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_BNF_DETAILS') }}:</th>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_BENEFICIARY_NAME') }}:</td>
                                                <td>{{ $details->customer_first_name ?? '' }} {{ $details->customer_last_name ?? ' ' }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_PHONE_NUMBER') }}:</td>
                                                <td>{{ $details->customer_phone_number ?? '-' }}</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>{{ $details->reference ?? '-' }}</th>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_TRANSACTION_TYPE') }}:</td>
                                                <th>{{ isset($details->type) ? $types[$details->type] : '' }}</th>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_TXN_DATE') }}:</td>
                                                <td>{{ $details->date ?? '-' }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_COUNTRY') }}:</td>
                                                <td>{{ $details->country }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_CURRENCY') }}:</td>
                                                <td>{{ $details->currency }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_AMOUNT') }}:</td>
                                                <td>{{ number_format($details->amount, 2) . ' (' . $details->currency . ')' }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_SENDING_FEES') }}:</td>
                                                <td>{{ number_format($details->fees, 2) . ' (' . $details->currency . ')' }}</td>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_TOTAL_AMOUNT') }}:</td>
                                                <th>{{ number_format($details->total, 2) . ' (' . $details->currency . ')' }}</th>
                                            </tr>
                                            <tr class="">
                                                <td>{{ trans('message_lang.LBL_TXN_STATUS') }}:</td>
                                                <th>
                                                    @if($details->status == 'success')
                                                        <span class="badge badge-success">
                                                            {{ trans('message_lang.STATUS_OPTION_SUCCESS') }}
                                                        </span>
                                                    @elseif($details->status == 'failed')
                                                        <span class="badge badge-danger">
                                                            {{ trans('message_lang.STATUS_OPTION_FAILED') }}
                                                        </span>
                                                    @endif
                                                </th>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_LOCATION') }}:</td>
                                                <td>{{ $details->location }} > {{ ($details->agent_first_name ?? '') .' '.($details->agent_last_name ?? '') }}</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