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="2">
                        <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_6967db4e30634.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;">ASTRAVLAS</h3>
                        <div class="v-author-line">
                            <i class="fa-solid fa-user-shield"></i>
                            <span>Ahmet</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: #ff4655; margin-top: 5px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; border: 1px solid #ff465544; padding: 2px 6px; background: #ff465511;">
                        Yüksek SİSTEM
                    </div>
                </div>
            </div>

            <div class="v-compact-body">
                <p> LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM LOREMİPSUM sadasdas</p>
            </div>

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

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