@extends("AgentNetwork.layouts.layout")

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

@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">
                    <!--begin::Card-->
                    <div class="card card-custom gutter-b example1 example1-compact">
                        <div class="card-header">
                            <h3 class="card-title">
                                {!! trans("message_lang.LBL_REPAYMENT_REQUEST_DETAILS") !!}
                            </h3>
                            <div class="card-toolbar">
                                <a href="{{ url('AgentNetwork/repayment-requests') }}" class="btn btn-primary font-weight-bolder">{{ trans('message_lang.BTN_BACK') }}</a>
                            </div>
                        </div>
                        <!--begin::Form-->
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="card card-custom">
                                        <div class="card-header">
                                            <div class="card-title">
                                                <h3 class="card-label">{!! trans("message_lang.LBL_NETWORK_INFO") !!}</h3>
                                            </div>
                                        </div>
                                        <div class="card-body">
                                            <table class="table table-sm table-borderless">
                                                <tr>
                                                    <td>{!! trans("message_lang.LBL_REPAYMENT_AMOUNT") !!}:</td>
                                                    <th>{{ $details->amount ? number_format($details->amount, 2) : '' }} {{ $details->amount ? @$details->currency : '' }}</th>
                                                </tr>
                                                <tr>
                                                    <td>{!! trans("message_lang.LBL_NETWORK_BALANCE") !!}:</td>
                                                    <th>{{ ($details->agentNetwork != null & $details->agentNetwork->agentAccounts != null) ? number_format($details->agentNetwork->agentAccounts->balance, 2) : '' }} {{ $details->agentNetwork->country != null ? @$details->agentNetwork->country->currency : '' }}</th>
                                                </tr>
                                                <tr>
                                                    <td>{!! trans("message_lang.LBL_NETWORK_USER") !!}:</td>
                                                    <th>{{ _set_dash(@$details->agentNetworkUser->first_name . ' ' . @$details->agentNetworkUser->last_name) }}</th>
                                                </tr>
                                                <tr>
                                                    <td>{!! trans("message_lang.LBL_DATE") !!}:</td>
                                                    <th>{{ _set_dash(@$details->created_at) }}</th>
                                                </tr>
                                                <tr>
                                                    <td>{!! trans("message_lang.LBL_COMMENTS") !!}:</td>
                                                    <th>{{ _set_dash(@$details->comment) }}</th>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="card card-custom">
                                        <div class="card-header">
                                            <div class="card-title">
                                                <h3 class="card-label">{!! trans("message_lang.LBL_REPAYMENT_INFO") !!}</h3>
                                            </div>
                                            <div class="card-toolbar">

                                            </div>
                                        </div>
                                        <div class="card-body">
                                            <table class="table table-sm table-borderless">
                                                <tr>
                                                    <td>{!! trans('message_lang.LBL_STATUS') !!}:</td>
                                                    <th>{{ _set_dash(ucfirst(@$statuses[$details->status])) }}</th>
                                                </tr>
                                                <tr>
                                                    <td>{!! trans('message_lang.LBL_PAID_BY') !!}:</td>
                                                    <th>{{ ($details->AgentLocationUser) ? ucfirst(@$details->AgentLocationUser->first_name) . ' ' . ucfirst(@$details->AgentLocationUser->last_name) : '-' }}</th>
                                                </tr>
                                                <tr>
                                                    <td>{!! trans('message_lang.LBL_PAID_AT') !!}:</td>
                                                    <th>{{ $details->paid_at ? date('Y-m-d', strtotime($details->paid_at)) : '-' }}</th>
                                                </tr>
                                                @if (@$details->status != '0')
                                                <tr>
                                                    <td>{!! trans('message_lang.LBL_NOTES') !!}:</td>
                                                    <th>{{ _set_dash(@$details->agent_comment) }}</th>
                                                </tr>
                                                @endif
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--end::Card-->
                </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>
@endsection

@section("page_script")
<script type="text/javascript">
    $(document).ready(function () {
        $('#amount').on('keyup', function () {
            let amount = number_format($(this).val());
            amount += ' ' + $('#currency').val();
            console.log(amount);
            $('#complete').attr('data-confirm', `Are you sure you want to complete the repayment request of ${amount}?`);
        });

        $('#complete, #reject').on('click', function (e) {
            return !!confirm($(this).data('confirm'));
        });
    });

    const number_format = (num, decimals) => parseFloat(num).toLocaleString('en', {
        minimumFractionDigits: 2,
        maximumFractionDigits: 2,
    });
</script>
@endsection