<!-- Stored in resources/views/child.blade.php -->

<!-- Desktop Sidebar -->
<div class="sidebar sidebar-style-2 d-none d-md-block" data-background-color="<?php echo e($bg); ?>">
    <div class="sidebar-wrapper scrollbar scrollbar-inner">
        <div class="sidebar-content">
            <div class="user">
                <div class="info">
                    <a data-toggle="collapse" href="#collapseExample" aria-expanded="true">
                        <span>
                            <?php echo e(Auth::user()->name); ?>

                            
                            <span class="caret"></span>
                        </span>
                    </a>
                    <div class="clearfix"></div>
                    <div class="collapse in" id="collapseExample">
                        <ul class="nav">
                            <li>
                                <a href="<?php echo e(route('profile')); ?>">
                                    <span class="link-collapse">Account Settings</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <ul class="nav nav-primary" style="padding: 0 15px 20px 15px;">
                <li class="nav-item <?php echo e((request()->routeIs('dashboard')) ? 'active' : ''); ?>" style="list-style: none; margin-bottom: 2px; background: linear-gradient(90deg, rgba(59, 130, 246, 0.15), rgba(96, 165, 250, 0.1)); border-radius: 8px;">
                    <a href="<?php echo e(url('/dashboard')); ?>" style="display: flex; align-items: center; gap: 14px; padding: 14px 16px; color: <?php echo e((request()->routeIs('dashboard')) ? '#fff' : 'rgba(255,255,255,0.85)'); ?>; text-decoration: none; transition: all 0.3s ease; background: <?php echo e((request()->routeIs('dashboard')) ? 'linear-gradient(135deg, #3b82f6 0%, #2563eb 100%)' : 'transparent'); ?>; box-shadow: <?php echo e((request()->routeIs('dashboard')) ? '0 4px 15px rgba(59,130,246,0.4)' : 'none'); ?>; font-weight: <?php echo e((request()->routeIs('dashboard')) ? '600' : '500'); ?>; font-size: 14px; border-radius: 8px;" onmouseover="if(!this.parentElement.classList.contains('active')) { this.style.background='linear-gradient(90deg, rgba(59, 130, 246, 0.25), rgba(96, 165, 250, 0.2))'; this.style.color='#fff'; this.style.transform='translateX(4px)'; }" onmouseout="if(!this.parentElement.classList.contains('active')) { this.style.background='transparent'; this.style.color='rgba(255,255,255,0.85)'; this.style.transform='translateX(0)'; }">
                        <i class="fas fa-home" style="font-size: 16px; width: 20px;"></i>
                        <p style="margin: 0; flex: 1;">Dashboard</p>
                    </a>
                </li>
                <li class="nav-item <?php echo e((request()->routeIs('deposits')) ? 'active' : ''); ?> <?php echo e((request()->routeIs('payment')) ? 'active' : ''); ?>" style="list-style: none; margin-bottom: 2px; background: linear-gradient(90deg, rgba(30, 64, 175, 0.12), rgba(59, 130, 246, 0.08)); border-radius: 8px;">
                    <a href="<?php echo e(url('dashboard/deposits')); ?>" style="display: flex; align-items: center; gap: 14px; padding: 14px 16px; color: <?php echo e((request()->routeIs('deposits') || request()->routeIs('payment')) ? '#fff' : 'rgba(255,255,255,0.85)'); ?>; text-decoration: none; transition: all 0.3s ease; background: <?php echo e((request()->routeIs('deposits') || request()->routeIs('payment')) ? 'linear-gradient(135deg, #1e40af 0%, #1d4ed8 100%)' : 'transparent'); ?>; box-shadow: <?php echo e((request()->routeIs('deposits') || request()->routeIs('payment')) ? '0 4px 15px rgba(30,64,175,0.4)' : 'none'); ?>; font-weight: <?php echo e((request()->routeIs('deposits') || request()->routeIs('payment')) ? '600' : '500'); ?>; font-size: 14px; border-radius: 8px;" onmouseover="if(!this.parentElement.classList.contains('active')) { this.style.background='linear-gradient(90deg, rgba(30, 64, 175, 0.22), rgba(59, 130, 246, 0.18))'; this.style.color='#fff'; this.style.transform='translateX(4px)'; }" onmouseout="if(!this.parentElement.classList.contains('active')) { this.style.background='transparent'; this.style.color='rgba(255,255,255,0.85)'; this.style.transform='translateX(0)'; }">
                        <i class="fa fa-download" aria-hidden="true" style="font-size: 16px; width: 20px;"></i>
                        <p style="margin: 0; flex: 1;">Fund your Account</p>
                    </a>
                </li>
                <li class="nav-item <?php echo e((request()->routeIs('withdrawalsdeposits')) ? 'active' : ''); ?> <?php echo e((request()->routeIs('withdrawfunds')) ? 'active' : ''); ?>" style="list-style: none; margin-bottom: 2px; background: linear-gradient(90deg, rgba(37, 99, 235, 0.15), rgba(59, 130, 246, 0.1)); border-radius: 8px;">
                    <a href="<?php echo e(url('dashboard/withdrawals')); ?>" style="display: flex; align-items: center; gap: 14px; padding: 14px 16px; color: <?php echo e((request()->routeIs('withdrawalsdeposits') || request()->routeIs('withdrawfunds')) ? '#fff' : 'rgba(255,255,255,0.85)'); ?>; text-decoration: none; transition: all 0.3s ease; background: <?php echo e((request()->routeIs('withdrawalsdeposits') || request()->routeIs('withdrawfunds')) ? 'linear-gradient(135deg, #2563eb 0%, #3b82f6 100%)' : 'transparent'); ?>; box-shadow: <?php echo e((request()->routeIs('withdrawalsdeposits') || request()->routeIs('withdrawfunds')) ? '0 4px 15px rgba(37,99,235,0.4)' : 'none'); ?>; font-weight: <?php echo e((request()->routeIs('withdrawalsdeposits') || request()->routeIs('withdrawfunds')) ? '600' : '500'); ?>; font-size: 14px; border-radius: 8px;" onmouseover="if(!this.parentElement.classList.contains('active')) { this.style.background='linear-gradient(90deg, rgba(37, 99, 235, 0.25), rgba(59, 130, 246, 0.2))'; this.style.color='#fff'; this.style.transform='translateX(4px)'; }" onmouseout="if(!this.parentElement.classList.contains('active')) { this.style.background='transparent'; this.style.color='rgba(255,255,255,0.85)'; this.style.transform='translateX(0)'; }">
                        <i class="fa fa-arrow-alt-circle-up" aria-hidden="true" style="font-size: 16px; width: 20px;"></i>
                        <p style="margin: 0; flex: 1;">Withdraw Funds</p>
                    </a>
                </li>
                <li class="nav-item <?php echo e((request()->routeIs('tradinghistory')) ? 'active' : ''); ?>" style="list-style: none; margin-bottom: 2px; background: linear-gradient(90deg, rgba(14, 165, 233, 0.12), rgba(56, 189, 248, 0.08)); border-radius: 8px;">
                    <a href="<?php echo e(url('dashboard/tradinghistory')); ?>" style="display: flex; align-items: center; gap: 14px; padding: 14px 16px; color: <?php echo e((request()->routeIs('tradinghistory')) ? '#fff' : 'rgba(255,255,255,0.85)'); ?>; text-decoration: none; transition: all 0.3s ease; background: <?php echo e((request()->routeIs('tradinghistory')) ? 'linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%)' : 'transparent'); ?>; box-shadow: <?php echo e((request()->routeIs('tradinghistory')) ? '0 4px 15px rgba(14,165,233,0.4)' : 'none'); ?>; font-weight: <?php echo e((request()->routeIs('tradinghistory')) ? '600' : '500'); ?>; font-size: 14px; border-radius: 8px;" onmouseover="if(!this.parentElement.classList.contains('active')) { this.style.background='linear-gradient(90deg, rgba(14, 165, 233, 0.22), rgba(56, 189, 248, 0.18))'; this.style.color='#fff'; this.style.transform='translateX(4px)'; }" onmouseout="if(!this.parentElement.classList.contains('active')) { this.style.background='transparent'; this.style.color='rgba(255,255,255,0.85)'; this.style.transform='translateX(0)'; }">
                        <i class="fa fa-signal" aria-hidden="true" style="font-size: 16px; width: 20px;"></i>
                        <p style="margin: 0; flex: 1;">Profit Record</p>
                    </a>
                </li>
                <li class="nav-item <?php echo e((request()->routeIs('accounthistory')) ? 'active' : ''); ?>" style="list-style: none; margin-bottom: 2px; background: linear-gradient(90deg, rgba(59, 130, 246, 0.15), rgba(96, 165, 250, 0.1)); border-radius: 8px;">
                    <a href="<?php echo e(url('dashboard/accounthistory')); ?>" style="display: flex; align-items: center; gap: 14px; padding: 14px 16px; color: <?php echo e((request()->routeIs('accounthistory')) ? '#fff' : 'rgba(255,255,255,0.85)'); ?>; text-decoration: none; transition: all 0.3s ease; background: <?php echo e((request()->routeIs('accounthistory')) ? 'linear-gradient(135deg, #3b82f6 0%, #2563eb 100%)' : 'transparent'); ?>; box-shadow: <?php echo e((request()->routeIs('accounthistory')) ? '0 4px 15px rgba(59,130,246,0.4)' : 'none'); ?>; font-weight: <?php echo e((request()->routeIs('accounthistory')) ? '600' : '500'); ?>; font-size: 14px; border-radius: 8px;" onmouseover="if(!this.parentElement.classList.contains('active')) { this.style.background='linear-gradient(90deg, rgba(59, 130, 246, 0.25), rgba(96, 165, 250, 0.2))'; this.style.color='#fff'; this.style.transform='translateX(4px)'; }" onmouseout="if(!this.parentElement.classList.contains('active')) { this.style.background='transparent'; this.style.color='rgba(255,255,255,0.85)'; this.style.transform='translateX(0)'; }">
                        <i class="fa fa-briefcase" aria-hidden="true" style="font-size: 16px; width: 20px;"></i>
                        <p style="margin: 0; flex: 1;">Transactions history</p>
                    </a>
                </li>
                <?php if($moresettings->use_crypto_feature == 'true'): ?>
                    <li class="nav-item <?php echo e((request()->routeIs('assetbalance')) ? 'active' : ''); ?>" style="list-style: none; margin-bottom: 2px; background: linear-gradient(90deg, rgba(30, 64, 175, 0.12), rgba(59, 130, 246, 0.08)); border-radius: 8px;">
                        <a href="<?php echo e(route('assetbalance')); ?>" style="display: flex; align-items: center; gap: 14px; padding: 14px 16px; color: <?php echo e((request()->routeIs('assetbalance')) ? '#fff' : 'rgba(255,255,255,0.85)'); ?>; text-decoration: none; transition: all 0.3s ease; background: <?php echo e((request()->routeIs('assetbalance')) ? 'linear-gradient(135deg, #1e40af 0%, #1d4ed8 100%)' : 'transparent'); ?>; box-shadow: <?php echo e((request()->routeIs('assetbalance')) ? '0 4px 15px rgba(30,64,175,0.4)' : 'none'); ?>; font-weight: <?php echo e((request()->routeIs('assetbalance')) ? '600' : '500'); ?>; font-size: 14px; border-radius: 8px;" onmouseover="if(!this.parentElement.classList.contains('active')) { this.style.background='linear-gradient(90deg, rgba(30, 64, 175, 0.22), rgba(59, 130, 246, 0.18))'; this.style.color='#fff'; this.style.transform='translateX(4px)'; }" onmouseout="if(!this.parentElement.classList.contains('active')) { this.style.background='transparent'; this.style.color='rgba(255,255,255,0.85)'; this.style.transform='translateX(0)'; }">
                            <i class="fa fa-coins" aria-hidden="true" style="font-size: 16px; width: 20px;"></i>
                            <p style="margin: 0; flex: 1;">Crypto Exchange</p>
                        </a>
                    </li>
                <?php endif; ?>
                <?php if($settings->subscription_service == 'on'): ?>
                    <li class="nav-item <?php echo e((request()->routeIs('subtrade')) ? 'active' : ''); ?>" style="list-style: none; margin-bottom: 2px; background: linear-gradient(90deg, rgba(37, 99, 235, 0.15), rgba(59, 130, 246, 0.1)); border-radius: 8px;">
                        <a href="<?php echo e(url('dashboard/subtrade')); ?>" style="display: flex; align-items: center; gap: 14px; padding: 14px 16px; color: <?php echo e((request()->routeIs('subtrade')) ? '#fff' : 'rgba(255,255,255,0.85)'); ?>; text-decoration: none; transition: all 0.3s ease; background: <?php echo e((request()->routeIs('subtrade')) ? 'linear-gradient(135deg, #2563eb 0%, #3b82f6 100%)' : 'transparent'); ?>; box-shadow: <?php echo e((request()->routeIs('subtrade')) ? '0 4px 15px rgba(37,99,235,0.4)' : 'none'); ?>; font-weight: <?php echo e((request()->routeIs('subtrade')) ? '600' : '500'); ?>; font-size: 14px; border-radius: 8px;" onmouseover="if(!this.parentElement.classList.contains('active')) { this.style.background='linear-gradient(90deg, rgba(37, 99, 235, 0.25), rgba(59, 130, 246, 0.2))'; this.style.color='#fff'; this.style.transform='translateX(4px)'; }" onmouseout="if(!this.parentElement.classList.contains('active')) { this.style.background='transparent'; this.style.color='rgba(255,255,255,0.85)'; this.style.transform='translateX(0)'; }">
                            <i class="fa fa-th" aria-hidden="true" style="font-size: 16px; width: 20px;"></i>
                            <p style="margin: 0; flex: 1;">Subscription Trade</p>
                        </a>
                    </li>
                <?php endif; ?>
                
                <li class="nav-item <?php echo e((request()->routeIs('mplans')) ? 'active' : ''); ?> <?php echo e((request()->routeIs('myplans')) ? 'active' : ''); ?>" style="list-style: none; margin-bottom: 2px; background: linear-gradient(90deg, rgba(14, 165, 233, 0.12), rgba(56, 189, 248, 0.08)); border-radius: 8px;">
                    <a data-toggle="collapse" href="#mpack" style="display: flex; align-items: center; gap: 14px; padding: 14px 16px; color: <?php echo e((request()->routeIs('mplans') || request()->routeIs('myplans')) ? '#fff' : 'rgba(255,255,255,0.85)'); ?>; text-decoration: none; transition: all 0.3s ease; background: <?php echo e((request()->routeIs('mplans') || request()->routeIs('myplans')) ? 'linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%)' : 'transparent'); ?>; box-shadow: <?php echo e((request()->routeIs('mplans') || request()->routeIs('myplans')) ? '0 4px 15px rgba(14,165,233,0.4)' : 'none'); ?>; font-weight: <?php echo e((request()->routeIs('mplans') || request()->routeIs('myplans')) ? '600' : '500'); ?>; font-size: 14px; cursor: pointer; border-radius: 8px;" onmouseover="if(!this.parentElement.classList.contains('active')) { this.style.background='linear-gradient(90deg, rgba(14, 165, 233, 0.22), rgba(56, 189, 248, 0.18))'; this.style.color='#fff'; this.style.transform='translateX(4px)'; }" onmouseout="if(!this.parentElement.classList.contains('active')) { this.style.background='transparent'; this.style.color='rgba(255,255,255,0.85)'; this.style.transform='translateX(0)'; }">
                        <i class="fas fa-cubes" style="font-size: 16px; width: 20px;"></i>
                        <p style="margin: 0; flex: 1;">Invest</p>
                        <span class="caret" style="border-top-color: rgba(255,255,255,0.6);"></span>
                    </a>
                    <div class="collapse" id="mpack" style="background: linear-gradient(90deg, rgba(8, 47, 73, 0.4), rgba(14, 116, 144, 0.3)); margin-top: 4px; border-radius: 8px; padding: 4px 0;">
                        <ul class="nav nav-collapse" style="padding: 0; margin: 0;">
                            <li style="list-style: none; background: linear-gradient(90deg, rgba(6, 182, 212, 0.15), rgba(34, 211, 238, 0.1)); border-radius: 6px; margin: 2px 8px;">
                                <a href="<?php echo e(url('dashboard/buy-plan')); ?>" style="display: block; padding: 10px 16px 10px 42px; color: rgba(255,255,255,0.75); text-decoration: none; transition: all 0.3s ease; font-size: 13px; border-radius: 6px;" onmouseover="this.style.background='linear-gradient(90deg, rgba(6, 182, 212, 0.25), rgba(34, 211, 238, 0.2))'; this.style.color='#fff'; this.style.paddingLeft='46px';" onmouseout="this.style.background='transparent'; this.style.color='rgba(255,255,255,0.75)'; this.style.paddingLeft='42px';">
                                    <span class="sub-item">Subscribe to a Plan</span>
                                </a>
                            </li>
                            <li style="list-style: none; background: linear-gradient(90deg, rgba(8, 145, 178, 0.12), rgba(6, 182, 212, 0.08)); border-radius: 6px; margin: 2px 8px;">
                                <a href="<?php echo e(url('dashboard/myplans')); ?>" style="display: block; padding: 10px 16px 10px 42px; color: rgba(255,255,255,0.75); text-decoration: none; transition: all 0.3s ease; font-size: 13px; border-radius: 6px;" onmouseover="this.style.background='linear-gradient(90deg, rgba(8, 145, 178, 0.22), rgba(6, 182, 212, 0.18))'; this.style.color='#fff'; this.style.paddingLeft='46px';" onmouseout="this.style.background='transparent'; this.style.color='rgba(255,255,255,0.75)'; this.style.paddingLeft='42px';">
                                    <span class="sub-item">My Investment</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>  
                <li class="nav-item <?php echo e((request()->routeIs('referuser')) ? 'active' : ''); ?>" style="list-style: none; margin-bottom: 2px; background: linear-gradient(90deg, rgba(59, 130, 246, 0.15), rgba(96, 165, 250, 0.1)); border-radius: 8px;">
                    <a href="<?php echo e(url('dashboard/referuser')); ?>" style="display: flex; align-items: center; gap: 14px; padding: 14px 16px; color: <?php echo e((request()->routeIs('referuser')) ? '#fff' : 'rgba(255,255,255,0.85)'); ?>; text-decoration: none; transition: all 0.3s ease; background: <?php echo e((request()->routeIs('referuser')) ? 'linear-gradient(135deg, #3b82f6 0%, #2563eb 100%)' : 'transparent'); ?>; box-shadow: <?php echo e((request()->routeIs('referuser')) ? '0 4px 15px rgba(59,130,246,0.4)' : 'none'); ?>; font-weight: <?php echo e((request()->routeIs('referuser')) ? '600' : '500'); ?>; font-size: 14px; border-radius: 8px;" onmouseover="if(!this.parentElement.classList.contains('active')) { this.style.background='linear-gradient(90deg, rgba(59, 130, 246, 0.25), rgba(96, 165, 250, 0.2))'; this.style.color='#fff'; this.style.transform='translateX(4px)'; }" onmouseout="if(!this.parentElement.classList.contains('active')) { this.style.background='transparent'; this.style.color='rgba(255,255,255,0.85)'; this.style.transform='translateX(0)'; }">
                        <i class="fa fa-recycle" aria-hidden="true" style="font-size: 16px; width: 20px;"></i>
                        <p style="margin: 0; flex: 1;">Refer Users</p>
                    </a>
                </li>
               
            </ul>
        </div>
    </div>
</div>


<button class="d-md-none" id="mobileSidebarToggle" style="position: fixed; top: 15px; left: 15px; z-index: 1100; background: white; border: none; padding: 10px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);">
    <i class="fas fa-bars" style="font-size: 24px; color: #1e293b;"></i>
</button>


<!-- Mobile Menu Grid -->
<div class="d-md-none mobile-menu-grid" id="mobileMenuGrid" style="display: none; padding: 20px; background: rgba(0, 0, 0, 0.85); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1100; overflow-y: auto;">
    
    <button id="closeMobileMenu" style="position: absolute; top: 15px; right: 15px; background: white; border: none; width: 36px; height: 36px; border-radius: 50%; box-shadow: 0 2px 8px rgba(0,0,0,0.1); z-index: 1150;">
        <i class="fas fa-times" style="font-size: 18px; color: #1e293b;"></i>
    </button>
    
    <!-- Logo Section -->
    <div style="text-align: center; margin-bottom: 24px;">
        <img src="<?php echo e(asset('storage/app/public/'.$settings->logo)); ?>" alt="<?php echo e($settings->site_name); ?>" style="max-width: 150px; height: auto;">
    </div>
    
    <div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; max-width: 450px; margin: 0 auto;">
        
        <!-- Dashboard -->
        <a href="<?php echo e(url('/dashboard')); ?>" style="background: <?php echo e((request()->routeIs('dashboard')) ? 'linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%)' : 'linear-gradient(135deg, #93c5fd 0%, #60a5fa 100%)'); ?>; border-radius: 16px; padding: 24px 16px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-decoration: none; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease; min-height: 120px;" onmouseover="this.style.transform='translateY(-4px)'; this.style.boxShadow='0 6px 12px rgba(0,0,0,0.15)';" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 6px rgba(0,0,0,0.1)';">
            <div style="width: 48px; height: 48px; background: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 12px;">
                <i class="fas fa-home" style="font-size: 20px; color: #3b82f6;"></i>
            </div>
            <span style="color: #1e293b; font-weight: 500; font-size: 13px; text-align: center;">Dashboard</span>
        </a>

        <!-- Fund your Account -->
        <a href="<?php echo e(url('dashboard/deposits')); ?>" style="background: <?php echo e((request()->routeIs('deposits') || request()->routeIs('payment')) ? 'linear-gradient(135deg, #a78bfa 0%, #8b5cf6 100%)' : 'linear-gradient(135deg, #c4b5fd 0%, #a78bfa 100%)'); ?>; border-radius: 16px; padding: 24px 16px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-decoration: none; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease; min-height: 120px;" onmouseover="this.style.transform='translateY(-4px)'; this.style.boxShadow='0 6px 12px rgba(0,0,0,0.15)';" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 6px rgba(0,0,0,0.1)';">
            <div style="width: 48px; height: 48px; background: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 12px;">
                <i class="fa fa-download" style="font-size: 20px; color: #8b5cf6;"></i>
            </div>
            <span style="color: #1e293b; font-weight: 500; font-size: 13px; text-align: center;">Fund Account</span>
        </a>

        <!-- Withdraw Funds -->
        <a href="<?php echo e(url('dashboard/withdrawals')); ?>" style="background: <?php echo e((request()->routeIs('withdrawalsdeposits') || request()->routeIs('withdrawfunds')) ? 'linear-gradient(135deg, #fde68a 0%, #fbbf24 100%)' : 'linear-gradient(135deg, #fef3c7 0%, #fde68a 100%)'); ?>; border-radius: 16px; padding: 24px 16px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-decoration: none; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease; min-height: 120px;" onmouseover="this.style.transform='translateY(-4px)'; this.style.boxShadow='0 6px 12px rgba(0,0,0,0.15)';" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 6px rgba(0,0,0,0.1)';">
            <div style="width: 48px; height: 48px; background: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 12px;">
                <i class="fa fa-arrow-alt-circle-up" style="font-size: 20px; color: #f59e0b;"></i>
            </div>
            <span style="color: #1e293b; font-weight: 500; font-size: 13px; text-align: center;">Withdraw Funds</span>
        </a>

        <!-- Profit Record -->
        <a href="<?php echo e(url('dashboard/tradinghistory')); ?>" style="background: <?php echo e((request()->routeIs('tradinghistory')) ? 'linear-gradient(135deg, #34d399 0%, #10b981 100%)' : 'linear-gradient(135deg, #6ee7b7 0%, #34d399 100%)'); ?>; border-radius: 16px; padding: 24px 16px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-decoration: none; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease; min-height: 120px;" onmouseover="this.style.transform='translateY(-4px)'; this.style.boxShadow='0 6px 12px rgba(0,0,0,0.15)';" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 6px rgba(0,0,0,0.1)';">
            <div style="width: 48px; height: 48px; background: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 12px;">
                <i class="fa fa-signal" style="font-size: 20px; color: #10b981;"></i>
            </div>
            <span style="color: #1e293b; font-weight: 500; font-size: 13px; text-align: center;">Profit Record</span>
        </a>

        <!-- Transactions history -->
        <a href="<?php echo e(url('dashboard/accounthistory')); ?>" style="background: <?php echo e((request()->routeIs('accounthistory')) ? 'linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%)' : 'linear-gradient(135deg, #93c5fd 0%, #60a5fa 100%)'); ?>; border-radius: 16px; padding: 24px 16px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-decoration: none; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease; min-height: 120px;" onmouseover="this.style.transform='translateY(-4px)'; this.style.boxShadow='0 6px 12px rgba(0,0,0,0.15)';" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 6px rgba(0,0,0,0.1)';">
            <div style="width: 48px; height: 48px; background: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 12px;">
                <i class="fa fa-briefcase" style="font-size: 20px; color: #3b82f6;"></i>
            </div>
            <span style="color: #1e293b; font-weight: 500; font-size: 13px; text-align: center;">Transactions</span>
        </a>

        <?php if($moresettings->use_crypto_feature == 'true'): ?>
        <!-- Crypto Exchange -->
        <a href="<?php echo e(route('assetbalance')); ?>" style="background: <?php echo e((request()->routeIs('assetbalance')) ? 'linear-gradient(135deg, #fb923c 0%, #f97316 100%)' : 'linear-gradient(135deg, #fdba74 0%, #fb923c 100%)'); ?>; border-radius: 16px; padding: 24px 16px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-decoration: none; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease; min-height: 120px;" onmouseover="this.style.transform='translateY(-4px)'; this.style.boxShadow='0 6px 12px rgba(0,0,0,0.15)';" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 6px rgba(0,0,0,0.1)';">
            <div style="width: 48px; height: 48px; background: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 12px;">
                <i class="fa fa-coins" style="font-size: 20px; color: #f97316;"></i>
            </div>
            <span style="color: #1e293b; font-weight: 500; font-size: 13px; text-align: center;">Crypto Exchange</span>
        </a>
        <?php endif; ?>

        <?php if($settings->subscription_service == 'on'): ?>
        <!-- Subscription Trade -->
        <a href="<?php echo e(url('dashboard/subtrade')); ?>" style="background: <?php echo e((request()->routeIs('subtrade')) ? 'linear-gradient(135deg, #fde68a 0%, #fbbf24 100%)' : 'linear-gradient(135deg, #fef3c7 0%, #fde68a 100%)'); ?>; border-radius: 16px; padding: 24px 16px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-decoration: none; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease; min-height: 120px;" onmouseover="this.style.transform='translateY(-4px)'; this.style.boxShadow='0 6px 12px rgba(0,0,0,0.15)';" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 6px rgba(0,0,0,0.1)';">
            <div style="width: 48px; height: 48px; background: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 12px;">
                <i class="fa fa-th" style="font-size: 20px; color: #f59e0b;"></i>
            </div>
            <span style="color: #1e293b; font-weight: 500; font-size: 13px; text-align: center;">Subscription Trade</span>
        </a>
        <?php endif; ?>

        <!-- Subscribe to a Plan -->
        <a href="<?php echo e(url('dashboard/buy-plan')); ?>" style="background: <?php echo e((request()->routeIs('mplans')) ? 'linear-gradient(135deg, #34d399 0%, #10b981 100%)' : 'linear-gradient(135deg, #6ee7b7 0%, #34d399 100%)'); ?>; border-radius: 16px; padding: 24px 16px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-decoration: none; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease; min-height: 120px;" onmouseover="this.style.transform='translateY(-4px)'; this.style.boxShadow='0 6px 12px rgba(0,0,0,0.15)';" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 6px rgba(0,0,0,0.1)';">
            <div style="width: 48px; height: 48px; background: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 12px;">
                <i class="fas fa-cubes" style="font-size: 20px; color: #10b981;"></i>
            </div>
            <span style="color: #1e293b; font-weight: 500; font-size: 13px; text-align: center;">Subscribe Plan</span>
        </a>

        <!-- My Investment -->
        <a href="<?php echo e(url('dashboard/myplans')); ?>" style="background: <?php echo e((request()->routeIs('myplans')) ? 'linear-gradient(135deg, #a78bfa 0%, #8b5cf6 100%)' : 'linear-gradient(135deg, #c4b5fd 0%, #a78bfa 100%)'); ?>; border-radius: 16px; padding: 24px 16px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-decoration: none; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease; min-height: 120px;" onmouseover="this.style.transform='translateY(-4px)'; this.style.boxShadow='0 6px 12px rgba(0,0,0,0.15)';" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 6px rgba(0,0,0,0.1)';">
            <div style="width: 48px; height: 48px; background: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 12px;">
                <i class="fas fa-cubes" style="font-size: 20px; color: #8b5cf6;"></i>
            </div>
            <span style="color: #1e293b; font-weight: 500; font-size: 13px; text-align: center;">My Investment</span>
        </a>

        <!-- Account Settings -->
        <a href="<?php echo e(route('profile')); ?>" style="background: linear-gradient(135deg, #cbd5e1 0%, #94a3b8 100%); border-radius: 16px; padding: 24px 16px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-decoration: none; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease; min-height: 120px;" onmouseover="this.style.transform='translateY(-4px)'; this.style.boxShadow='0 6px 12px rgba(0,0,0,0.15)';" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 6px rgba(0,0,0,0.1)';">
            <div style="width: 48px; height: 48px; background: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 12px;">
                <i class="fas fa-cog" style="font-size: 20px; color: #64748b;"></i>
            </div>
            <span style="color: #1e293b; font-weight: 500; font-size: 13px; text-align: center;">Account Settings</span>
        </a>
    </div>
</div>


<script>
document.addEventListener('DOMContentLoaded', function() {
    const toggleBtn = document.getElementById('mobileSidebarToggle');
    const mobileMenu = document.getElementById('mobileMenuGrid');
    const closeBtn = document.getElementById('closeMobileMenu');
    
    if (toggleBtn && mobileMenu) {
        toggleBtn.addEventListener('click', function() {
            mobileMenu.style.display = 'block';
            document.body.style.overflow = 'hidden'; // Prevent background scroll
        });
    }
    
    if (closeBtn && mobileMenu) {
        closeBtn.addEventListener('click', function() {
            mobileMenu.style.display = 'none';
            document.body.style.overflow = 'auto'; // Restore scroll
        });
    }
    
    // Close on menu item click
    const menuLinks = mobileMenu.querySelectorAll('a');
    menuLinks.forEach(link => {
        link.addEventListener('click', function() {
            mobileMenu.style.display = 'none';
            document.body.style.overflow = 'auto';
        });
    });
});
</script>
<!-- End Sidebar -->
<?php /**PATH /home3/infinexc/public_html/fx/resources/views/user/sidebar.blade.php ENDPATH**/ ?>