@extends("layouts.app")

@section("title", "User Profile")

@section("page_style")
    <link rel="stylesheet" type="text/css" href="{{ url('dist/assets/plugins/custom/datatables/datatables.bundle.css') }}">
@endsection

@section("content")
<div class="row justify-content-center">
    <div class="col-md-12" style="padding-top: 60px;">
        <div class="page page-md comman-page-height-main user-listing">
            <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">
                                                {{ __('message_lang.USER_INFORMATION') }}
                                            </h3>
                                        </div>
                                        <div style="float: right; padding:10px;">
                                            <a href="{{ route('csr-edit-user', [ 'user_id' => base64_encode($user->id)]) }}" class="btn btn-info btn-lg">{{ __('message_lang.BTN_EDIT') }}</a>

                                            <a href="{{ url()->previous() }}" class="btn btn-light btn-lg">{{ __('message_lang.BTN_BACK') }}</a>
                                        </div>
                                    </div>
                                    <div class="card-body">
                                            <div class="example-preview">
                                                <ul class="nav nav-tabs" id="myTab" role="tablist">
                                                    <li class="nav-item">
                                                        <a class="nav-link active" id="basic_info-tab" data-toggle="tab" href="#basic_info" role="tab" aria-controls="basic_info" aria-selected="true">
                                                            {{ __('message_lang.LBL_BASIC_INFO_SHORT') }}
                                                        </a>
                                                    </li>
                                                    <li class="nav-item">
                                                        <a class="nav-link" id="verification_document-tab" data-toggle="tab" href="#verification_document" role="tab" aria-controls="verification_document" aria-selected="false">
                                                            {{ __('message_lang.LBL_VERIFICATION_DOCUMENT') }}
                                                        </a>
                                                    </li>
                                                    <li class="nav-item">
                                                        <a class="nav-link" id="set_txn_limit-tab" data-toggle="tab" href="#set_txn_limit" role="tab" aria-controls="set_txn_limit" aria-selected="false">
                                                            {{ __('message_lang.LBL_TRANSACTION_LIMIT') }}
                                                        </a>
                                                    </li>


                                                    <li class="nav-item">
                                                        <a class="nav-link" id="bnf_list-tab" data-toggle="tab" href="#bnf_list" role="tab" aria-controls="bnf_list" aria-selected="false">
                                                            {{ __('message_lang.LBL_BENEFICIARIES') }}
                                                        </a>
                                                    </li>

                                                    <li class="nav-item">
                                                        <a class="nav-link" id="smtxn_list-tab" data-toggle="tab" href="#smtxn_list" role="tab" aria-controls="smtxn_list" aria-selected="false">
                                                            {{ __('message_lang.LBL_SENT_TXNS') }}
                                                        </a>
                                                    </li>

                                                    <li class="nav-item">
                                                        <a class="nav-link" id="rmtxn_list-tab" data-toggle="tab" href="#rmtxn_list" role="tab" aria-controls="rmtxn_list" aria-selected="false">
                                                            {{ __('message_lang.LBL_RECEIVED_TXNS') }}
                                                        </a>
                                                    </li>

                                                    @if($user->user_role_id == config('constants.user_roles.CUSTOMER_ROLE_ID') && $userDepositAccount != null)
                                                        <li class="nav-item">
                                                            <a class="nav-link" id="user_balance-tab" data-toggle="tab" href="#user_balance" role="tab" aria-controls="user_balance" aria-selected="false">
                                                                {{ __('message_lang.LBL_BALANCE_HISTORY') }}
                                                            </a>
                                                        </li>
                                                    @endif


                                                </ul>
                                                <div class="tab-content" id="myTabContent">
                                                    <div class="tab-pane fade active show" id="basic_info" role="tabpanel" aria-labelledby="basic_info-tab">
                                                        <br>
                                                        <div class="row">
                                                            <div class="col-md-7">
                                                                <table class="table table-sm table-borderless">
                                                                    <tr>
                                                                        <td>{{ __('message_lang.PLACEHOLDER_FIRST_NAME') }}:</td>
                                                                        <th>{{ _set_dash($user->first_name) }}</th>
                                                                    </tr>
                                                                    <tr>
                                                                        <td>{{ __('message_lang.PLACEHOLDER_LAST_NAME') }}:</td>
                                                                        <th>{{ _set_dash($user->last_name) }}</th>
                                                                    </tr>
                                                                    <tr>
                                                                        <td>{{ __('message_lang.LBL_EMAIL') }}:</td>
                                                                        <th>{{ _set_dash($user->email) }}</th>
                                                                    </tr>
                                                                    <tr>
                                                                        <td>{{ __('message_lang.LBL_ADDRESS') }}:</td>
                                                                        <th>{{ _set_dash($user->address) }}</th>
                                                                    </tr>
                                                                    <tr>
                                                                        <td>{{ __('message_lang.LBL_CITY') }}:</td>
                                                                        <th>{{ _set_dash($user->city) }}</th>
                                                                    </tr>

                                                                    <tr>
                                                                        <td>{{ __('message_lang.LBL_STATE') }}:</td>
                                                                        <th>{{ _set_dash($userCountryProvinceArr[$user->province_code]??'') }}</th>
                                                                    </tr>
                                                                    <tr>
                                                                        <td>{{ __('message_lang.LBL_POSTAL_CODE') }}:</td>
                                                                        <th>{{ _set_dash($user->postal_code) }}</th>
                                                                    </tr>
                                                                    <tr>
                                                                        <td>{{ __('message_lang.LBL_DATE_OF_BIRTH') }}:</td>
                                                                        <th>{{ _set_dash($user->date_of_birth) }}</th>
                                                                    </tr>

                                                                    <tr>
                                                                        <td>{{ __('message_lang.LBL_COUNTRY') }}:</td>
                                                                        <th>
                                                                                                                                                    </th>
                                                                    </tr>
                                                                    <tr>
                                                                        <td>{{ __('message_lang.PLACEHOLDER_PHONE_NUMBER') }}:</td>
                                                                        <th>{{ _set_dash($user->phone_number) }}</th>
                                                                    </tr>
                                                                    <tr>
                                                                        <td>{{ __('message_lang.LBL_STATUS') }}:</td>
                                                                        <th>