@extends($activeTemplate.'layouts.users')

@push('style-lib')
	<link rel="stylesheet" href="{{ asset($activeTemplateTrue.'css/profile.css') }}{{$catch}}">
@endpush

@section('content')
    <uni-app class="uni-app--showtabbar uni-app--maxwidth">
        <uni-page data-page="pages/index/my">
            <uni-page-wrapper class="pProDsh">
                <uni-page-body>
                    <uni-view data-v-0189cbc8="" class="content" style="overflow: visible;padding-top:0px">
                        <uni-view data-v-0189cbc8="" class="top">
							<uni-view data-v-0189cbc8="" class="pg-top" style="padding-top:20px;">
								<img data-v-0189cbc8="" mode="aspectFit" src="{{getImage(imagePath()['logoIcon']['path'] .'/logo.png')}}{{$catch}}" style="height: 25px;">
							</uni-view>

                            <uni-view data-v-82c360c8="" data-v-0189cbc8="" style="padding-top:24px;">
                                <uni-view data-v-82c360c8="" class="basic-info">
                                    <uni-image data-v-82c360c8="" class="edit">
                                        <div style="background-image: url(&quot;{{ asset($activeTemplateTrue.'img/edit.png') }}&quot;); background-position: 0% 0%; background-size: 100% 100%; background-repeat: no-repeat;"></div>
                                        <img src="{{ asset($activeTemplateTrue.'img/edit.png') }}" draggable="false">
									</uni-image>
									
                                    <uni-image data-v-82c360c8="" style="width: 80px; height: 80px; border-radius: 50%;">
                                        <div style="background-image: url(&quot;{{ getImage('assets/images/user/profile/'.$user->image) }}&quot;); background-position: center center; background-size: cover; background-repeat: no-repeat;"></div>
                                        <img src="{{ getImage('assets/images/user/profile/'.$user->image) }}" draggable="false">
									</uni-image>
                                    
									<p data-v-82c360c8="" major-title="true" style="font-size: 15px; text-align: center; margin-top: 10px;">{{ $user->username }} <img data-v-82c360c8="" src="{{ asset($activeTemplateTrue.'img/not_certified.svg') }}" alt="" style="width: 20px; vertical-align: text-top; margin-left: 10px;"></p>
                                    <uni-view data-v-82c360c8="" class="id-info">
										<span data-v-82c360c8="" style="margin-right: 12px;">ID: {{ $user->id }}</span>
                                        <uni-view data-v-82c360c8="">
											<span data-v-82c360c8="">Mobile Phone: {{ $user->mobile }}</span>
										</uni-view><br><br>
                                    </uni-view>
                                </uni-view>
                            </uni-view>
                        </uni-view>
						
                        <uni-view data-v-0189cbc8="" class="white-container">
                            <uni-view data-v-0189cbc8="" style="padding: 0px 15px;">
                                <uni-view data-v-61d8b290="" data-v-0189cbc8="">
                                    <uni-view data-v-61d8b290="" class="assets-info card ">
                                        <uni-view data-v-61d8b290="" class="money-detail">
                                            <uni-view data-v-61d8b290="" style="position:relative;" class="linkBTN" data-href="{{ route('user.investment') }}" >
                                                <p data-v-61d8b290="" class="color2">Deposit Assets</p>
                                                <p data-v-61d8b290="" class="color-linear2">{{ config('settings')->cur_sym }}{{ showAmount($userBalance['main'], 2) }}</p>
												<span data-v-0a75b799="" class="loadIcon" style="top:auto;bottom: 10px;" ></span>
                                            </uni-view>
                                            <uni-view data-v-61d8b290="" style="position:relative;" class="linkBTN" data-href="{{ route('user.withdraw') }}" >
                                                <p data-v-61d8b290="" class="color2">My income</p>
                                                <p data-v-61d8b290="" class="color-linear2">{{ config('settings')->cur_sym }}{{ showAmount($userBalance['income'], 2) }}</p>
												<span data-v-0a75b799="" class="loadIcon" style="top:auto;bottom: 10px;" ></span>
                                            </uni-view>
                                            <uni-view data-v-61d8b290="" style="position:relative;" class="linkBTN" data-href="{{ route('user.withdraw.referral') }}" >
                                                <p data-v-61d8b290="" class="color2">Commission balance</p>
                                                <p data-v-61d8b290="" class="color-linear2">{{ config('settings')->cur_sym }}{{ showAmount($user->referral_wallet,2) }}</p>
												<span data-v-0a75b799="" class="loadIcon" style="top:auto;bottom: 10px;" ></span>
                                            </uni-view>
                                        </uni-view>
                                    </uni-view>
									
                                    <uni-view data-v-61d8b290="" class="split-2 transfer">
                                        <uni-view data-v-61d8b290="" data-href="{{ route('user.deposit') }}" class="custom-card card btn linkBTN" style="padding-right: 7px;margin-bottom:0px;">
											<img data-v-61d8b290="" mode="aspectFit" src="{{ asset($activeTemplateTrue.'img/transin.png') }}" style="width: 50px; flex-shrink: 0;">
                                            <uni-view data-v-61d8b290="" class="title2">Transfer In</uni-view>
											<span data-v-0a75b799="" class="loadIcon" style="top:4px;" ></span>
                                        </uni-view>
										
										<span data-v-61d8b290="" style="height: 100%; width:4px; flex-grow: 0;"></span>
										
                                        <uni-view data-v-61d8b290="" data-href="{{ route('user.withdraw') }}" class="custom-card card btn linkBTN" style="padding-left: 7px;margin-bottom:0px;">
											<img data-v-61d8b290="" mode="aspectFit" src="{{ asset($activeTemplateTrue.'img/transout.png') }}" style="width: 50px; flex-shrink: 0;">
                                            <uni-view data-v-61d8b290="" class="title2">Transfer Out</uni-view>
											<span data-v-0a75b799="" class="loadIcon" style="top:4px;" ></span>
                                        </uni-view>
										
                                    </uni-view>
                                </uni-view>
                            </uni-view>
							
							
                            <uni-view data-v-0189cbc8="" class="settings">
                                <uni-view data-v-0189cbc8="" class="fun-list">

                                    <uni-view data-v-0189cbc8="" class="linkBTN" data-href="{{ route('user.investment.log') }}" >
                                        <uni-view data-v-0189cbc8="" style="display: flex;">
											<img data-v-0189cbc8="" src="{{ asset($activeTemplateTrue.'img/product.png') }}" class="wallet_img">
                                            <uni-view data-v-0189cbc8="" class="wallet">My products</uni-view>
                                        </uni-view>
										<span data-v-0a75b799="" class="loadIcon" style="top:auto;right:70px" ></span>
										<img data-v-0189cbc8="" src="{{ asset($activeTemplateTrue.'img/join.png') }}">
									</uni-view>
									
                                    <uni-view data-v-0189cbc8="" class="linkBTN" data-href="{{ route('user.agents.index') }}" >
                                        <uni-view data-v-0189cbc8="" style="display: flex;">
											<img data-v-0189cbc8="" src="{{ asset($activeTemplateTrue.'img/detail.png') }}" class="wallet_img">
                                            <uni-view data-v-0189cbc8="" class="wallet">My Team Info</uni-view>
                                        </uni-view>
										<span data-v-0a75b799="" class="loadIcon" style="top:auto;right:70px" ></span>
										<img data-v-0189cbc8="" src="{{ asset($activeTemplateTrue.'img/join.png') }}">
									</uni-view>
									
                                    <uni-view data-v-0189cbc8="" class="linkBTN" data-href="{{ route('user.invitation') }}" >
                                        <uni-view data-v-0189cbc8="" style="display: flex;">
											<img data-v-0189cbc8="" src="{{ asset($activeTemplateTrue.'img/share.png?d') }}" class="wallet_img">
                                            <uni-view data-v-0189cbc8="" class="wallet">Invite +</uni-view>
                                        </uni-view>
										<span data-v-0a75b799="" class="loadIcon" style="top:auto;right:70px" ></span>
										<img data-v-0189cbc8="" src="{{ asset($activeTemplateTrue.'img/join.png') }}">
									</uni-view>
									
                                    <uni-view data-v-0189cbc8="" class="linkBTN" data-href="{{route('user.change.password')}}" >
                                        <uni-view data-v-0189cbc8="" style="display: flex;">
											<img data-v-0189cbc8="" src="{{ asset($activeTemplateTrue.'img/password.png') }}" class="wallet_img">
                                            <uni-view data-v-0189cbc8="" class="wallet">Change Password</uni-view>
                                        </uni-view>
										<span data-v-0a75b799="" class="loadIcon" style="top:auto;right:70px" ></span>
										<img data-v-0189cbc8="" src="{{ asset($activeTemplateTrue.'img/join.png') }}">
									</uni-view>
									
                                    <uni-view data-v-0189cbc8="" class="linkBTN" data-href="{{route('user.twofactor')}}" >
                                        <uni-view data-v-0189cbc8="" style="display: flex;">
											<img data-v-0189cbc8="" src="{{ asset($activeTemplateTrue.'img/password.png') }}" class="wallet_img">
                                            <uni-view data-v-0189cbc8="" class="wallet">Two Factor</uni-view>
                                        </uni-view>
										<span data-v-0a75b799="" class="loadIcon" style="top:auto;right:70px" ></span>
										<img data-v-0189cbc8="" src="{{ asset($activeTemplateTrue.'img/join.png') }}">
									</uni-view>
									
                                    <uni-view data-v-0189cbc8="" class="linkBTN" data-href="{{ route('user.withdraw.history') }}" >
                                        <uni-view data-v-0189cbc8="" style="display: flex;">
											<img data-v-0189cbc8="" src="{{ asset($activeTemplateTrue.'img/record.png') }}" class="wallet_img">
                                            <uni-view data-v-0189cbc8="" class="wallet">Withdrawal History</uni-view>
                                        </uni-view>
										<span data-v-0a75b799="" class="loadIcon" style="top:auto;right:70px" ></span>
										<img data-v-0189cbc8="" src="{{ asset($activeTemplateTrue.'img/join.png') }}">
									</uni-view>
									
                                    <uni-view data-v-0189cbc8="" class="linkBTN" data-href="{{route('user.blog')}}" >
                                        <uni-view data-v-0189cbc8="" style="display: flex;">
											<img data-v-0189cbc8="" src="{{ asset($activeTemplateTrue.'img/message.png') }}" class="wallet_img" >
                                            <uni-view data-v-2c66f540="" data-v-0189cbc8="" class="uni-badge--x"></uni-view>
                                            <uni-view data-v-0189cbc8="" class="wallet">Message</uni-view>
                                        </uni-view>
										<span data-v-0a75b799="" class="loadIcon" style="top:auto;right:70px" ></span>
										<img data-v-0189cbc8="" src="{{ asset($activeTemplateTrue.'img/join.png') }}">
									</uni-view>
									
                                    <uni-view data-v-0189cbc8="" class="linkBTN" data-href="{{route('user.logout')}}" >
                                        <uni-view data-v-0189cbc8="" style="display: flex;">
											<img data-v-0189cbc8="" src="{{ asset($activeTemplateTrue.'img/logout.png') }}" class="wallet_img" >
                                            <uni-view data-v-2c66f540="" data-v-0189cbc8="" class="uni-badge--x"></uni-view>
                                            <uni-view data-v-0189cbc8="" class="wallet">Sign out</uni-view>
                                        </uni-view>
										<span data-v-0a75b799="" class="loadIcon" style="top:auto;right:70px" ></span>
										<img data-v-0189cbc8="" src="{{ asset($activeTemplateTrue.'img/join.png') }}">
									</uni-view>
									
									@if( config('settings')->app_link )
                                    <uni-view data-v-0189cbc8="" class="linkBTN" data-href="{{ config('settings')->app_link }}" >
                                        <uni-view data-v-0189cbc8="" style="display: flex;">
											<img data-v-0189cbc8="" src="{{ asset($activeTemplateTrue.'img/download.png') }}" class="wallet_img">
                                            <uni-view data-v-0189cbc8="" class="wallet">Download App</uni-view>
                                        </uni-view>
										<span data-v-0a75b799="" class="loadIcon" style="top:auto;right:70px" ></span>
										<img data-v-0189cbc8="" src="{{ asset($activeTemplateTrue.'img/join.png') }}">
									</uni-view>
									@endif
									
                                </uni-view>

                            </uni-view>
                        </uni-view>
						
						<a data-v-0189cbc8="" class="contact linkBTN" data-href="{{ route('user.online.support') }}">
							<img data-v-0189cbc8="" src="{{ asset($activeTemplateTrue.'img/contact.png') }}">
						</a>
					</uni-view>
                </uni-page-body>
            </uni-page-wrapper>
        </uni-page>
		@include($activeTemplate.'layouts.menu',['activeLink'=>'profile'])
	</uni-app>
@endsection


@push('script')
<script type="text/javascript">
	$(document).ready(function() {
		$(".sClose").click(function () {
			$('.supportList').fadeOut();
		});

		$(".socialHandle ").click(function () {
			var androidurl = $(this).data('link');

			if (window.android) {
				window.android.callAndroid("open," + androidurl)
				return;
			}
			if (window.webkit && window.webkit.messageHandlers) {
				window.webkit.messageHandlers.nativeExt.postMessage({ msg: 'open,' + androidurl });
				return;
			}
			$("#jump").parent().attr("href", androidurl), $("#jump").trigger("click");
		});

	});

	function accountView(){
		$('.buy').fadeIn();
		$('body,html').css({
			overflow: 'hidden'
		})
		
		$('.buy').show();
	}
	
	function showSupport(){
		$('.supportList').slideDown(200);
	}
	
</script>
@endpush