@extends("partnerportal.layouts.layout")

@section("title", trans("message_lang.LBL_CASH_PICKUP_TXNS"))

@section("page_style")
<link rel="stylesheet" type="text/css" href="{{ url('dist/assets/plugins/custom/datatables/datatables.bundle.css') }}">
<link rel="stylesheet" type="text/css" href="{{ url('css/select2.min.css') }}">
<style type="text/css">
    .select2-container--default .select2-selection--single {
        min-height: 38px;
        max-height: 38px;
    }
</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">
            <!--begin::Card-->
            <div class="card card-custom">
                <div class="card-header">
                    <div class="card-title">
                        <h3 class="card-label">{{ trans("message_lang.LBL_MY_TXNS_DETAILS") }} <strong>({{ $transaction->pickup_code }})</strong></h3>
                    </div>
                    <div class="card-toolbar">
                        <!--begin::Button-->
                            <a href="{{ route('partnerportal.transactions.cashpickup') }}" class="btn btn-primary font-weight-bolder">{{ trans('message_lang.BTN_BACK') }}</a>
                        <!--end::Button-->
                    </div>
                </div>
                <div class="card-body">

                    <!--begin: searchDetails-->
                    <div class="p-4 mb-3">

                        <div class="row m-3">

                            <!-- txn info -->
                            <div class="col-12 col-lg-6 shadow-xs">

                                <!-- info header -->
                                <div class="p-2" style="border-bottom: 1px solid whitesmoke">
                                    <h4>{{ trans('message_lang.LBL_SENDER_DETAILS') }}</h4>
                                </div>
                                <!-- end info header -->
                                <!-- info body -->
                                <div class="p-2">
                                    <table class="table table-borderless table-sm">
                                        <tbody>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_FULL_NAME') }}</td>
                                                <th>{{ $sender->first_name .((isset($sender->middle_name) && trim($sender->middle_name) != '') ? " ".$sender->middle_name : '')." " . $sender->last_name }}</th>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_COUNTRY') }}</td>
                                                <th>{{ $sender->country_code }}</th>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_CITY') }}</td>
                                                <th>{{ $sender->city }}</th>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_ADDRESS') }}</td>
                                                <th>{{ $sender->address }}</th>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_PHONE_NUMBER') }}</td>
                                                <th>{{ $sender->phone_number }}</th>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_STATE_NAME') }}</td>
                                                <th>{{ $sender->state }}</th>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_ZIPCODE') }}</td>
                                                <th>{{ $sender->zip }}</th>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <!-- end info body -->
                            </div>
                            <!-- end txn info -->

                            <!-- txn info -->
                            <div class="col-12 col-lg-6 shadow-xs">
                                <!-- info header -->
                                <div class="p-2" style="border-bottom: 1px solid whitesmoke">
                                    <h4>{{ trans('message_lang.LBL_BNF_DETAILS') }}</h4>
                                </div>
                                <!-- end info header -->
                                <!-- info body -->
                                <div class="p-2">
                                    <table class="table table-borderless table-sm">
                                        <tbody>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_FULL_NAME') }}</td>
                                                <th>{{ $receiver->first_name .((isset($receiver->middle_name) && trim($receiver->middle_name) != '') ? " ".$receiver->middle_name : '')." " . $receiver->last_name }}</th>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_COUNTRY') }}</td>
                                                <th>{{ $receiver->country_code }}</th>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_CITY') }}</td>
                                                <th>{{ $receiver->city }}</th>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_ADDRESS') }}</td>
                                                <th>{{ $receiver->address }}</th>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_PHONE_NUMBER') }}</td>
                                                <th>{{ $receiver->phone_number }}</th>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_STATE_NAME') }}</td>
                                                <th>{{ $receiver->state }}</th>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_ZIPCODE') }}</td>
                                                <th>{{ $receiver->zip }}</th>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <!-- end info body -->
                            </div>
                            <!-- end txn info -->

                        </div>

                        <!-- row 2 -->
                        <div class="row m-3">

                            <!-- txn info -->
                            <div class="col-12 col-lg-6 shadow-xs">
                                <!-- info header -->
                                <div class="p-2" style="border-bottom: 1px solid whitesmoke">
                                    <h4>{{ trans('message_lang.LBL_MY_TXNS_DETAILS') }}</h4>
                                </div>
                                <!-- end info header -->
                                <!-- info body -->
                                <div class="p-2">
                                    <table class="table table-borderless table-sm" id="transactionDetails-card">
                                        <tbody>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_PICKUP_CODE') }}</td>
                                                <th>{{ $transaction->pickup_code }}</th>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_SENDING_AMOUNT') }}</td>
                                                <th>{{ $transaction->sending_amount . " (". $transaction->sending_currency .")" }}</th>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_RECEIVING_AMOUNT') }}</td>
                                                <th>{{ $transaction->receiving_amount . " (". $transaction->receiving_currency .")" }}</th>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_RECEIVING_OPTION_CODE') }}</td>
                                                <th>{{ $transaction->receiving_option_code }}</th>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_ACCOUNT_NUMBER') }}</td>
                                                <th>{{ $transaction->account_number }}</th>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_PARTNER_REFERENCE_NUMBER') }}</td>
                                                <th>{{ $transaction->partner_reference1 }}</th>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_CREATED_AT') }}</td>
                                                <th>{{ $transaction->date }}</th>
                                            </tr>
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_TYPE') }}</td>
                                                <th>{{ $transaction->is_sent == 1 ? 'SENDING' : 'RECEIVE' }}</th>
                                            </tr>
                                            @if ($transaction->partner == "BNBEU" && $transaction->is_sent == 1)
                                                <tr>
                                                    <td>{{ trans('message_lang.LBL_SENDER_PAYMENT_STATUS') }}</td>
                                                    <th>{{ str_replace("_", " ", $transaction->payment_status) }}</th>
                                                </tr>
                                            @endif
                                            <tr>
                                                <td>{{ trans('message_lang.LBL_TRANSFER_STATUS') }}</td>
                                                <th>{{ str_replace("_", " ", $transaction->status) }}</th>
                                            </tr>

                                            
                                        </tbody>
                                    </table>
                                </div>
                                <!-- end info body -->
                            </div>
                            <!-- end txn info -->

                            <!-- txn info -->
                            <div class="col-12 col-lg-6 shadow-xs">
                                <!-- info header -->
                                <div class="p-2" style="border-bottom: 1px solid whitesmoke">
                                    <h4>{{ trans('message_lang.LBL_CODE_MODIFY_HIST') }}</h4>
                                </div>
                                <!-- end info header -->
                                <!-- info body -->
                                <div class="p-2 table-responsive" style="overflow: auto">
                                    <table class="table table-bordered table-sm">
                                        <thead>
                                            <tr>
                                                <th>{{ trans('message_lang.LBL_ACTION') }}</th>
                                                <th>{{ trans('message_lang.LBL_PARTNER_COMPANY') }}</th>
                                                <th>{{ trans('message_lang.LBL_PARTNER_COMPANY_USER') }}</th>
                                                <th>{{ trans('message_lang.LBL_PARTNER_COMPANY_USERID') }}</th>
                                                <th>{{ trans('message_lang.LBL_DATE') }}</th>
                                            </tr>
                                        </thead>
                                        <tbody id="txn_hist_data" style="font-size: 13px">
                                            @foreach ($txnHistory as $history)
                                            <tr>
                                                <td>{{ $history->action }}</td>
                                                <td>{{ $history->user }}</td>
                                                <td>{{ $history->officer }}</td>
                                                <td>{{ $history->officer_id }}</td>
                                                <td>{{ $history->lastUpdated }}</td>
                                            </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                                <!-- end info body -->
                            </div>
                            <!-- end txn info -->
                        </div>
                    </div>
                    <!--end: searchDetails-->
                </div>
            </div>
            <!--end::Card-->
        </div>
        <!--end::Container-->
    </div>
    <!--end::Entry-->
</div>
@endsection