Giriş yapan ID: OTURUM YOK<nav class="v-navbar-slim">
    <div class="v-nav-wrapper">
        <link rel="stylesheet" href="src/style.css">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
        
        <div class="v-nav-left">
            <a href="/" class="v-brand">
                <div class="v-logo-box">A</div>
                <div class="v-brand-text">
                    <span class="glitch-txt" data-text="ASTRA">ASTRA</span>
                    <span class="sub-txt">GAME.DOCS</span>
                </div>
            </a>
        </div>

        <div class="v-nav-center">
            <div class="hud-item">
                <span class="hud-label">SİSTEM_DURUMU</span>
                <span class="hud-value online">BETA</span>
            </div>
            <div class="hud-divider"></div>
            <div class="hud-item">
                <span class="hud-label">TOPLAM EKLENTİ</span>
                <span class="hud-value">7</span>
            </div>
        </div>

        <div class="v-nav-right">
            <div class="v-menu">
                <a href="sss.php" class="v-menu-link">S.S.S</a>
                <a href="users.php" class="v-menu-link">KULLANICILAR</a>
                <a href="store.php" class="v-menu-link">MÜŞTERİ ÖZEL</a>

            </div>
            
<div class="v-auth-group">
    
           <a href="login.php" class="v-login-link-minimal">GİRİŞ</a>
        <a href="register.php" class="v-btn-register-slim">
            <span class="v-btn-content">YENİ KULLANICI</span>
        </a>
    </div><style>/* Chat ikonuna özel hover rengi */
.v-nav-icon-btn.chat-btn:hover {
    color: #ff4655; /* Valorant Kırmızısı */
    transform: translateY(-2px); /* Ufak bir zıplama efekti */
}</style>
        </div>
    </div>
    <div class="v-nav-bottom-bar"></div>
</nav>

<style>
    /* NAVBAR DİNAMİK EKLEMELER */
    .v-user-widget {
        display: flex;
        align-items: center;
        gap: 15px;
        background: rgba(255, 255, 255, 0.03);
        padding: 5px 5px 5px 15px;
        border: 1px solid rgba(255, 255, 255, 0.05);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 10% 100%, 0 80%);
    }

    .v-user-info-text {
        display: flex;
        flex-direction: column;
        text-align: right;
    }

    .v-user-role {
        font-size: 9px;
        color: #ff4655;
        font-weight: 800;
        letter-spacing: 1px;
    }

    .v-user-name {
        font-size: 13px;
        font-weight: 700;
        color: #fff;
        text-transform: uppercase;
    }

    .v-user-avatar-nav {
        width: 35px;
        height: 35px;
        background: #ff4655;
        color: #000;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 900;
        font-size: 18px;
        text-decoration: none;
        clip-path: polygon(0 0, 100% 0, 100% 80%, 80% 100%, 0 100%);
        transition: 0.3s;
    }

    .v-user-avatar-nav:hover {
        background: #fff;
        transform: scale(1.05);
    }

    .v-nav-divider {
        width: 1px;
        height: 20px;
        background: rgba(255, 255, 255, 0.1);
    }

    /* Ortak İkon Buton Stili */
/* Ortak İkon Buton Stili - GÜNCELLENMİŞ HALİ */
.v-nav-icon-btn {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.25);
    transition: all 0.2s ease-in-out;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    
    /* --- EKLENEN KRİTİK KISIMLAR --- */
    position: relative; /* Badge'in referans noktası burası olsun */
    overflow: visible;  /* Badge kutunun dışına taşabilsin (kesilmesin) */
}

    /* Ayarlar (Gear) Hover Efekti */
    .gear-btn:hover {
        color: #ffffff;
        text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
        transform: rotate(45deg) scale(1.1); /* Hafif dönme efekti */
    }

    /* Çıkış (Logout) Hover Efekti */
    .logout-btn:hover {
        color: #ff4655; /* Astra Kırmızısı */
        text-shadow: 0 0 10px rgba(255, 70, 85, 0.6);
        transform: scale(1.1);
    }

    /* Divider Düzenlemesi */
    .v-nav-divider {
        width: 1px;
        height: 25px;
        background: rgba(255, 255, 255, 0.1);
        margin: 0 5px;
    }

    /* Widget Genel Yapı */
    .v-user-widget {
        display: flex;
        align-items: center;
        gap: 8px;
        background: rgba(15, 25, 35, 0.8);
        padding: 5px 12px;
        border: 1px solid rgba(255, 255, 255, 0.05);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 8px 100%, 0 85%);
    }/* --- BİLDİRİM ROZETİ (BADGE) --- */
.nav-item-container {
    position: relative; /* Badge buna göre konumlanacak */
    display: inline-block;
}

.notif-badge {
    position: absolute;
    top: -5px;      /* İkonun biraz yukarısında */
    right: -8px;    /* İkonun biraz sağında */
    background-color: #ff4655; /* Valorant Kırmızısı */
    color: white;
    font-size: 10px;
    font-weight: bold;
    padding: 2px 6px;
    border-radius: 10px; /* Yuvarlak hatlar */
    border: 1px solid #0f1923; /* Arka plan renginde sınır */
    box-shadow: 0 0 5px rgba(255, 70, 85, 0.8); /* Parlama efekti */
    display: none; /* Başlangıçta gizli, mesaj varsa görünecek */
    animation: pulse 2s infinite;
}

/* Yanıp sönme efekti */
@keyframes pulse {
    0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 70, 85, 0.7); }
    70% { transform: scale(1.1); box-shadow: 0 0 0 5px rgba(255, 70, 85, 0); }
    100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 70, 85, 0); }
}
</style>
<script>
document.addEventListener("DOMContentLoaded", function() {
    
    function checkNotifications() {
        // ajax_notification.php dosyasına istek at
        fetch('musteri/ajax_notification.php')
        .then(response => response.text())
        .then(count => {
            var badge = document.getElementById("msgBadge");
            var msgCount = parseInt(count);

            if (msgCount > 0) {
                // Mesaj varsa göster
                badge.style.display = "block";
                badge.innerText = msgCount > 99 ? '99+' : msgCount;
                
                // İsteğe bağlı: Sayfa başlığını güncelle (Örn: (1) Astra Panel)
                document.title = "(" + msgCount + ") Yeni Mesaj | Astra Panel";
            } else {
                // Mesaj yoksa gizle
                badge.style.display = "none";
                // Başlığı normale döndür
                document.title = "Astra Panel"; // Buraya kendi site başlığını yaz
            }
        })
        .catch(error => console.error('Bildirim hatası:', error));
    }

    // Sayfa açılınca bir kez kontrol et
    checkNotifications();

    // Sonra her 3 saniyede bir (3000ms) tekrar kontrol et
    setInterval(checkNotifications, 3000);
});
</script>
<link rel="stylesheet" href="src/style.css">
<aside class="v-docs-sidebar">
<div class="v-search-container">
    <span class="v-hud-label">DATABASE SEARCH</span>
    <form action="users.php" method="GET">
        <div class="v-search-input-group">
            <input type="text" name="user_query" placeholder="Kullanıcı ismi giriniz..." autocomplete="off">
            <div class="v-input-indicator"></div>
        </div>
        </form>
</div>
<style>
    /* ==========================================================================
   SIDEBAR SCROLL VE DÜZEN AYARLARI
   ========================================================================== */

/* 1. Sidebar Ana Taşıyıcıyı Esnek Yap (Flexbox) */
.v-docs-sidebar {
    /* Mevcut width, background vb. özelliklerin kalsın */
    /* Aşağıdakileri ekle/güncelle: */
    height: 100vh;        /* Ekran boyu kadar yükseklik */
    position: sticky;     /* Veya fixed, yapına göre */
    top: 0;
    display: flex;        /* İçerikleri esnek dizeceğiz */
    flex-direction: column; /* Alt alta dizilsin */
    overflow: hidden;     /* Sidebar'ın dışına taşmayı engelle */
    z-index: 100;
}

/* 2. Arama ve Footer Kısımları (Sabit Kalacaklar) */
.v-search-container, 
.v-sidebar-footer {
    flex-shrink: 0; /* Bunlar asla büzüşmesin, sabit kalsın */
}

/* 3. Kategorilerin Olduğu Orta Kısım (Scroll Buraya Gelecek) */
.v-sidebar-nav {
    flex-grow: 1;    /* Kalan tüm boşluğu bu kaplasın */
    overflow-y: auto; /* Sadece burası dikey scroll olsun */
    min-height: 0;    /* Firefox flexbox bug fix */
    padding-right: 5px; /* Scrollbar içeriğe yapışmasın */
}

/* ==========================================================================
   NEON KIRMIZI SCROLLBAR TASARIMI (Webkit Tarayıcılar İçin)
   ========================================================================== */

/* Scrollbar Çubuğunun Genişliği */
.v-sidebar-nav::-webkit-scrollbar {
    width: 6px; /* İnce ve zarif */
}

/* Scrollbar Arka Planı (Yol) */
.v-sidebar-nav::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.3); /* Hafif koyu transparan */
    border-radius: 4px;
}

/* Hareket Eden Çubuk (Thumb) - NEON KIRMIZI */
.v-sidebar-nav::-webkit-scrollbar-thumb {
    background: #990000; /* Koyu kırmızı */
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(255, 0, 0, 0.5); /* Hafif parlama */
}

/* Çubuğun Üzerine Gelince (Hover) */
.v-sidebar-nav::-webkit-scrollbar-thumb:hover {
    background: #ff0000; /* Tam Neon Kırmızı */
    box-shadow: 0 0 10px rgba(255, 0, 0, 0.8); /* Parlama artar */
}
</style>

<nav class="v-sidebar-nav">
    <span class="v-hud-label">// CATEGORIES</span>
    <div class="v-nav-list">
        <a href="index.php" class="v-cat-link active">
            <span class="v-cat-text">TÜMÜ</span>
            <span class="v-cat-badge">7</span>
        </a>

                    <a href="?cat=1" class="v-cat-link">
                <span class="v-cat-text">VALORANT MODS</span>
                <span class="v-cat-badge">3</span>
            </a>
                    <a href="?cat=2" class="v-cat-link">
                <span class="v-cat-text">SERVER SCRIPTS</span>
                <span class="v-cat-badge">1</span>
            </a>
                    <a href="?cat=9" class="v-cat-link">
                <span class="v-cat-text">MİNECRAFT SCRİPT</span>
                <span class="v-cat-badge">0</span>
            </a>
                    <a href="?cat=10" class="v-cat-link">
                <span class="v-cat-text">MİNECRAFT PLUGİNLERİ</span>
                <span class="v-cat-badge">3</span>
            </a>
                    <a href="?cat=11" class="v-cat-link">
                <span class="v-cat-text">MİNECRAFT PLUGİNLERİ</span>
                <span class="v-cat-badge">0</span>
            </a>
            </div>
</nav>

    <div class="v-sidebar-footer">
        <span class="v-hud-label">// SYSTEM_LOG</span>
        <div class="v-log-status">CONNECTION_SECURE</div>
    </div>
</aside><link rel="stylesheet" href="src/style.css">
<style>
    .v-search-wrapper { display: flex; justify-content: flex-end; margin-bottom: 25px; }
    .v-search-box {
        display: flex; align-items: center; background: rgba(15, 25, 35, 0.9);
        border: 1px solid rgba(255, 70, 85, 0.4); padding: 8px 15px;
        clip-path: polygon(5px 0, 100% 0, 100% calc(100% - 5px), calc(100% - 5px) 100%, 0 100%, 0 5px);
    }
    .v-search-box input {
        background: transparent; border: none; color: #ece8e1;
        font-family: 'Rajdhani', sans-serif; outline: none; width: 250px; font-size: 15px;
    }
    .v-search-btn { background: transparent; border: none; color: #ff4655; cursor: pointer; font-size: 18px; margin-left: 10px; }

    /* Yapımcı Alanı Stili */
    .v-author-container {
        display: flex; align-items: center; background: rgba(255, 70, 85, 0.08);
        border-left: 3px solid #ff4655; padding: 10px; margin: 12px 0; gap: 10px;
    }
    .v-author-label { font-size: 9px; color: #888; font-weight: bold; text-transform: uppercase; }
    .v-author-value { font-size: 14px; color: #fff; font-weight: 800; text-transform: uppercase; }

    /* Specs Tablosu */
    .v-card-specs {
        display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 15px;
    }
    .spec-item { display: flex; flex-direction: column; background: rgba(255, 255, 255, 0.02); padding: 8px; border: 1px solid rgba(255, 255, 255, 0.05); }
    .spec-item.highlight { border-left: 2px solid #ff4655; }
    .spec-item.full { grid-column: span 2; }
    .spec-label { font-size: 9px; color: #7e7e7e; text-transform: uppercase; }
    .spec-value { font-size: 13px; color: #ece8e1; font-weight: 700; }
</style>

<main class="v-docs-content">
    <header class="v-content-header" style="display:flex; justify-content:space-between; align-items:center; margin-bottom:40px;">
        <h1 class="glitch-txt" data-text="PROTOKOL MERKEZİ">OYUN EKLENTİ DÖKÜMANLARI</h1>
        
        <form action="index.php" method="GET" class="v-search-box">
                            <input type="hidden" name="cat" value="10">
                        <input type="text" name="q" placeholder="Eklenti Ara." value="">
            <button type="submit" class="v-search-btn"><i class="fa-solid fa-magnifying-glass"></i></button>
        </form>
    </header>

<div class="v-plugin-grid">
              <div class="v-plugin-card compact-mode">
            
            <div class="v-compact-header">
                <div class="header-left" style="display: flex; align-items: center; gap: 15px;">
                                             <img src="uploads/img_696eab60e294a.jpg" style="width: 50px; height: 50px; border: 1px solid #ff4655; object-fit: cover; clip-path: polygon(10% 0, 100% 0, 100% 90%, 90% 100%, 0 100%, 0 10%);">
                    
                    <div>
                        <h3 class="v-card-title" style="margin: 0;">asdsa</h3>
                        <div class="v-author-line">
                            <i class="fa-solid fa-user-shield"></i>
                            <span>deneme</span>
                        </div>
                    </div>
                </div>

                <div class="header-right" style="text-align: right;">
                    <span class="v-tag-game">General</span>
                                        <div style="font-size: 10px; color: #00ff88; margin-top: 5px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; border: 1px solid #00ff8844; padding: 2px 6px; background: #00ff8811;">
                        Düşük SİSTEM
                    </div>
                </div>
            </div>

            <div class="v-compact-body">
                <p></p>
            </div>

            <div class="v-compact-footer">
                <div class="sys-reqs">
                    <span class="req-label">MİN. SİSTEM:</span>
                    <span class="req-val">
                         RAM <span class="sep">//</span>                     </span>
                </div>
                <div class="action-area">
                    <a href="view.php?id=21" class="v-btn-compact">(Detay)</a>
                </div>
            </div>

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