@{
    ViewData["Title"] = "Backend Diagnostic Test";
    Layout = "_AdminLayout";
}

<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <h2>Backend Navigation Diagnostic Test</h2>
            <p>Click the links below to test navigation:</p>
            
            <div class="card mt-4">
                <div class="card-header bg-primary text-white">
                    <h4>Test Links</h4>
                </div>
                <div class="card-body">
                    <div class="list-group">
                        <a href="/admin/pages" class="list-group-item list-group-item-action">
                            <i class="bi bi-file-earmark-text"></i> Pages
                        </a>
                        <a href="/admin/products" class="list-group-item list-group-item-action">
                            <i class="bi bi-cart"></i> Products
                        </a>
                        <a href="/admin/blog" class="list-group-item list-group-item-action">
                            <i class="bi bi-journal-text"></i> Blog
                        </a>
                        <a href="/admin/portfolio/categories" class="list-group-item list-group-item-action">
                            <i class="bi bi-images"></i> Portfolio
                        </a>
                        <a href="/admin/settings" class="list-group-item list-group-item-action">
                            <i class="bi bi-gear"></i> Settings
                        </a>
                        <a href="/admin/users" class="list-group-item list-group-item-action">
                            <i class="bi bi-people"></i> Users
                        </a>
                    </div>
                    
                    <div class="mt-4">
                        <h5>JavaScript Test</h5>
                        <button class="btn btn-primary" onclick="alert('JavaScript is working!'); return false;">
                            Test JavaScript
                        </button>
                        
                        <button class="btn btn-success" onclick="window.location.href='/admin/pages'">
                            Navigate to Pages (JS)
                        </button>
                    </div>
                </div>
            </div>
            
            <div class="card mt-4">
                <div class="card-header bg-info text-white">
                    <h4>Browser Information</h4>
                </div>
                <div class="card-body">
                    <p id="userAgent"></p>
                    <p id="cookiesEnabled"></p>
                    <p id="javaScriptEnabled">JavaScript: Enabled</p>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    document.getElementById('userAgent').textContent = 'User Agent: ' + navigator.userAgent;
    document.getElementById('cookiesEnabled').textContent = 'Cookies: ' + (navigator.cookieEnabled ? 'Enabled' : 'Disabled');
    
    // Test click events
    document.querySelectorAll('.list-group-item').forEach(function(item) {
        item.addEventListener('click', function(e) {
            console.log('Link clicked:', this.href);
        });
    });
</script>