@extends('layouts.app')

@section('content')
<div class="row justify-content-center row-margin">
    <div class="col-md-12">
        <div class="page page-md comman-page-height-main user-listing">
            <div class="header-box py-5">
            </div>
            <div class="content-box bg-white">
                <div class="row">
                    <div class="col-md-12 text-right">
                        @if(Auth::user()->user_role_id != 4)
                            <a class="btn btn-sm btn-edit btn-outline-secondary" href="{{ route('add-account-detail-deposit-cmp') }}">{{ __('message_lang.LBL_MOBILE_WALLETS_AND_BANKS') }}</a>
                            <a class="btn btn-sm btn-edit btn-outline-secondary" href="{{ route('my-account-form') }}">{{ __('message_lang.CHANGE_ADDRESS') }}</a>
                            <a class="btn btn-sm btn-edit btn-outline-secondary" href="{{ route('change-password') }}">{{ __('message_lang.CHANGE_PASSWORD') }}</a>
                            <a class="btn btn-sm btn-edit btn-outline-secondary" href="{{ route('home') }}">{{ __('message_lang.BUTTON_BACK') }}</a>
                        @else
                            <a class="btn btn-sm btn-edit btn-outline-secondary" href="{{ route('csr-index') }}">{{ __('message_lang.BUTTON_BACK') }}</a>
                        @endif
                    </div>
                </div>
                <h3 class="section-title">{{ __('message_lang.USER_INFORMATION') }}
                </h3>

                <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') }}
                        </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>
                    @if(Auth::user()->user_role_id != 4)
                    <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>
                    @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_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>