<?php
session_start();

// Zaten giriş yapmışsa dashboard'a yönlendir
if (isset($_SESSION['kul_id']) && !empty($_SESSION['kul_id'])) {
    header('Location: dashboard.php');
    exit;
}
?>
<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Dalton Panel - Kayıt Ol</title>
    <link rel="shortcut icon" href="assets/media/logo.png">
    <link rel="stylesheet" href="assets/css/dalton.css">
</head>
<body>
    <!-- Matrix Arka Plan -->
    <canvas id="matrix-bg"></canvas>
    
    <div class="login-page">
        <div class="login-container">
            <!-- Logo -->
            <div class="login-logo">
                <img src="assets/media/logo.png" alt="Dalton Panel">
            </div>
            
            <!-- Başlık -->
            <h1 class="login-title">Kayıt Ol</h1>
            
            <!-- Hata Mesajı -->
            <div id="alertBox" style="display:none;" class="alert"></div>
            
            <!-- Kayıt Formu -->
            <form id="registerForm" class="login-form">
                <div class="form-group">
                    <label class="form-label">Kullanıcı Adı</label>
                    <input type="text" name="kul_id" class="form-control" placeholder="Kullanıcı adı belirleyin" required minlength="3" maxlength="20">
                </div>
                
                <div class="form-group">
                    <label class="form-label">Şifre</label>
                    <input type="password" name="kul_sifre" class="form-control" placeholder="Şifre belirleyin" required minlength="3">
                </div>
                
                <div class="form-group">
                    <label class="form-label">Referans Kodu</label>
                    <input type="text" name="ref_kod" class="form-control" placeholder="Referans kodunuzu girin" required style="text-transform: uppercase;">
                </div>
                
                <input type="hidden" name="kayitol" value="1">
                
                <button type="submit" class="btn btn-primary btn-lg" style="width: 100%; margin-top: 10px;">
                    <span id="btn-text">Kayıt Ol</span>
                    <span id="btn-loading" style="display: none;">Kayıt yapılıyor...</span>
                </button>
            </form>
            
            <!-- Giriş Yap Linki -->
            <div class="login-footer">
                <p style="color: var(--text-secondary);">
                    Zaten hesabınız var mı? <a href="signin.php">Giriş Yap</a>
                </p>
            </div>
        </div>
    </div>
    
    <script src="assets/js/dalton.js"></script>
    <script>
        // Ref kodu büyük harf
        document.querySelector('[name="ref_kod"]').addEventListener('input', function(e) {
            e.target.value = e.target.value.toUpperCase();
        });
        
        document.getElementById('registerForm').addEventListener('submit', async function(e) {
            e.preventDefault();
            
            const btnText = document.getElementById('btn-text');
            const btnLoading = document.getElementById('btn-loading');
            const alertBox = document.getElementById('alertBox');
            const submitBtn = this.querySelector('button[type="submit"]');
            
            btnText.style.display = 'none';
            btnLoading.style.display = 'inline';
            submitBtn.disabled = true;
            alertBox.style.display = 'none';
            
            try {
                const formData = new FormData(this);
                const response = await fetch('database/post.php', {
                    method: 'POST',
                    body: formData
                });
                
                const data = await response.json();
                
                if (data.sonuc === 'tamam') {
                    alertBox.className = 'alert alert-success';
                    alertBox.innerHTML = '✓ Kayıt başarılı! Giriş sayfasına yönlendiriliyorsunuz...';
                    alertBox.style.display = 'block';
                    setTimeout(() => window.location.href = 'signin.php', 1500);
                } else if (data.sonuc === 'bos') {
                    alertBox.className = 'alert alert-warning';
                    alertBox.innerHTML = '⚠ Lütfen tüm alanları doldurun!';
                    alertBox.style.display = 'block';
                } else if (data.sonuc === 'var') {
                    alertBox.className = 'alert alert-danger';
                    alertBox.innerHTML = '✕ Bu kullanıcı adı zaten kullanılıyor!';
                    alertBox.style.display = 'block';
                } else if (data.sonuc === 'refhata') {
                    alertBox.className = 'alert alert-danger';
                    alertBox.innerHTML = '✕ Geçersiz referans kodu!';
                    alertBox.style.display = 'block';
                } else {
                    alertBox.className = 'alert alert-danger';
                    alertBox.innerHTML = '✕ Bir hata oluştu!';
                    alertBox.style.display = 'block';
                }
            } catch (error) {
                alertBox.className = 'alert alert-danger';
                alertBox.innerHTML = '✕ Bağlantı hatası! Lütfen tekrar deneyin.';
                alertBox.style.display = 'block';
                console.error(error);
            } finally {
                btnText.style.display = 'inline';
                btnLoading.style.display = 'none';
                submitBtn.disabled = false;
            }
        });
    </script>
</body>
</html>
