<?php $user = auth()->user(); ?>
@extends($activeTemplate.'layouts.profile')

@push('style')
	<link rel="stylesheet" href="{{ asset('users/assets/trade/css/recharge.css') }}" >
	<link rel="stylesheet" href="{{ asset('users/assets/trade/css/profile.css') }}" >
@endpush

@section('content')

<div id="app" data-v-app="">
    <div data-v-af01384a="">
        <div id="userCenter" data-v-e65b4284="" data-v-af01384a="" class="">
            <div class="titleBar" data-v-400f8df7="" data-v-e65b4284="" style="background-color: transparent; z-index: 10;">
                <div class="back" data-v-400f8df7=""><a data-href="{{ route('user.home')}}" data-v-c35495fc="" class="linkBTN text-white">←</a></div>
                <div class="title" data-v-400f8df7="" style="color: rgb(255, 255, 255);"></div>
                <div class="right" data-v-400f8df7="">
                    <div class="rightBtn" data-v-e65b4284=""><a data-href="{{ route('user.online.support') }}" class="linkBTN"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAABLBJREFUaEPtWm3EnmUYPg760Y9+lBr9aDRFxVKxsYgtikY/moqiWLasKVpEY6WNUVGUokUpKpPKNo02oqX9iC0tlaRRqSyKxvoRxZEj5/W43vu9n/u+7o/Hazwnr9fe+/o4j/P7PK8RZznxLOcfowCQdC6AtQDWAbgWwOUALgJwfgjoRwC/AfgawFEAR0j+NIbwBgGQdA2AbQDuAHBeR4YMZA+Ad0j+23HvZHkvAJKuAPA0gNv6Xpzts3YeJ/l2n7M6AZB0DoDHfCEAm02VjoeJfAfgJIAk2YsBXAZgFYCbpmjrCIB7SP7aBUgxAEk2kX3BQH6HbfvZMIVf2i4PIdwK4MGas/6wOZL8pO2c9L0IgCRL8GMAV2YH/xWaeIXk36UX5uskrQHwYmgmfbLW7iL5fsmZrQBC8scqzNtU7iRp+x1EoZEdIQybqMkgrIkDbYc3AojDP6yo+j0Adw+JHHVMSXIkezPzLWt4DclvmkC0AbBkdmcHzIT5dL4k+4b9LGnCeWN1k4lOBSDJ9v5FJhGbzfVjS74qXUlbIj+kT7tJPjFNC00ALIkU563Oq8ew+Tab9ndJ70ZyTP5wFUmH5UVUC0CSywFLP9GjJJ8ruXyMNZIuAfBVVoo8T/KRLgBeB7AxNjjOr+gbKvsCkvQkgJ2x32F6GUlbwgJapIEozH7PsuV2ks/0ZaTvvsg9P2cOvZnkayUAbgHg0JloOcnWDNuX0aZ9knI/3E9yQwmApwBsj4UnSF43C+ZKzpT0AICXY+1pkheUAPgAgOOxaarzlDAwdI2kleHMU62hzge+j4bEm7aSdM2+JBSVwD/Z5TeSdNU6oToAf2bhaz3JQ0vCfVwq6QcAl8Y/7yX5VhsAZQscxvKCzT7x5awASbow6q6813Dj5GrYdB/JN7oAqOP1YBRzi2LyEGBRQrivaGpNRwFgPg+RXD+E4XyvpNsBuFBso84AXJefAGBpu7hLqvRFLuw+a7ux5Lskly0uX0zOur7Tvx2FPN1I1BnA/SRf9e7I0N9mDrWN5AslDDatiYbpTLZmA8n9cafNydk4jWc6A1gQtiS5rfTsx7ST5K4RADjCONIkct01CRyVKDQHMNdA1eQkzU1ogVAk5Zl47sRtUWpuQjVO5fI1zWU8HZuM+CQ5kaXx4iiNviQnKVfAidal2WiU06eybFyUBz4FcEOcdtp1T6R1M+5ZZqKbSX7UZiIl3yvJygNen+tSwtNslxOJJlk6/aGuH/AsyL1oEx0nubqEuZI1NcOsum21k4lpc6GHY2SeTCk/0OM+S9/jltFIUt6L1527h+TW6oemyZwTjMtc/3ZR5cnE5wAOzmq8GD3wJgAPZX5oni0sTwZtXguodbw+mohbDor3Ng/TNleaGpfy1nht6T46gIgc1lz+GGKtWXv/U5TQfmdzD2BH9Swq9b05VM9D7bg221qaBYC9fmGp3ObGyBJ0Q5Q/v07jyw77EoBddePEfNOoAGIc6Ljdl+xnbqD8bFUUJJYagJ3SmvHPYZJ+g+hEowII+/Yo0CPBnJJJ+LnITumO6yRJJ8pBNDqAAOG3YM/4Ex2d9kAxiHtgnP8rMZSJIftnooEhDHXd+x9T8ixPGevu9QAAAABJRU5ErkJggg==" alt="" data-v-e65b4284=""></a></div>
                </div>
            </div>
            <div class="bg" data-v-e65b4284="">
                <img src="{{ asset('users/assets/trade/img/icon02.24521036.png') }}" alt="" class="icon01" data-v-e65b4284="">
                <img src="{{ asset('users/assets/trade/img/icon03.cd95d11a.png') }}" alt="" class="icon02" data-v-e65b4284="">
            </div>

            <div class="container" data-v-e65b4284="">
                <div class="part1" data-v-71254db0="" data-v-e65b4284="">
                    <a class="linkBTN" data-href="{{ route('user.home')}}"><img src="{{getImage(imagePath()['logoIcon']['path'] .'/favicon.png')}}{{$catch}}" style="border-radius: 50%;" alt="" data-v-71254db0=""></a>
                    <div class="left" data-v-71254db0="">
                        <div class="p1" data-v-71254db0="">{{ $user->username }}</div>
                        <div class="p2" data-v-71254db0=""><span data-v-71254db0="">ID:{{ $user->id }}</span></div>
                    </div>
                </div>
                <div class="part2" data-v-fd62a59a="" data-v-e65b4284="">
                    <div class="left" data-v-fd62a59a="">
                        <p data-v-fd62a59a="">Interest balance</p>
                        <p data-v-fd62a59a="">{{ config('settings')->cur_sym }}{{ showAmount($userBalance['income'],2) }}</p>
                    </div>

                    <div class="right" data-v-fd62a59a="">
						<a data-href="{{ route('user.deposit') }}" class="linkBTN btn btn-1 btn2" data-v-fd62a59a="">
							<iconify-icon width="20" height="20" icon="fa6-solid:money-check-dollar"></iconify-icon>
							<span>&nbsp;&nbsp;&nbsp;Topup&nbsp;&nbsp;&nbsp;</span>
						</a>

						<a data-href="{{ route('user.withdraw') }}" class="linkBTN btn btn-2" data-v-fd62a59a="">
							<iconify-icon width="20" height="20" icon="uil:money-withdraw"></iconify-icon>
							<span>Withdraw</span>
						</a>
                    </div>
                </div>
            </div>
			
			<div class="my-container my">

				<div class="middle-heading" style="border-radius: 0 0 8px 8px; margin-top: -4px;padding:1rem 1rem 0;">
					<div class="">
						<div>
							<p>{{ config('settings')->cur_sym }}{{ showAmount($todayIncome) }}</p>
							<p>Today Profit</p>
						</div>

						<div>
							<p>{{ config('settings')->cur_sym }}{{ showAmount($referralIncome) }}</p>
							<p>Referral Profit</p>
						</div>

						<div>
							<p>{{ config('settings')->cur_sym }}{{ showAmount($totalInvest) }}</p>
							<p>Total Assets</p>
						</div>
						
						<div>
						<p>{{ config('settings')->cur_sym }}{{ showAmount($userBalance['main']) }}</p>
						<p>Topups</p>
						</div>

						<div>
							<p>{{ config('settings')->cur_sym }}{{ showAmount($user->points) }}</p>
							<p>Points</p>
						</div>
					</div>
				</div>


    <!-- common function -->
    <div class="functions text-red">
        <p>Quick links</p>
        <div>
            <a href="{{ route('user.about') }}">
				<iconify-icon width="30" height="30" icon="mdi:about-circle-outline"></iconify-icon>
                <p>About us</p>
            </a>

            <a href="{{ route('user.faqs') }}">
				<iconify-icon width="30" height="30" icon="wpf:ask-question"></iconify-icon>
                <p>FAQs</p>
            </a>

            <a href="{{ route('user.transaction.type', ['type' => 'income']) }}">
                <iconify-icon width="30" height="30" icon="game-icons:pay-money"></iconify-icon>
                <p>Earn</p>
            </a>

            <a onclick="setpin()" class="cmdBTN">
                <iconify-icon width="30" height="30" icon="solar:money-bag-line-duotone"></iconify-icon>
                <p>Pin code</p>
            </a>

            <a onclick="giftCard()" class="cmdBTN">
                <iconify-icon width="30" height="30" icon="ph:gift-light"></iconify-icon>
                <p>Gift</p>
            </a>

			<?php if( empty($user->payment_set) ) { ?>
            <a href="{{ route('user.account-setup') }}">
                <iconify-icon width="30" height="30" icon="eos-icons:database-outlined"></iconify-icon>
                <p>Add Bank</p>
            </a>
			<?php }else{ ?>
            <a href="{{ route('user.games') }}">
                <iconify-icon width="30" height="30" icon="solar:gamepad-outline"></iconify-icon>
                <p>Games</p>
            </a>
			<?php } ?>

            <a href="{{ route('user.transaction') }}">
                <iconify-icon width="30" height="30" icon="charm:notes-tick"></iconify-icon>
                <p>Record</p>
            </a>

            <a onclick="cPassword()" class="cmdBTN">
                <iconify-icon width="30" height="30" icon="solar:shield-bold-duotone"></iconify-icon>
                <p>Password</p>
            </a>

        </div>
    </div>
    <!-- end common function -->

    <!-- other function -->
    <div class="function">
        <div>
			<a data-href="{{ route('user.logout') }}" class="linkBTN btn btn-1 btn2" data-v-fd62a59a="">
				<iconify-icon width="30" height="30" icon="mdi:sign-out"></iconify-icon>
				<span>Sign out</span>
			</a>
        </div>
    </div>
    <!-- end other function -->

</div>
			
        </div>
    </div>
</div>

@include($activeTemplate.'partials.recharge')
@include($activeTemplate.'partials.withdraw')
@include($activeTemplate.'partials.pincode')
@include($activeTemplate.'partials.password')
@include($activeTemplate.'partials.giftcard')

@endsection

@push('script')
@endpush