<?php if (isset($component)) { $__componentOriginal951024bfcf58033c82ac11d797616473 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal951024bfcf58033c82ac11d797616473 = $attributes; } ?>
<?php $component = App\View\Components\UserLayout::resolve([] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('user-layout'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\App\View\Components\UserLayout::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes(['title' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute('Settings')]); ?>
    <main class="w-full mx-auto p-4 pb-24 md:pb-4 bg-gray-100 text-gray-900 dark:bg-gray-900 dark:text-white transition-all duration-300">
        <!-- Header -->
        <div class="flex items-center justify-between mb-8 pb-4">
            <button class="text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white">
                <i class="fas fa-arrow-left text-xl"></i>
            </button>
            <h1 class="text-xl font-semibold text-center flex-1">Settings</h1>
            <div class="w-8"></div>
        </div>
    
        <!-- Main Settings -->
        <div class="space-y-0">
            <a href="<?php echo e(route('crypto.manage')); ?>" class="flex items-center p-4 hover:bg-gray-50 dark:hover:bg-dark-800 border-b border-gray-700">
                <i class="fas fa-layer-group mr-3 text-gray-600 dark:text-gray-400"></i>
                <span>Manage Crypto</span>
            </a>
            <a href="<?php echo e(route('crypto.address')); ?>" class="flex items-center p-4 hover:bg-gray-50 dark:hover:bg-dark-800 border-b border-gray-700">
                <i class="fas fa-asterisk mr-3 text-gray-600 dark:text-gray-400"></i>
                <span>Crypto Address</span>
            </a>
            <a href="<?php echo e(route('referral.index')); ?>" class="flex items-center p-4 hover:bg-gray-50 dark:hover:bg-dark-800 border-b border-gray-700">
                <i class="fas fa-users mr-3 text-gray-600 dark:text-gray-400"></i>
                <span>Referrals</span>
            </a>
            <a href="<?php echo e(route('notifications')); ?>" class="relative flex items-center p-4 hover:bg-gray-50 dark:hover:bg-dark-800 border-b border-gray-700">
                <i class="fas fa-bell mr-3 text-gray-600 dark:text-gray-400"></i>
                <span>Notification</span>
                <span id="settings-notification-badge" class="absolute top-5 right-11 bg-red-500 text-white text-xs rounded-full w-4 h-4 flex items-center justify-center hidden">
                    0
                </span>
            </a>
        </div>
    
        <!-- Security Section -->
        <div class="mt-8">
            <h2 class="text-yellow-500 font-semibold text-lg text-center mb-4">Security</h2>
            <div class="space-y-0">
                <a href="<?php echo e(route('kyc')); ?>" class="flex items-center p-4 hover:bg-gray-50 dark:hover:bg-dark-800 border-b border-gray-700">
                    <i class="fas fa-user-check mr-3 text-gray-600 dark:text-gray-400"></i>
                    <span>Account verification</span>
                </a>
                <a href="<?php echo e(route('profile.edit')); ?>" class="flex items-center p-4 hover:bg-gray-50 dark:hover:bg-dark-800 border-b border-gray-700">
                    <i class="fas fa-lock mr-3 text-gray-600 dark:text-gray-400"></i>
                    <span>Password settings</span>
                </a>
            </div>
        </div>
    
        <!-- Logout Button -->
        <div class="mt-8">
            <form method="POST" action="<?php echo e(route('logout')); ?>" class="w-full">
                <?php echo csrf_field(); ?>
                <button class="flex items-center w-full p-4 hover:bg-gray-50 dark:hover:bg-dark-800 border-b border-gray-700 text-red-500">
                    <i class="fas fa-power-off mr-3"></i>
                    <span>Logout</span>
                </button>
            </form>
        </div>
    </main>
 <?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal951024bfcf58033c82ac11d797616473)): ?>
<?php $attributes = $__attributesOriginal951024bfcf58033c82ac11d797616473; ?>
<?php unset($__attributesOriginal951024bfcf58033c82ac11d797616473); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal951024bfcf58033c82ac11d797616473)): ?>
<?php $component = $__componentOriginal951024bfcf58033c82ac11d797616473; ?>
<?php unset($__componentOriginal951024bfcf58033c82ac11d797616473); ?>
<?php endif; ?>
<script>
document.addEventListener('DOMContentLoaded', function() {
    function updateSettingsNotificationBadge() {
        fetch('/notifications/unread-count')
            .then(response => response.json())
            .then(data => {
                const badge = document.getElementById('settings-notification-badge');
                if (data.count > 0) {
                    badge.textContent = data.count > 9 ? '9+' : data.count;
                    badge.classList.remove('hidden');
                } else {
                    badge.classList.add('hidden');
                }
            })
            .catch(error => console.error('Error fetching notification count:', error));
    }

    // Initial load
    updateSettingsNotificationBadge();

    // Periodic updates every 5 minutes
    setInterval(updateSettingsNotificationBadge, 5 * 60 * 1000);
});
</script><?php /**PATH /home/cypherva/public_html/resources/views/user/settings.blade.php ENDPATH**/ ?>