@extends('layouts.user')

@section('content')



 <div class="app-container">
    <header>
        <div class="logo">Settings</div>
        <div class="header-actions">
             
        </div>
    </header>

    <section class="profile-header">
        <div class="profile-avatar">
             @if ($user->profile_pic)
        <img src="{{ asset('storage/app/public/' . $user->profile_pic) }}" alt="{{ $user->name }}" class="imaged w100 rounded">
    @else
        <img src="{{ asset('storage/user_default.png') }}" alt="{{ $user->name }}" class="imaged w100 rounded">
    @endif
        </div>
        <h2>{{$user->name}}</h2>
        <p>@ {{$user->username}}</p>
    </section>

    <section class="profile-stats">
        <div class="stat-box">
            <h3>Total Assets</h3>
            <p>{{ $currencySymbol }}{{ number_format($totalBalanceInUSD, 2) }}</p>
        </div>
        <div class="stat-box">
            <h3>Trades</h3>
            <p>{{ $totalTransactions }}</p>
        </div>
        <div class="stat-box">
            <h3>Referrals</h3>
            <p>{{ $totalReferrals }}</p>
        </div>
    </section>

    <section class="profile-menu">
        <div class="menu-item" onclick="window.location.href='{{url('apply_card')}}';">
            <div>
                <img data-v-6049d237="" src="https://cdn-icons-png.flaticon.com/128/1198/1198299.png" style="width: 16px;height: 16px;" alt="">
                <span>Apply Card</span>
            </div>
            <i class="fas fa-chevron-right"></i>
        </div>
         @if($siteKyc == '1')
        <div class="menu-item" onclick="window.location.href='{{url('kyc')}}';">
            <div>
                <img data-v-6049d237="" src="https://cdn-icons-png.flaticon.com/128/2534/2534204.png" style="width: 16px;height: 16px;" alt="">
                <span>KYC Verification</span>
            </div>
            <i class="fas fa-chevron-right"></i>
        </div>
        @endif
        <div class="menu-item" onclick="window.location.href='{{url('transactions')}}';">
            <div>
                <img data-v-6049d237="" src="https://cdn-icons-png.flaticon.com/128/3186/3186949.png" style="width: 16px;height: 16px;" alt="">
                <span>Transactions</span>
            </div>
            <i class="fas fa-chevron-right"></i>
        </div>
        <div class="menu-item" onclick="window.location.href='{{url('referral')}}';">
            <div>
                <img data-v-6049d237="" src="https://cdn-icons-png.flaticon.com/128/4098/4098848.png" style="width: 16px;height: 16px;" alt="">
                <span>Referral Program</span>
            </div>
            <i class="fas fa-chevron-right"></i>
        </div>
        <div class="menu-item" onclick="window.location.href='{{url('profile')}}';">
            <div>
                <img data-v-6049d237="" src="https://cdn-icons-png.flaticon.com/128/2444/2444472.png" style="width: 16px;height: 16px;" alt="">
                <span>Edit Profile</span>
            </div>
            <i class="fas fa-chevron-right"></i>
        </div>
        <div class="menu-item" onclick="window.location.href='{{url('security')}}';">
            <div>
                <img data-v-6049d237="" src="https://cdn-icons-png.flaticon.com/128/508/508250.png" style="width: 16px;height: 16px;" alt="">
                <span>Security</span>
            </div>
            <i class="fas fa-chevron-right"></i>
        </div>
        <div class="menu-item disabled" onclick="showComingAlert()">
            <div>
                <img data-v-6049d237="" src="https://cdn-icons-png.flaticon.com/128/1182/1182769.png" style="width: 16px;height: 16px;" alt="">
                <span>Notifications</span>
            </div>
            <i class="fas fa-chevron-right"></i>
        </div>
        <div class="menu-item disabled" onclick="showComingAlert()">
            <div>
                <img data-v-6049d237="" src="https://cdn-icons-png.flaticon.com/128/4233/4233834.png" style="width: 16px;height: 16px;" alt="">
                <span>Help & Support</span>
            </div>
            <i class="fas fa-chevron-right"></i>
        </div>
        <div class="menu-item logout" href="{{ route('logout') }}"
                                       onclick="event.preventDefault();
                                                     document.getElementById('logout-form').submit();" >
            <div>
                <img data-v-6049d237="" src="https://cdn-icons-png.flaticon.com/128/10313/10313377.png" style="width: 16px;height: 16px;" alt="">
                <span>Logout</span>
            </div>
        </div>
    </section>
<form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
                                        @csrf
                                    </form>

						
@endsection
 