<?php
// Session kontrolü - eğer session başlatılmamışsa başlat
if (session_status() === PHP_SESSION_NONE) {
    session_start();
}
?>  
<!-- Eski jQuery/Bootstrap kaldırıldı: head.php içinde modern sürümler zaten yükleniyor -->

<header  class="headBar">
    <div  class="settingBar">
        <div  class="container-fluid">
            <div  class="row">
                <div  class="colorCol">
                    <ul  class="ng-tns-c8-0"></ul>
                </div>
            </div>
        </div>
    </div>
   
        <div  class="container-fluid">
        <div  class="row align-items-center">
            <div  class="col-4 col-sm-3 col-md-2 col-lg-1 position-relative pl-2 pl-lg-0">
    <a class="headLogo" href="/">
        <img class="ng-tns-c8-0" src="/assets/images/logo/redbets-logo1.jpg" alt="BlackBet Logo">
    </a>
</div>

            <div  class="col-8 col-sm-9 col-md-10 col-lg-11 d-md-flex justify-content-between align-items-center">
                <!-- headerSocialIcon kaldırıldı: Canlı Destek ve Telegram butonları istenmediği için gizlendi -->
   
                
     <?php
// Şu anki domaini alalım
$currentDomain = $_SERVER['HTTP_HOST'];  

// Domaini '.' ile ayıralım ve son kısmı alalım (domainin sonundaki sayıyı)
$currentDomainParts = explode('.', $currentDomain);

// Son kısımdaki sayıyı alalım (önce domain kısmını al, sayıyı ekle)
$currentDomainWithoutTld = $currentDomainParts[0]; // gatesofbet392 kısmı
$currentNumber = (int) filter_var($currentDomainWithoutTld, FILTER_SANITIZE_NUMBER_INT);

// Sonraki domaini hesapla
$nextNumber = $currentNumber + 1; // Bir sonraki numara
$nextDomain = "blackbet" . $nextNumber . ".com"; // Örneğin gatesofbet393.com
?>

<script>
    // Sayfa yüklendiğinde disclaimer'ı gösterip gizle
    window.onload = function() {
        if (!localStorage.getItem('disclaimerClosed')) {  // Eğer disclaimer kapatılmadıysa
            document.querySelector('.disclamer').style.display = 'block'; // Göster
        } else {
            document.querySelector('.disclamer').style.display = 'none'; // Gizle
        }
    }

    function closeDisclaimer() {
        var disclaimerElement = document.querySelector('.disclamer');
        if (disclaimerElement) {
            disclaimerElement.style.display = 'none'; // Div'i gizle
            localStorage.setItem('disclaimerClosed', 'true'); // Kapatıldığını kaydet
        }
    }
</script>

<div class="disclamer" style="display: none;"> <!-- Başlangıçta gizli -->
    <strong>
        Güncel Domain Adresimiz <?php echo htmlspecialchars($currentDomain); ?>.
        Bir sonraki adresimiz <?php echo htmlspecialchars($nextDomain); ?>&nbsp;olacaktır.
    </strong>
    <i class="fas fa-times close-button" onclick="closeDisclaimer()"></i>
</div>
           
<?php if (isset($_SESSION['error_message'])): ?>
        <script>
            document.addEventListener('DOMContentLoaded', function() {
                Swal.fire({
                    icon: 'error',
                    title: 'Hesabınıza giriş  yapınız!',
                    text: '<?php echo htmlspecialchars($_SESSION['error_message']); ?>',
                    confirmButtonText: 'Tamam',
                    customClass: {
                        popup: 'swal-popup-custom' // Mobil için özel CSS
                    }
                }).then(() => {
                    // Yönlendirme kaldırıldı; login modal açık kalsın
                    try { $('#login2').modal('show'); } catch(e) {
                        var modal = document.getElementById('login2');
                        if (modal) { modal.classList.add('show'); modal.style.display = 'block'; }
                    }
                });
            });
        </script>
        <?php unset($_SESSION['error_message']); // Mesajı temizle ?>
    <?php endif; ?>


                
                
                <div  class="headerItem">
                
                    
                    <div  class="loginCol ng-tns-c8-0 ng-star-inserted">
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            if (<?php echo json_encode(!empty($_SESSION['loggedin'])); ?>) {
                // Kullanıcı giriş yapmışsa API'den ana bakiyeyi çek
                fetch('/api/balanceapi.php')
                    .then(function(response){ try { return response.json(); } catch(e) { return { status: 'error', message: 'JSON parse failed' }; } })
                    .then(data => {
                        if (data.status === 'success') {
                            // Bakiye başarılı bir şekilde çekildiyse span'a yaz
                            document.querySelector('.balText').textContent = data.ana_bakiye;
                            // Diğer yerlerde de bakiyeyi güncelle
                            const playerBalanceLink = document.querySelector('.playerCol .mobile-section .pl-link b.float-right');
                            if (playerBalanceLink) {
                                playerBalanceLink.textContent = data.ana_bakiye;
                            }
                        } else {
                            console.error(data.message); // Hata mesajını konsola yazdır
                        }
                    })
                    .catch(error => console.error('Hata:', error));
            }
        });
    </script>





<a href="https://t.me/BLACKBETDESTEK" target="_blank" class="header-icon telegram-icon" aria-label="Telegram" title="Telegram"><i class="fa-brands fa-telegram"></i></a>
<a href="https://wa.me/905546160121" target="_blank" class="header-icon whatsapp-icon" aria-label="WhatsApp" title="WhatsApp"><i class="fa-brands fa-whatsapp"></i></a>

<!-- Affiliate başvuru ikonu kaldırıldı: giriş modalindeki linkler yeterli -->




<style>
/* İkon görselleri boyutlandırma (kompakt) */
.header-image {
    width: auto;
    height: 20px !important; /* logo biraz büyütüldü */
    max-width: 120px !important; /* genişlik artırıldı */
    object-fit: contain;
}
.header-image.license-img { max-width: 24px !important; }
/* Logo boyutu (kompakt) */
.headLogo img { height: 34px !important; max-width: 170px !important; object-fit: contain; }
/* Sabit header için üst padding: içerik kaymasını önle */
body { padding-top: 72px !important; }
@media (max-width: 768px) { body { padding-top: 72px !important; } }

@media screen and (max-width: 768px) {
    .header-image { height: 22px; max-width: 110px; }
    .header-image.license-img { max-width: 26px; }
    .headLogo img { height: 36px; max-width: 180px; }
    /* Mobilde dil ve saat rozetini gizle */
    /*.headerItem .langSelect, .headerItem .currentTime { display: none !important; }
    
    /* Mobil header optimizasyonu */
    .headBar { padding: 8px 0 !important; min-height: 60px !important; }
    .headerItem { gap: 4px !important; padding: 0 8px !important; }
    .header-icon, .userBtn { 
        width: 32px !important; 
        height: 32px !important; 
        min-width: 32px !important;
        font-size: 12px !important;
    }
    .header-icon i, .userBtn i { font-size: 12px !important; }
    .depositBtn { 
        padding: 6px 8px !important; 
        font-size: 10px !important; 
        min-width: auto !important;
        white-space: nowrap !important;
    }
    .balText { 
        font-size: 12px !important; 
        padding: 6px 8px !important;
        min-width: auto !important;
        white-space: nowrap !important;
    }
    /* Logo boyutunu mobilde küçült */
    .headLogo { max-width: 190px !important; }
    .headLogo img { height: 36px !important; max-width: 190px !important; }
    
    /* Mobilde header elemanlarını daha kompakt yap */
    .col-4.col-sm-3.col-md-2.col-lg-1 { flex: 0 0 34% !important; max-width: 34% !important; }
    .col-8.col-sm-9.col-md-10.col-lg-11 { flex: 0 0 66% !important; max-width: 66% !important; }
}
@media screen and (max-width: 480px) {
    .header-image { height: 20px; max-width: 100px; }
    .header-image.license-img { max-width: 24px; }
    .headLogo img { height: 34px; max-width: 170px; }
    
    /* Çok küçük ekranlar için daha da kompakt */
    .headBar { padding: 6px 0 !important; min-height: 56px !important; }
    .headerItem { gap: 2px !important; padding: 0 4px !important; }
    .header-icon, .userBtn { 
        width: 28px !important; 
        height: 28px !important; 
        min-width: 28px !important;
    }
    .header-icon i, .userBtn i { font-size: 10px !important; }
    .depositBtn { 
        padding: 3px 6px !important; 
        font-size: 9px !important;
        min-width: auto !important; 
        max-width: 70px !important;
    }
    .balText { 
        font-size: 8px !important; 
        padding: 4px 6px !important;
        max-width: 70px !important; 
        white-space: nowrap; 
        overflow: hidden; 
        text-overflow: ellipsis;
    }
    .headLogo img { height: 34px !important; max-width: 170px !important; }
    
    /* Çok küçük ekranlarda logo alanını daha da küçült */
    .col-4.col-sm-3.col-md-2.col-lg-1 { flex: 0 0 36% !important; max-width: 36% !important; }
    .col-8.col-sm-9.col-md-10.col-lg-11 { flex: 0 0 64% !important; max-width: 64% !important; }
}

/* Modern Header: sarı ikonlar + siyah zemin */
.headBar { 
  background:#000 !important; 
  border-bottom:1px solid rgba(255,255,255,.08) !important; 
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 1000 !important;
  width: 100% !important;
}
.headerItem, .loginCol { display:flex; align-items:center; gap:8px; flex-wrap: nowrap; }
/* Profil (playerCol) en sağda olsun */
header.headBar .headerItem { width:100%; justify-content:flex-start !important; overflow: visible !important; }
/* Sol tarafa dil ve saat */
/*header.headBar .headerItem .langSelect,
/*header.headBar .headerItem .currentTime { display:inline-flex !important; order:-10 !important; margin-left:0 !important; margin-right:6px !important; }
/* Sol ikonlar en başta */
header.headBar .headerItem .header-icon { order:0 !important; flex-shrink: 0; }
/* Sağ grup: Para Yatır (sol), Bakiye (orta), Profil (en sağ) */
.depositBtn { order:90 !important; flex-shrink: 0; }
.balText { order:95 !important; flex-shrink: 0; }
header.headBar .headerItem .loginCol { margin-left:auto !important; order:99 !important; flex-shrink: 0; }
.playerCol { margin-left:auto !important; display:flex; align-items:center; order:99 !important; flex-shrink: 0; }

.header-icon, .userBtn {
  display:inline-flex; align-items:center; justify-content:center;
  width:clamp(22px, 4vw, 28px); height:clamp(22px, 4vw, 28px);
  background:linear-gradient(180deg,#e5b645,#d4a536) !important;
  color:#0b1020 !important;
  border-radius:clamp(8px, 1.4vw, 12px); border:1px solid rgba(255,255,255,.08);
  box-shadow:0 10px 30px rgba(0,0,0,.35);
  text-decoration:none; cursor:pointer;
  transition:transform .15s ease, filter .2s ease;
}
.header-icon i, .userBtn i { font-size:14px; color:#0b1020 !important; }
.header-icon img { max-height:14px; max-width:20px; }
.header-icon:hover, .userBtn:hover { filter:brightness(1.05); transform:translateY(-1px); }

/* Para Yatır butonu ve bakiye etiketi */
header.headBar .depositBtn {
  background:linear-gradient(180deg,#e5b645,#d4a536) !important;
  color:#0b1020 !important;
  border-radius:clamp(3px, 1.2vmin, 7px) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  display:inline-flex; align-items:center; justify-content:center;
  padding:3px 6px !important; /* daha dar genişlik */
  font-size:clamp(8px, 1.5vmin, 10px) !important; /* metin uyumu */
  height:32px !important; /* sabit yükseklik: ikonlarla hizalı */
  line-height:1.2 !important;
  white-space:nowrap !important;
}
.depositBtn i { font-size: clamp(8px, 1.7vw, 12px); color:#0b1020 !important; }
.balText {
  color:#e5b645 !important;
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:8px !important;
  height:30px !important; line-height:30px !important; padding:0 8px !important;
}

@media (max-width:768px){
  .header-icon, .userBtn { width:26px; height:26px; border-radius:10px; }
  .header-icon i, .userBtn i { font-size:12px; }
  .header-image { height:20px; }
  .depositBtn { padding: 4px 8px !important; font-size: 10px !important; height:32px !important; min-width: auto !important; max-width: 80px !important; }
  .balText { max-width:88px !important; font-size:9px !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .headerItem, .loginCol { gap:4px; }
  header.headBar .headerItem { flex-wrap: nowrap !important; }
  .playerCol { margin-left:auto !important; }
}
@media (max-width:360px){
  .mainMenu ul li a { padding:6px 8px !important; font-size:11px !important; }
  .depositBtn { font-size: 8px !important; padding: 2px 5px !important; min-width: auto !important; max-width: 60px !important; }
  .headLogo img { height: 30px !important; max-width: 150px !important; }
  .headerItem { gap: 2px !important; }
  .header-icon, .userBtn { width: 22px !important; height: 22px !important; min-width: 22px !important; }
  .header-icon i, .userBtn i { font-size: 9px !important; }
  .license-icon, .telegram-icon, .whatsapp-icon { display: none !important; }
  .balText { max-width: 60px !important; font-size: 7px !important; }
}

/* DPI bazlı hizalama */
@media (min-resolution: 2dppx) {
  header.headBar .headerItem { gap: 6px; }
  .header-icon, .userBtn { width: 26px; height: 26px; }
  .headLogo img { max-height: 38px; }
  .depositBtn { padding: 4px 8px; font-size: 11px; }
  .playerNav { top: 40px; }
}
@media (min-resolution: 3dppx) {
  header.headBar .headerItem { gap: 4px; }
  .header-icon, .userBtn { width: 24px; height: 24px; }
  .headLogo img { max-height: 36px; }
  .depositBtn { padding: 4px 7px; font-size: 10px; }
  .playerNav { top: 38px; }
}
header.headBar .depositBtn { height: clamp(22px, 4vw, 28px) !important; }
@media screen and (max-width: 768px) { header.headBar .depositBtn { height: 32px !important; } }
@media screen and (max-width: 480px) { header.headBar .depositBtn { height: 28px !important; } }
@media (max-width:360px) { header.headBar .depositBtn { height: 22px !important; } }
.loginBtn, #openModal { height: clamp(22px, 4vw, 28px) !important; }
@media screen and (max-width: 768px) { .loginBtn, #openModal { height: 32px !important; } }
@media screen and (max-width: 480px) { .loginBtn, #openModal { height: 28px !important; } }
@media (max-width:360px) { .loginBtn, #openModal { height: 22px !important; } }
#login2 .modal-content, #loginModal .modal-content, #login .modal-content { position: relative; }
#login2 .close, #loginModal .close, #login .close { position: absolute; top: 12px; right: 20px; width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; background: linear-gradient(180deg,#e5b645,#d4a536); color: #0b1020; opacity: 1 !important; z-index: 10; }
#login2 .close span, #loginModal .close span, #login .close span { line-height: 1; font-size: 18px; }
@media screen and (max-width: 480px) { #login2 .close, #loginModal .close, #login .close { top: 8px; right: 14px; width: 28px; height: 28px; } #login2 .close span, #loginModal .close span, #login .close span { font-size: 16px; } }
/* Auth buton yükseklik eşitleme */
.loginBtn, #openModal { height: clamp(22px, 4vw, 28px) !important; }
@media screen and (max-width: 768px) { .loginBtn, #openModal { height: 32px !important; } }
@media screen and (max-width: 480px) { .loginBtn, #openModal { height: 28px !important; } }
@media (max-width:360px) { .loginBtn, #openModal { height: 22px !important; } }
</style>


<?php if (!empty($_SESSION['loggedin']) || !empty($_SESSION['user_id']) || !empty($_SESSION['username'])): ?>
    <!-- Kullanıcı giriş yapmışsa -->
<button class="btn btn-primary depositBtn" type="button" onclick="redirectToDeposit()" aria-label="Para Yatır">Para Yatır</button>

<script>
    function redirectToDeposit() {
        window.location.href = "/profile/deposit-withdraw";
    }
</script>

<span class="balText" style="display: inline-block; padding: 0.3rem 0.4rem; margin: 0 0 0 0.3rem; font-size: 10px; height: 30px; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; box-sizing: border-box;">0.00₺</span>

<div class="playerCol">
    <button class="userBtn" id="toggleButton">
        <i class="fa-solid fa-circle-user"></i>
    </button>

<div class="playerNav hidesection" id="playerNav">
    <div class="mobile-section">
        <div class="pl-link">ANA BAKİYE <b class="float-right">0.00₺</b></div>
        <div class="pl-link">Bonus Bakiyesi <b class="float-right">0₺</b></div>
    </div>
    <a class="pl-link" href="/profile/account-details"><i class="fa-solid fa-user"></i> Profilim</a>
    <a class="pl-link" href="/profile/account-statement"><i class="fa-solid fa-money-bill-1"></i> İşlem Geçmişi</a>
    <a class="pl-link" href="/profile/bet-history"><i class="fa-solid fa-money-bill-transfer"></i> Casino Geçmişi</a>

    <a class="pl-link" href="/promotions.php"><i class="fa-solid fa-gift"></i> Promosyonlar</a>
    <a class="pl-link" id="bonusRequestLink" href="/bonustalep/" style="cursor: pointer;">
        <i class="fa-solid fa-gift"></i> Bonus Talep
    </a>
      <a class="pl-link" href="/profile/deposit-withdraw"><i class="fa-solid fa-money-bill-1"></i> Para Yatırma/Para Çekme</a>
    
    <a class="pl-link"  href="/profile/kyc"><i class="fa-solid fa-address-card"></i> Kyc</a>
<a class="pl-link" style="cursor: pointer" onclick="bonusKoduKullan()">
    <i class="fa-solid fa-gift"></i> Bonus Kodu Kullan
</a>
    
    <a class="pl-link" href="/profile/responsible_gaming"><i class="fa-solid fa-shield"></i> Sorumlu Oyun</a>
    <a class="pl-link" href="/profile/referral"><i class="fa-solid fa-user-group"></i> Referans Programı</a>
    
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
function bonusKoduKullan() {
    Swal.fire({
        title: 'Bonus Kodunuzu Girin',
        input: 'text',
        inputLabel: 'Bonus Kodu',
        inputPlaceholder: 'Kodu buraya girin',
        showCancelButton: true,
        confirmButtonText: 'Kullan',
        cancelButtonText: 'İptal'
    }).then((result) => {
        if (result.isConfirmed) {
            const kod = result.value;
            
            // API çağrısı için kodu gönder
            fetch('../inc/bonus_kodu_kullan.php', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json'
                },
                body: JSON.stringify({ kod: kod })
            })
            .then(response => response.json())
            .then(data => {
                Swal.fire(data.mesaj); // API'den gelen mesajı göster
            })
            .catch(error => {
                Swal.fire('Hata oluştu, lütfen tekrar deneyin.');
                console.error('Error:', error);
            });
        }
    });
}
</script>

    <a class="pl-link" href="logout"><i class="fa-solid fa-right-from-bracket"></i> Çıkış Yap</a>
    <!-- Diğer linkler... -->
</div>

<!-- Bonus Talep Modalı -->
<div class="modal fade bonus-requestIframeStyle" id="custome-promotion" role="dialog" tabindex="-1" style="display: none;">
    <div class="modal-dialog" role="document">
        <div class="modal-content modalfreamheight">
            <div class="modal-header">
                <h5 class="modal-title">Bonus Talep</h5>
                <button class="close" data-dismiss="modal" title="Close" type="button">
                    <i class="fa-solid fa-xmark"></i>
                </button>
            </div>
            <div class="modal-body overflow-hidden" id="scrolltop">
                <iframe class="ifreamview" width="100%" src="/bonustalep/"></iframe>
            </div>
        </div>
        </div>

<style>
.hidesection {
    display: none; /* Başlangıçta gizli */
}
.modal.show {
    display: block !important; /* Modal görünürlüğünü zorla */
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}
.modal {
    display: none; /* Varsayılan olarak gizli */
    opacity: 0;
    z-index: 1050 !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    overflow: auto !important;
}
.modal-backdrop { z-index: 1040 !important; }
/* Modal boyutlandırma ve içerik yerleşimi */
.modal-dialog { max-width: 760px; margin: 1.75rem auto; }
@media (max-width: 768px) { .modal-dialog { max-width: 95%; margin: 1rem auto; } }
.modalfreamheight { max-height: 80vh; }
.bonus-requestIframeStyle .modal-body { height: 70vh; padding: 0; }
.bonus-requestIframeStyle .ifreamview { height: 100%; border: 0; }
</style>

<script>
document.addEventListener('DOMContentLoaded', function(b) {
    const toggleButton = document.getElementById('toggleButton');
    const playerNav = document.getElementById('playerNav');
    const bonusRequestLink = document.getElementById('bonusRequestLink');
    const modal = document.getElementById('custome-promotion');
    const closeButton = modal ? modal.querySelector('.close') : null;

    // Toggle butonuna tıklandığında menüyü aç/kapa
    if (toggleButton && playerNav) {
        toggleButton.addEventListener('click', function(event) {
            event.stopPropagation();
            playerNav.classList.toggle('hidesection');
        });
    }

    // Sayfanın boş alanına tıklandığında menüyü kapat
    if (playerNav) {
        document.addEventListener('click', function(event) {
            const clickedInsideNav = playerNav.contains(event.target);
            const clickedToggle = (toggleButton && (event.target === toggleButton || toggleButton.contains(event.target)));
            if (!clickedInsideNav && !clickedToggle) {
                playerNav.classList.add('hidesection');
            }
        });
    }

    // Bonus Talep linkine tıklandığında modalı aç
    if (bonusRequestLink) {
        bonusRequestLink.addEventListener('click', function(event) {
            window.location.href = '/bonustalep/';
        });
    }

    // Modalın kapatma butonuna tıklandığında modalı kapat
    if (closeButton && modal) {
        closeButton.addEventListener('click', function() {
            modal.style.display = 'none';
            modal.classList.remove('show');
            modal.setAttribute('aria-hidden', 'true');
            document.body.classList.remove('modal-open');
            var backdrop = document.querySelector('.modal-backdrop');
            if (backdrop) backdrop.remove();
        });
    }

    // Modalın dışında bir yere tıklanırsa modalı kapat
    if (modal) {
        window.addEventListener('click', function(event) {
            if (event.target === modal) {
                modal.style.display = 'none';
                modal.classList.remove('show');
                modal.setAttribute('aria-hidden', 'true');
                document.body.classList.remove('modal-open');
                var backdrop = document.querySelector('.modal-backdrop');
                if (backdrop) backdrop.remove();
            }
        });
    }
});
</script>


        </div>
    </div>
<?php else: ?>
    <!-- Kullanıcı giriş yapmamışsa -->
    <button class="btn btn-outline-light loginBtn" type="button" id="Giris"> Giriş</button>
    <button id="openModal" class="btn btn-primary" type="button">Kayıt</button>
<?php endif; ?>

</span>
                </div>
            </div>
        </div>
    </div>
    <nav  class="mainMenu">
        <ul  class="ng-tns-c8-0">
<li  class="ng-tns-c8-0 ng-star-inserted">
    <a  class="ng-tns-c8-0" href="/sports">
        <i  class="fa-solid fa-volleyball"></i> Spor
    </a>
</li>
<li  class="ng-tns-c8-0 ng-star-inserted">
    <a  class="ng-tns-c8-0" href="/livecasino">
        <i  class="fa-solid fa-dice"></i> Canlı Casino
    </a>
</li>
<li  class="ng-tns-c8-0 ng-star-inserted">
    <a  class="ng-tns-c8-0" href="/slot">
        <i  class="fa-solid fa-diamond"></i> Slot
    </a>
</li>



<li  class="mr-4">
    <sup  class="badge badge-pill badge-success"></sup>
    <a  class="ng-tns-c8-0" href="javascript:void(0);" onclick="openGame(15000)">
        <i  class="fa fa-plane aviIcon" aria-hidden="true"></i> Aviator
    </a>
</li>

<script>
function openGame(gameId) {
    window.open(`/start/game.php?gameid=${gameId}`, '_blank'); // Yeni sekmede aç
}
</script>
<li  class="mr-4">
    <sup  class="badge badge-pill badge-success"></sup>
    <a  class="ng-tns-c8-0" href="javascript:void(0);" onclick="openGame(23946)">
        <i  class="fa fa-rocket" aria-hidden="true"></i> High Flyer
    </a>
</li>

<script>
function openGame(gameId) {
    window.open(`/start/game.php?gameid=${gameId}`, '_blank'); // Yeni sekmede aç
}
</script>
            <li  class="ng-tns-c8-0 ng-star-inserted">
    <a  class="ng-tns-c8-0" href="javascript:void(0);" onclick="openGame(23438)">
        <img  class="menuIconImg" src="https://s3.ap-south-1.amazonaws.com/assets.iceexchange.com/prod/v2-dashboard-pi/header-icon/20230822/308490.svg"> Spaceman
    </a>
</li>

<script>
function openGame(gameId) {
    window.open(`/start/game.php?gameid=${gameId}`, '_blank'); // Yeni sekmede aç
}
</script>

<li  class="ng-tns-c8-0 ng-star-inserted">
    <a  class="ng-tns-c8-0" href="/promotions.php">
        <i  class="fa fa-gift" aria-hidden="true"></i> Promosyonlar
    </a>
</li>
        </ul>
    </nav>
</header>

<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.css">
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.bundle.min.js"></script>
<!-- Include jQuery -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<!-- Include Bootstrap JS -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>

</head>



<!-- JavaScript -->
<script>
// Giriş butonuna tıklandığında modal açılır
(function(){
    var girisBtn = document.getElementById('Giris');
    if (girisBtn) {
        girisBtn.addEventListener('click', function() {
            $('#login2').modal('show');
        });
    }

    // Modal kapandığında modalın tamamen sıfırlanması için event listener ekleyelim
    $('#login2').on('hidden.bs.modal', function () {
        $(this).find('form').trigger('reset'); // Formu sıfırlar
        $(this).removeData('bs.modal');        // Modal üzerindeki veriyi temizler
    });

    // Kapama butonuna tıklanınca modal kapanır
    var closeBtns = document.querySelectorAll('#login2 .close');
    if (closeBtns && closeBtns.length) {
        closeBtns.forEach(function(btn){
            btn.addEventListener('click', function() {
                $('#login2').modal('hide');  // Modalı gizle
            });
        });
    }

    // Modal açıkken giriş butonuna tekrar tıklanırsa modal açılmaya devam eder
    $('#login2').on('show.bs.modal', function () {
        $('#login2').modal('show');  // Modalı tekrar göster
    });
})();
</script>

<div class="modal fade" id="login2" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog loginModal modal-dialog-centered">
        <div class="modal-content">
            <div _ngcontent-cnq-c30="" class="row m-0">
                <div _ngcontent-cnq-c30="" class="col-12 modal-header"><img _ngcontent-cnq-c30="" class="lo-logo" src="/assets/images/logo/redbets-logo1.jpg">
                    <div _ngcontent-cnq-c30="" class="tabsRow">
                        <ul _ngcontent-cnq-c30="" class="nav">

                        </ul>
                    </div>                    <button class="close" aria-label="Close" type="button"><span aria-hidden="true">×</span></button>


                </div>
                <div _ngcontent-cnq-c30="" class="col-6 loginBG ng-star-inserted"><img _ngcontent-cnq-c30="" src="assets/images/loginBG.webp"></div>
                <div _ngcontent-cnq-c30="" class="col-12 col-md-6">
                    <div _ngcontent-cnq-c30="" class="modal-body">
                        <div _ngcontent-cnq-c30="" class="tab-content">
                            <div _ngcontent-cnq-c30="" class="tab-pane fade active show" id="loginForm">
                                <div _ngcontent-cnq-c30="" class="secTitle flex-wrap"><span _ngcontent-cnq-c30="" class="smText">Zaten bir hesabınız var mı?</span>
                                </div>
<script>
// Kapama butonuna tıklanınca modal kapanır
(function(){
    var closeBtns = document.querySelectorAll('#login2 .close');
    if (closeBtns && closeBtns.length) {
        closeBtns.forEach(function(btn){
            btn.addEventListener('click', function() {
                try {
                    var modalEl = document.getElementById('login2');
                    if (modalEl && window.bootstrap && bootstrap.Modal) {
                        var m = bootstrap.Modal.getInstance(modalEl) || new bootstrap.Modal(modalEl);
                        m.hide();
                    } else {
                        var j = window.jQuery || window.$;
                        if (j && j.fn && j.fn.modal) { j('#login2').modal('hide'); }
                        else { if (modalEl) { modalEl.classList.remove('show'); modalEl.style.display = 'none'; } }
                    }
                } catch(e){}
            });
        });
    }
})();
</script>

<?php
// Session zaten başlatıldı, tekrar başlatmaya gerek yok
// session_start(); // Oturumu başlat


// Veritabanı bağlantı bilgilerini sabitler olarak tanımla
define('DB_HOST', 'localhost'); // Sunucu adı
define('DB_NAME', 'blacrhdy_bet1'); // Veritabanı adı
define('DB_USER', 'blacrhdy_bet1'); // Kullanıcı adı
define('DB_PASS', 'blacrhdy_bet1'); // Şifre

// PDO ile veritabanı bağlantısını kur
try {
    $conn = new PDO("mysql:host=" . DB_HOST . ";dbname=" . DB_NAME . ";charset=utf8", DB_USER, DB_PASS);
    $conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); // Hata raporlama
} catch (PDOException $e) {
    die("Bağlantı hatası: " . $e->getMessage());
}

// Hata mesajlarını başlat
$username_error = $password_error = "";

// Form gönderildiğinde işlemi başlat
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    error_log("Login form submitted - Username: " . ($_POST['username'] ?? 'not set') . ", Password length: " . strlen($_POST['password'] ?? ''));
    
    $username_input = trim($_POST['username'] ?? '');
    $password_input = $_POST['password'] ?? '';
    if ($username_input === '' || $password_input === '') {
        $username_error = $username_input === '' ? 'Kullanıcı adı gerekli!' : '';
        $password_error = $password_input === '' ? 'Şifre gerekli!' : '';
    } else {

    // SQL sorgusunu hazırla
    $sql = "SELECT * FROM kullanicilar WHERE username = :username"; // Parametreli sorgu
    $stmt = $conn->prepare($sql);
    $stmt->bindParam(':username', $username_input); // Parametreyi bağla

    if ($stmt->execute()) {
        $result = $stmt->fetch(PDO::FETCH_ASSOC); // Sonucu al

        if ($result) {
            $stored = isset($result['password']) ? $result['password'] : '';
            $ok = false;
            if ($stored && strpos($stored, '$2') === 0) { $ok = password_verify($password_input, $stored); }
            else if ($stored && preg_match('/^[a-f0-9]{64}$/i', $stored)) { $ok = hash_equals($stored, hash('sha256', $password_input)); }
            else if ($stored !== '' && $stored === $password_input) { $ok = true; try { $reh = password_hash($password_input, PASSWORD_BCRYPT); $up = $conn->prepare("UPDATE kullanicilar SET password = :h WHERE id = :i"); $up->bindParam(':h', $reh); $up->bindParam(':i', $result['id']); $up->execute(); } catch (Throwable $e) {} }
            if ($ok) {
                // Hesap dondurma/silme kontrolleri
                if (isset($result['is_frozen']) && (int)$result['is_frozen'] === 1) {
                    $password_error = "Hesabınız dondurulmuştur. Lütfen destekle iletişime geçiniz.";
                } elseif (isset($result['deleted_at']) && !empty($result['deleted_at'])) {
                    $password_error = "Hesabınız silinmiş durumda. Giriş yapılamaz.";
                } else {
                    // Başarılı giriş, oturum başlat
                    if (session_status() === PHP_SESSION_ACTIVE && !headers_sent()) {
                        session_regenerate_id(true);
                    }
                    $_SESSION['loggedin'] = true;
                    $_SESSION['username'] = $username_input;
                    $_SESSION['user_id'] = $result['id']; // User ID'yi session'a ekle

                    // Son giriş zamanını damgala (kolon mevcutsa)
                    try {
                        $conn->query("SET time_zone = '+00:00'");
                        $up = $conn->prepare("UPDATE kullanicilar SET last_login = NOW() WHERE username = :u");
                        $up->bindParam(':u', $username_input);
                        $up->execute();
                    } catch (Throwable $e) {
                        // Yoksay: last_login kolonu olmayabilir
                    }

                    // Veritabanına session kaydı oluştur
                    try {
                        require_once __DIR__ . '/../api/session_management.php';
                        $session_id = createUserSession($result['id'], 'web');
                        if ($session_id) {
                            $_SESSION['db_session_id'] = $session_id;
                            error_log("Session created successfully: " . $session_id . " for user: " . $result['id']);
                        } else {
                            error_log("Session creation returned false for user: " . $result['id']);
                        }
                    } catch (Throwable $e) {
                        error_log("Session creation failed: " . $e->getMessage());
                        // Session oluşturma hatası olsa bile login devam etsin
                    }

                    session_write_close();
                    echo "<script>window.location.href = '/';</script>";
                    exit;
                }
            } else {
                // Şifre hatası mesajı
                $password_error = "Yanlış şifre!";
            }
        } else {
            // Kullanıcı adı hatası mesajı
            $username_error = "Kullanıcı bulunamadı!";
        }
    } else {
        echo "Hata: Sorgu çalıştırılamadı.";
    }
    }
}
?>

<?php if (!empty($username_error) || !empty($password_error)) : ?>
<script>
document.addEventListener('DOMContentLoaded', function(){
    // Giriş formunda hata varsa modalı açık tut
    try {
        var el = document.getElementById('login2');
        if (el && window.bootstrap && bootstrap.Modal) { var m = bootstrap.Modal.getInstance(el) || new bootstrap.Modal(el); m.show(); }
        else {
            var j = window.jQuery || window.$;
            if (j && j.fn && j.fn.modal) { j('#login2').modal('show'); }
            else { if (el) { el.classList.add('show'); el.style.display = 'block'; }
            }
        }
    } catch(e) {}
});
</script>
<?php endif; ?>

<!-- Login Form -->
<form method="POST" action="" novalidate>
    <div class="form-group">
        <input name="username" class="form-control" type="text" placeholder="Kullanıcı Adı" required>
        <?php if (!empty($username_error)) { ?>
            <div class="text-danger"><?php echo htmlspecialchars($username_error); ?></div>
        <?php } ?>
    </div>
    <div class="form-group">
        <input name="password" class="form-control" type="password" placeholder="Şifre" required>
        <?php if (!empty($password_error)) { ?>
            <div class="text-danger"><?php echo htmlspecialchars($password_error); ?></div>
        <?php } ?>
        <div class="text-right mt-2">
            <a href="/forgot_password.php" class="text-muted" style="font-size: 0.9rem;">Şifremi Unuttum?</a>
        </div>
    </div>
    <div class="row justify-content-center mb-5">
        <div class="col-12">
            <button class="btn btn-primary" type="submit" name="login">Giriş</button>
        </div>
    </div>
</form>

    <div class="text-center mb-3">
        <small class="text-muted">Affiliate misiniz? 
            <a href="/affiliate/login.php" class="text-warning" style="text-decoration: underline;">Affiliate Giriş</a>
        </small>
        <div class="mt-1">
            <a href="/affiliate/basvuru.php" class="text-muted" style="font-size: 0.85rem;">Affiliate Başvurusu</a>
        </div>
      </div>



                            </div>

                            </div>
                        </div>
                    </div>
                    <div _ngcontent-cnq-c30="" class="modal-footer ng-star-inserted"></div>
                </div>
            </div>
        </div>
    </div>
</div>












<style>
.hidden {
    display: none !important;
}
</style>

<script>
document.addEventListener('DOMContentLoaded', function() {
    var openModalButton = document.querySelector('#openModal'); // Modal açma butonu
    var loginModal = document.querySelector('#loginModal'); // İlk modal
    var loginModalSecond = document.querySelector('#login'); // İkinci modal
    var closeButtons = document.querySelectorAll('.close'); // Kapatma butonları
    var nextButton = document.getElementById("nextButton"); // Sonraki buton
    var backButton = document.getElementById("backButton"); // Geri buton

    // Modal açma fonksiyonu
    function openModal(modal) {
        modal.classList.remove('hidden');
        modal.classList.add('show');
        modal.style.display = 'block';
    }

    // Modal kapama fonksiyonu
    function closeModal(modal) {
        modal.classList.remove('show');
        modal.style.display = 'none';
        modal.classList.add('hidden');
    }

    // Modal açma butonuna tıklama olay dinleyicisi
    if (openModalButton) {
        openModalButton.addEventListener('click', function() {
            openModal(loginModal); // İlk modalı aç
        });
    }

    // Kapatma butonları için olay dinleyicileri
    closeButtons.forEach(function(button) {
        button.addEventListener('click', function() {
            closeModal(loginModal); // Modalı kapat
            closeModal(loginModalSecond); // İkinci modalı kapat
        });
    });

    // "Sonraki" butonuna tıklama olay dinleyicisi
    if (nextButton) {
        nextButton.addEventListener('click', function() {
            closeModal(loginModal); // İlk modalı kapat
            openModal(loginModalSecond); // İkinci modalı aç
        });
    }

    // "Geri" butonuna tıklama olay dinleyicisi
    if (backButton) {
        backButton.addEventListener('click', function() {
            closeModal(loginModalSecond); // İkinci modalı kapat
            openModal(loginModal); // İlk modalı aç
        });
    }
});
</script>

<div aria-labelledby="exampleModalLabel" class="modal fade hidden" data-backdrop="static" data-focus="false" data-keyboard="false" tabindex="-1" id="loginModal" style="display: none; padding-right: 5px;">
    <div class="modal-dialog loginModal modal-dialog-centered" id="modal-size">
        <div class="modal-content">
            <div class="row m-0">
                <div class="col-12 modal-header">
                    <img class="lo-logo" src="/assets/images/logo/redbets-logo1.jpg">
                    <button class="close" aria-label="Close" type="button"><span aria-hidden="true">×</span></button>
                </div>
                <div class="col-6 loginBG"><img src="assets/images/loginBG.webp"></div>
                <div class="col-12 col-md-6">
                    <div class="modal-body">
                        <div class="tab-content">
                            <div class="tab-pane fade show active" id="singupForm">
                                <div class="secTitle flex-wrap">
                                    <span class="smText">Yeni üye mi?</span>
                                    <h5>Şimdi kaydolun, çok kolay!</h5>
                                </div>
                                <form novalidate>
                                    <div class="form-group">
                                        <input class="form-control" type="text" placeholder="Ad" id="firstName">
                                    </div>
                                    <div class="form-group">
                                        <input class="form-control" type="text" placeholder="Soyad" id="surname">
                                    </div>
                                    <div class="form-group">
                                        <input class="form-control" type="text" placeholder="Kullanıcı Adı" id="username">
                                    </div>
                                    <div class="form-group">
                                        <input class="form-control" type="email" placeholder="E-Posta" id="email">
                                    </div>
                                    <div class="row justify-content-center mb-5">
                                        <div class="col-12">
                                            <button class="btn btn-primary" type="button" id="nextButton">Sonraki</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer"></div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- İkinci Modal -->
<div aria-labelledby="exampleModalLabel" class="modal fade hidden" data-backdrop="static" data-focus="false" data-keyboard="false" tabindex="-1" id="login" style="padding-right: 5px; display: block;">
    <div class="modal-dialog loginModal modal-dialog-centered smallModal" id="modal-size">
        <div class="modal-content">
            <div class="row m-0">
                <div class="col-12 modal-header">
                    <img class="lo-logo" src="/assets/images/logo/redbets-logo1.jpg">
                    <button class="close" aria-label="Close" type="button"><span aria-hidden="true">×</span></button>
                </div>
                <div class="col-12 col-md-6">
                    <div class="modal-body">
                        <div class="tab-content">
                            <div class="tab-pane fade show active" id="singupForm">
                                <div class="secTitle flex-wrap">
                                    <span class="smText">Yeni üye mi?</span>
                                    <h5>Şimdi kaydolun, çok kolay!</h5>
                                </div>
                                <form novalidate>
                                    <div class="form-group">
                                        <input class="form-control" type="text" placeholder="Tc Kimlik Numaranız" id="tcKimlikNo">
                                    </div>
                                    <div class="form-group customselectArrow">
                                        <select class="form-control countrycode" id="gender">
                                            <option value="Erkek">Erkek</option>
                                            <option value="Kadın">Kadın</option>
                                        </select>
                                    </div>
                                    
                                    
<div class="form-group">
    <label for="dateRangeDob">Doğum Tarihi</label>
    <input class="form-control" id="dateRangeDob" name="dob" type="date" required>
    <small>Format: yyyy-aa-gg</small>
</div>


                                        
                                        
                                        <div class="form-group">
                                            <input class="form-control" type="text" placeholder="Telefon Numarası" id="phone">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <input class="form-control" type="password" placeholder="Şifre" id="password">
                                    </div>
                                    <div class="form-group">
                                        <input class="form-control" type="password" placeholder="Şifreyi Doğrula" id="confirmPassword">
                                    </div>
              <style>
                  
                  .modal-content {
   
    padding: 0px !important;
    width: 100%  !important;
    
}
                  
              </style>                      

<?php
// Veritabanı bağlantısı (örnek bağlantı bilgileri)
$host = "localhost"; // Veritabanı sunucusu
$dbname = "blacrhdy_bet1"; // Veritabanı adı
$username2 = "blacrhdy_bet1"; // Veritabanı kullanıcı adı
$password2 = "blacrhdy_bet1"; // Veritabanı şifresi

// Veritabanı bağlantısını oluştur
$conn = new mysqli($host, $username2, $password2, $dbname);

// Bağlantı hatasını kontrol et
if ($conn->connect_error) {
    die("Veritabanı bağlantısı başarısız.");
}

// Kullanıcının IP adresini al
$ip_adresi = $_SERVER['REMOTE_ADDR'];

// Referans kodu değişkeni
$referans_kodu = null;

// Önce cookie'den oku
if (isset($_COOKIE['affid']) && $_COOKIE['affid'] !== '') {
    $referans_kodu = $_COOKIE['affid'];
} elseif (isset($_COOKIE['referans_kodu']) && $_COOKIE['referans_kodu'] !== '') {
    $referans_kodu = $_COOKIE['referans_kodu'];
}

// Cookie yoksa IP adresine göre veritabanından al
if (empty($referans_kodu)) {
    $check_ip_query = "SELECT referans_kodu FROM clicks WHERE ip_adresi = ? ORDER BY id DESC LIMIT 1";
    if ($check_ip_stmt = $conn->prepare($check_ip_query)) {
        $check_ip_stmt->bind_param("s", $ip_adresi);
        $check_ip_stmt->execute();
        $check_ip_stmt->bind_result($referans_kodu);
        $check_ip_stmt->fetch();
        $check_ip_stmt->close();
    }
}

// Bağlantıyı kapat (isteğe bağlı)
$conn->close();
?>
<!-- Referans Kodu Formu -->
<div class="form-group">
    <input class="form-control" type="text" placeholder="Promosyon Kodu" id="bonusCode" name="bonusCode" value="<?php echo htmlspecialchars($referans_kodu); ?>" readonly>
</div>

</div>
                                    
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button id="backButton" class="btn btn-primary btn-primary-outline" type="button">Geri</button>
                                                                    <button class="btn btn-primary" type="button" id="registerButton">Kayıt</button>

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


<script>
$(document).on('click', '#registerButton', function() {
    var firstName = $('#firstName').val().trim();
    var surname = $('#surname').val().trim();
    var username = $('#username').val().trim();
    var email = $('#email').val().trim();
    var tcKimlikNo = $('#tcKimlikNo').val().trim();
    var password = $('#password').val();
    var confirmPassword = $('#confirmPassword').val();
    var phone = $('#phone').val().trim();
    var dob = $('#dateRangeDob').val().trim();

    var hasError = false;

    // Ad doğrulama (En az 3 karakter)
    if (firstName.length < 3) {
        Swal.fire({
            title: 'Hata!',
            text: 'Ad en az 3 karakter olmalıdır.',
            icon: 'error',
            customClass: 'swal-high-zindex'  // Add custom class for z-index
        });
        hasError = true;
        return;
    }

    // Soyad doğrulama (En az 3 karakter)
    if (surname.length < 3) {
        Swal.fire({
            title: 'Hata!',
            text: 'Soyad en az 3 karakter olmalıdır.',
            icon: 'error',
            customClass: 'swal-high-zindex'  // Add custom class for z-index
        });
        hasError = true;
        return;
    }

    // Kullanıcı adı doğrulama (En az 3 karakter ve en az 2 harf)
    var letterCount = username.replace(/[^a-zA-Z]/g, '').length;
    if (username.length < 3 || letterCount < 2) {
        Swal.fire({
            title: 'Hata!',
            text: 'Kullanıcı adı en az 3 karakter olmalı ve en az 2 harf içermelidir.',
            icon: 'error',
            customClass: 'swal-high-zindex'  // Add custom class for z-index
        });
        hasError = true;
        return;
    }

    // E-posta doğrulama
    var emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
    if (!emailPattern.test(email)) {
        Swal.fire({
            title: 'Hata!',
            text: 'Geçerli bir e-posta adresi giriniz.',
            icon: 'error',
            customClass: 'swal-high-zindex'  // Add custom class for z-index
        });
        hasError = true;
        return;
    }

    // Şifre doğrulama
    if (password !== confirmPassword) {
        Swal.fire({
            title: 'Hata!',
            text: 'Şifreler uyuşmuyor!',
            icon: 'error',
            customClass: 'swal-high-zindex'  // Add custom class for z-index
        });
        hasError = true;
        return;
    }

    // Telefon numarası kontrolü (minimum 10 haneli)
    if (phone.length < 10) {
        Swal.fire({
            title: 'Hata!',
            text: 'Telefon numarası en az 10 haneli olmalıdır.',
            icon: 'error',
            customClass: 'swal-high-zindex'  // Add custom class for z-index
        });
        hasError = true;
        return;
    }

    // T.C. Kimlik No kontrolü (11 haneli olmalı)
    if (tcKimlikNo.length !== 11 || isNaN(tcKimlikNo)) {
        Swal.fire({
            title: 'Hata!',
            text: 'Geçerli bir T.C. Kimlik No giriniz.',
            icon: 'error',
            customClass: 'swal-high-zindex'  // Add custom class for z-index
        });
        hasError = true;
        return;
    }

    // Doğum tarihi kontrolü (boş olamaz)
    if (dob === "") {
        Swal.fire({
            title: 'Hata!',
            text: 'Doğum tarihi boş bırakılamaz.',
            icon: 'error',
            customClass: 'swal-high-zindex'  // Add custom class for z-index
        });
        hasError = true;
        return;
    }

    // 18 yaş kontrolü
    var today = new Date();
    var birthDate = new Date(dob);
    var age = today.getFullYear() - birthDate.getFullYear();
    var monthDiff = today.getMonth() - birthDate.getMonth();

    if (monthDiff < 0 || (monthDiff === 0 && today.getDate() < birthDate.getDate())) {
        age--;
    }

    if (age < 18) {
        Swal.fire({
            title: 'Hata!',
            text: '18 yaşından küçük kullanıcılar kayıt olamaz.',
            icon: 'error',
            customClass: 'swal-high-zindex'  // Add custom class for z-index
        });
        hasError = true;
        return;
    }

    // Eğer formda hata yoksa verileri AJAX ile gönder
    if (!hasError) {
        $.ajax({
            url: '/inc/register.php', // PHP dosyanızın yolu
            type: 'POST',
            data: {
                firstName: firstName,
                surname: surname,
                username: username,
                email: email,
                tcKimlikNo: tcKimlikNo,
                gender: $('#gender').val(),
                dob: dob,
                phone: phone,
                password: password,
                bonusCode: $('#bonusCode').val()
            },
            success: function(response) {
                if (response.status === 'success') {
                    Swal.fire({
                        title: 'Başarılı!',
                        text: response.message,
                        icon: 'success',
                        customClass: 'swal-high-zindex'  // Add custom class for z-index
                    }).then(() => {
                        window.location.href = '/'; // Başarılı kayıt sonrası yönlendirme
                    });
                } else {
                    Swal.fire({
                        title: 'Hata!',
                        text: response.message,
                        icon: 'error',
                        customClass: 'swal-high-zindex'  // Add custom class for z-index
                    });
                }
            },
            error: function() {
                Swal.fire({
                    title: 'Hata!',
                    text: 'Kayıt işlemi sırasında bir hata oluştu.',
                    icon: 'error',
                    customClass: 'swal-high-zindex'  // Add custom class for z-index
                });
            }
        });
    }
});

</script>
<style>
    .swal-high-zindex {
        z-index: 9999 !important; /* z-index değerini yükseltiyoruz */
    }
    /* Ensure SweetAlert has a high z-index */
.swal2-popup {
    z-index: 9999 !important;  /* Ensure SweetAlert is on top */
}

.swal2-overlay {
    z-index: 9998 !important;  /* The overlay should be just below the popup */
}

/* Optional: Style for SweetAlert container to make sure it stays centered */
.swal2-container {
    z-index: 9999 !important;  /* Ensure container is on top */
}

</style>


<script>
(function(){
  function hideComm(){
    try{
      var nodes = document.querySelectorAll('[id^="comm100-button-"]');
      nodes.forEach(function(n){ n.style.display='none'; n.style.opacity='0'; n.style.pointerEvents='none'; n.style.width='0'; n.style.height='0'; });
      var ifr = document.querySelectorAll('[id^="comm100-button-"] iframe');
      ifr.forEach(function(i){ i.style.display='none'; i.style.opacity='0'; i.style.pointerEvents='none'; i.style.width='0'; i.style.height='0'; });
      var cont = document.querySelector('#comm100-container');
      if (cont){ cont.style.display='none'; cont.style.opacity='0'; cont.style.pointerEvents='none'; cont.style.width='0'; cont.style.height='0'; }
    }catch(e){}
  }
  document.addEventListener('DOMContentLoaded', function(){ hideComm(); setInterval(hideComm, 2000); });
})();
</script>

<div class="mobFooter">
    <a class="ng-tns-c8-0" id="menu-toggle">
        <i class="fa-solid fa-bars"></i>
        <span class="mobLike">Menü</span>
    </a>


   <aside class="sidebarMain" id="g5-sidebar" style="display: none; z-index: 1000;">
       <br><br><br>


        <div _ngcontent-ujd-c38="" class="sideScroll">
            
            <div _ngcontent-ujd-c38="" class="sideSports">
                
                <ul _ngcontent-ujd-c38=""><!---->
                
                 <li _ngcontent-ujd-c38="" class="ng-star-inserted">
<button aria-label="Kapat" id="close-sidebar" class="close" data-close="" type="button" style="background-color: var(--primary); color: var(--btntText); border: none; padding: 10px; border-radius: 5px; cursor: pointer;">
        <i class="fa-solid fa-xmark" style="font-size: 18px;"></i>
    </button>


        
        <br><br>
                    <li _ngcontent-ujd-c38="" class="ng-star-inserted">
    <a _ngcontent-ujd-c38="" href="/sports">
        <span _ngcontent-ujd-c38="" class="spCol">
            <i _ngcontent-ujd-c38="" class="fa-solid fa-volleyball"></i>
            <span _ngcontent-ujd-c38="" class="sportN">Spor</span>
        </span>
    </a>
</li>

                                    
                                    
                                    

                                    
<li _ngcontent-ujd-c38="" class="ng-star-inserted">
    <a _ngcontent-ujd-c38="" href="/livecasino">
        <span _ngcontent-ujd-c38="" class="spCol">
            <i _ngcontent-ujd-c38="" class="fa-solid fa-dice"></i>
            <span _ngcontent-ujd-c38="" class="sportN">Canlı Casino</span>
        </span>
    </a>
</li>

<li _ngcontent-ujd-c38="" class="ng-star-inserted">
    <a _ngcontent-ujd-c38="" href="/slot">
        <span _ngcontent-ujd-c38="" class="spCol">
            <i _ngcontent-ujd-c38="" class="fa-solid fa-diamond"></i>
            <span _ngcontent-ujd-c38="" class="sportN">Casino</span>
        </span>
    </a>
</li>
<li _ngcontent-ujd-c38="">
    <sup _ngcontent-ujd-c38="" class="badge badge-pill badge-success">Yeni</sup>
    <a _ngcontent-ujd-c38="" onclick="openGame(22415)" style="cursor: pointer;">
        <span _ngcontent-ujd-c38="" class="spCol">
            <i _ngcontent-ujd-c38="" aria-hidden="true" class="fa fa-plane aviIcon"></i>
            <span _ngcontent-ujd-c38="" class="sportN">Aviator</span>
        </span>
    </a>
</li>
                                    
               <li _ngcontent-ujd-c38="">
    <sup _ngcontent-ujd-c38="" class="badge badge-pill badge-success">Yeni</sup>
    <a _ngcontent-ujd-c38="" onclick="openGame(23946)" style="cursor: pointer;">
        <span _ngcontent-ujd-c38="" class="spCol">
            <i _ngcontent-ujd-c38="" aria-hidden="true" class="fa fa-rocket"></i>
            <span _ngcontent-ujd-c38="" class="sportN">High Flyer</span>
        </span>
    </a>
</li>

<li _ngcontent-ujd-c38="" class="ng-star-inserted">
    <a _ngcontent-ujd-c38="" onclick="openGame(23438)" style="cursor: pointer;">
        <span _ngcontent-ujd-c38="" class="spCol">
            <img _ngcontent-ujd-c38="" class="mobileHeaderIcon"
                src="https://s3.ap-south-1.amazonaws.com/assets.iceexchange.com/prod/v2-dashboard-pi/header-icon/20230822/308490.svg">
            <span _ngcontent-ujd-c38="" class="sportN">Spaceman</span>
        </span>
    </a>
</li>
                                    
<li _ngcontent-ujd-c38="" class="ng-star-inserted">
    <a _ngcontent-ujd-c38="" href="/promotions.php" style="cursor: pointer;">
        <span _ngcontent-ujd-c38="" class="spCol">
            <i _ngcontent-ujd-c38="" class="fa-solid fa-gift"></i>
            <span _ngcontent-ujd-c38="" class="sportN">Promosyonlar</span>
        </span>
    </a>
</li>

<li _ngcontent-ujd-c38="" class="ng-star-inserted">
    <a _ngcontent-ujd-c38="" href="/bonustalep/" style="cursor: pointer;">
        <span _ngcontent-ujd-c38="" class="spCol">
            <i _ngcontent-ujd-c38="" class="fa-solid fa-gift"></i>
            <span _ngcontent-ujd-c38="" class="sportN">Bonus Talep</span>
        </span>
    </a>
</li>

                                
                                
                                
                </ul>
            </div>
            
            
            <div _ngcontent-ujd-c38="" class="sideSports sideCategory" id="accordion">
                <ul _ngcontent-ujd-c38=""><!----></ul>
            </div><!---->
            <!----><!----><!----><!---->
            
      <?php
// Session zaten başlatıldı, tekrar başlatmaya gerek yok
// session_start(); // Oturum başlat

// Kullanıcı adı oturumda mevcutsa menüyü göster
if (isset($_SESSION['username'])) {
    ?>
    <div class="sideSports accountCol">
        <ul>
           <li style="display: list-item;">
    <a style="cursor: pointer" href="/profile/account-details">
        <span class="spCol"><i class="fa-solid fa-user"></i><span class="sportN">Profilim</span></span>
    </a>
</li>
<li style="display: list-item;">
    <a style="cursor: pointer" href="/profile/account-statement">
        <span class="spCol"><i class="fa-solid fa-money-bill-1"></i><span class="sportN">İşlem Geçmişi</span></span>
    </a>
</li>

<li style="display: list-item;">
    <a style="cursor: pointer" href="/profile/deposit-withdraw">
        <span class="spCol"><i class="fa-solid fa-money-bill-1"></i><span class="sportN">Para Yatırma/Para Çekme</span></span>
    </a>
</li>
<li style="display: list-item;">
    <a style="cursor: pointer" href="/profile/kyc">
        <span class="spCol"><i class="fa-solid fa-address-card"></i><span class="sportN">KYC</span></span>
    </a>
</li>

<li style="display: list-item;">
    <a style="cursor: pointer" href="/profile/referral">
        <span class="spCol"><i class="fa-solid fa-user-group"></i><span class="sportN">Referans Programı</span></span>
    </a>
</li>

        </ul>
    </div>
    <?php
} else {
    echo "<p></p>";
}
?>

            
            
<div class="d-flex d-md-none headerSocialIcon flex-wrap">
    <a class="socialIconText" href="javascript:void(0)" onclick="openChatWindow()" target="_blank">
        <i class="fa-solid fa-headset mr-1"></i>
        <span>Canlı Destek</span>
    </a>
    <a class="socialIconText" href="https://t.me/BLACKBETDESTEK" target="_blank">
        <i class="fa-brands fa-telegram mr-1"></i>
        <span>TELEGRAM</span>
    </a>
</div>
</aside>
            
            
            
            
            
            
            
            <style>
                
                .sidebarMain {
    position: fixed; /* Sidebar'ın konumunu sabitle */
    right: 0;
    height: 100%;
    display: none; /* Başlangıçta kapalı */
}

                
            </style>
            
            
            
   <script>
document.addEventListener("DOMContentLoaded", function() {
    // Menu toggle functionality
    document.getElementById("menu-toggle").addEventListener("click", function() {
        var sidebar = document.getElementById("g5-sidebar");
        // CSS sınıfı ile aç/kapa: 'open'
        sidebar.classList.toggle("open");
    });

  // Kapat butonunun işlevi
    document.getElementById("close-sidebar").addEventListener("click", function() {
        var sidebar = document.getElementById("g5-sidebar");
        sidebar.classList.remove("open"); // Yan menüyü gizle
    });

    // Profil toggle functionality (mobil alt menü)
    const profileToggleEls = Array.from(document.querySelectorAll("#mobile-profile-toggle"));
    if (profileToggleEls.length > 0) {
        profileToggleEls.forEach(function(profileToggle) {
            profileToggle.addEventListener("click", function(event) {
                event.preventDefault();
                event.stopPropagation();
                // Sidebar açıksa kapat
                var sidebar = document.getElementById("g5-sidebar");
                if (sidebar) { sidebar.classList.remove("open"); }
                // Tüm playerNav öğelerini aç/kapa
                const playerNavEls = Array.from(document.querySelectorAll(".playerNav"));
                if (playerNavEls.length > 0) {
                    let anyOpened = false;
                    playerNavEls.forEach(function(el) {
                        el.classList.toggle("hidesection");
                        if (!el.classList.contains("hidesection")) { anyOpened = true; }
                    });
                    if (anyOpened) {
                        window.scrollTo({ top: 0, behavior: "smooth" });
                    }
                } else {
                    const loginModal = document.getElementById("login2");
                    if (loginModal) {
                        loginModal.style.display = "block";
                        loginModal.classList.add("show");
                        loginModal.setAttribute("aria-hidden", "false");
                    } else {
                        window.location.href = "/giris.php";
                    }
                }
             });
         });
     }
});
</script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">

            
            
            
            
            
            
            
            
           <a href="/sports" class="ng-tns-c8-0">
    <i class="fa-solid fa-volleyball"></i>
    <span class="mobLike">Spor</span>
</a>

            
          <a href="/livecasino" class="ng-tns-c8-0">
    <i class="fa-solid fa-dice"></i>
    <span class="mobLike">Canlı Casino</span>
</a>

            
<a href="/slot" class="ng-tns-c8-0">
    <i class="fa-solid fa-cubes"></i>
    <span class="mobLike">Slot Oyunları</span>
</a>

            
            
          <a href="/bonustalep/" class="ng-tns-c8-0 ng-star-inserted">
    <i class="fa-solid fa-gift"></i>
    <span class="mobLike">Bonus Talep</span>
</a>
          
<!----></div>


