@extends("agentportal.layouts.layout")

@section("title", trans("message_lang.LBL_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="content d-flex flex-column flex-column-fluid" id="kt_content">
    <!--begin::Subheader-->
    <!-- <div class="subheader py-2 py-lg-4 subheader-solid" id="kt_subheader">
    </div> -->
    <!--end::Subheader-->
    <!--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_USER_PROFILE") !!}</h3>
                    </div>
                    <div class="card-toolbar">
                        <a href="{{ route('agentportal.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>
                                                                    @if(isset($stateId) && $stateId != "0")
                                                                        <tr>
                                                                            <td>{{ __('message_lang.LBL_STATE') }}:</td>
                                                                            <th>{{ $stateId->state_name }}</th>
                                                                        </tr>
                                                                    @else
                                                                        <tr>
                                                                            <td>{{ __('message_lang.LBL_STATE') }}:</td>
                                                                            <th>{{ _set_dash($userCountryProvinceArr[$user->province_code]??'') }}</th>
                                                                        </tr>
                                                                    @endif

                                                                    <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_OCCUPATION') }}:</td>
                                                                        <th>{{ _set_dash($user->occupation) }}</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_NATIONAL_IDENTITY_NUMBER') }}:</td>
                                                                        <th>{{ _set_dash($user->national_identity_number) }}</th>
                                                                    </tr>
                                                                    <tr>
                                                                        <td>{{ __('message_lang.LBL_STATUS') }}:</td>
                                                                        <th>