<?php
// sip.php - RKS MX55 Pro Sipariş Formu (4 Adım) - Veritabanı Bağlantılı
session_start();

// Veritabanı bağlantı bilgileri
$db_host = 'localhost';
$db_name = 'u843395449_rksx1';
$db_user = 'u843395449_rksx1';
$db_pass = 'RksMx55Pro';

// Veritabanı bağlantısı
try {
    $pdo = new PDO("mysql:host=$db_host;dbname=$db_name;charset=utf8mb4", $db_user, $db_pass);
    $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
} catch (PDOException $e) {
    die("Veritabanı bağlantı hatası: " . $e->getMessage());
}

// Tablo oluşturma (eğer yoksa)
function createTables($pdo) {
    $sql = "CREATE TABLE IF NOT EXISTS rks_siparisler (
        id INT AUTO_INCREMENT PRIMARY KEY,
        siparis_no VARCHAR(50) UNIQUE,
        renk VARCHAR(20),
        ad VARCHAR(100),
        soyad VARCHAR(100),
        telefon VARCHAR(20),
        email VARCHAR(100),
        sehir VARCHAR(50),
        ilce VARCHAR(50),
        sokak VARCHAR(200),
        adres TEXT,
        odeme_yontemi VARCHAR(50),
        siparis_tarihi DATETIME,
        durum VARCHAR(20) DEFAULT 'beklemede',
        created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
    ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci";
    
    try {
        $pdo->exec($sql);
    } catch (PDOException $e) {
        // Tablo zaten varsa hata verme
    }
}
createTables($pdo);

// Silinenler tablosunu oluştur (eğer yoksa)
$createDeletedTable = "CREATE TABLE IF NOT EXISTS rks_silinen_siparisler (
    id INT AUTO_INCREMENT PRIMARY KEY,
    siparis_no VARCHAR(50),
    renk VARCHAR(20),
    ad VARCHAR(100),
    soyad VARCHAR(100),
    telefon VARCHAR(20),
    email VARCHAR(100),
    sehir VARCHAR(50),
    ilce VARCHAR(50),
    sokak VARCHAR(200),
    adres TEXT,
    odeme_yontemi VARCHAR(50),
    siparis_tarihi DATETIME,
    durum VARCHAR(20),
    silinme_tarihi DATETIME,
    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci";
try {
    $pdo->exec($createDeletedTable);
} catch (PDOException $e) {
    // Tablo zaten varsa hata verme
}

// Adım kontrolü
$currentStep = isset($_GET['step']) ? intval($_GET['step']) : 1;
if ($currentStep < 1 || $currentStep > 4) $currentStep = 1;

// POST ile gelen verileri işle
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    // Step-1: Renk seçimi
    if (isset($_POST['step1_color'])) {
        $color = htmlspecialchars($_POST['step1_color']);
        if (!empty($color)) {
            $_SESSION['color'] = $color;
            header('Location: sip.php?step=2');
            exit;
        } else {
            $step1_error = 'Lütfen Renk Seçiniz';
        }
    }
    // Step-2: Kişisel bilgiler
    if (isset($_POST['step2_name']) && isset($_POST['step2_surname']) && isset($_POST['step2_phone']) && isset($_POST['step2_email'])) {
        $name = trim($_POST['step2_name']);
        $surname = trim($_POST['step2_surname']);
        $phone = trim($_POST['step2_phone']);
        $email = trim($_POST['step2_email']);
        $errors = [];
        if (!preg_match('/^[A-Za-zğüşıöçĞÜŞİÖÇ\s]+$/', $name)) {
            $errors[] = 'Ad alanı sadece harf içermelidir.';
        }
        if (!preg_match('/^[A-Za-zğüşıöçĞÜŞİÖÇ\s]+$/', $surname)) {
            $errors[] = 'Soyad alanı sadece harf içermelidir.';
        }
        if (!preg_match('/^[0-9]+$/', $phone)) {
            $errors[] = 'Telefon alanı sadece rakam içermelidir.';
        }
        if (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
            $errors[] = 'Geçerli bir e-posta adresi giriniz (@ işareti içermeli).';
        }
        if (empty($errors)) {
            $_SESSION['name'] = $name;
            $_SESSION['surname'] = $surname;
            $_SESSION['phone'] = $phone;
            $_SESSION['email'] = $email;
            header('Location: sip.php?step=3');
            exit;
        } else {
            $step2_errors = $errors;
        }
    }
    // Step-3: Adres ve onaylar
    if (isset($_POST['step3_city']) && isset($_POST['step3_district']) && isset($_POST['step3_street']) && isset($_POST['step3_address']) && isset($_POST['step3_accept1']) && isset($_POST['step3_accept2'])) {
        $city = htmlspecialchars($_POST['step3_city']);
        $district = htmlspecialchars($_POST['step3_district']);
        $street = htmlspecialchars($_POST['step3_street']);
        $address = htmlspecialchars($_POST['step3_address']);
        $accept1 = isset($_POST['step3_accept1']) ? $_POST['step3_accept1'] : '';
        $accept2 = isset($_POST['step3_accept2']) ? $_POST['step3_accept2'] : '';
        $errors3 = [];
        if (empty($city)) $errors3[] = 'Lütfen şehir seçiniz.';
        if (!preg_match('/^[A-Za-zğüşıöçĞÜŞİÖÇ\s]+$/', $district)) {
            $errors3[] = 'İlçe alanı sadece harf içermelidir.';
        }
        if (empty($district)) $errors3[] = 'Lütfen ilçe giriniz.';
        if ($accept1 !== '1') $errors3[] = 'Kampanya satın alma onayı gereklidir.';
        if ($accept2 !== '1') $errors3[] = 'Mesafeli satış sözleşmesi onayı gereklidir.';
        if (empty($errors3)) {
            $_SESSION['city'] = $city;
            $_SESSION['district'] = $district;
            $_SESSION['street'] = $street;
            $_SESSION['address'] = $address;
            $_SESSION['accept1'] = $accept1;
            $_SESSION['accept2'] = $accept2;
            header('Location: sip.php?step=4');
            exit;
        } else {
            $step3_errors = $errors3;
        }
    }
    // Step-4: Ödeme seçeneği ve veritabanına kayıt
    if (isset($_POST['step4_payment'])) {
        $payment = htmlspecialchars($_POST['step4_payment']);
        if (!empty($payment)) {
            $_SESSION['payment'] = $payment;
            
            // Veritabanına kaydetmeden önce aynı telefon/email/adres kontrolü
            $phone = $_SESSION['phone'];
            $email = $_SESSION['email'];
            $address = $_SESSION['address'];
            
            $checkSql = "SELECT id, durum FROM rks_siparisler WHERE telefon = :telefon AND email = :email AND adres = :adres";
            $checkStmt = $pdo->prepare($checkSql);
            $checkStmt->execute([
                ':telefon' => $phone,
                ':email' => $email,
                ':adres' => $address
            ]);
            $existingOrder = $checkStmt->fetch(PDO::FETCH_ASSOC);
            
            if ($existingOrder) {
                // Aynı sipariş varsa
                $_SESSION['order_complete'] = true;
                $_SESSION['order_date'] = date('d.m.Y H:i');
                $_SESSION['existing_order'] = true;
                $_SESSION['existing_order_id'] = $existingOrder['id'];
                header('Location: sip.php?step=4&success=1');
                exit;
            }
            
            // Yeni sipariş kaydet
            $siparis_no = 'RKS-' . date('Ymd') . '-' . strtoupper(substr(uniqid(), -6));
            $insertSql = "INSERT INTO rks_siparisler 
                (siparis_no, renk, ad, soyad, telefon, email, sehir, ilce, sokak, adres, odeme_yontemi, siparis_tarihi, durum) 
                VALUES 
                (:siparis_no, :renk, :ad, :soyad, :telefon, :email, :sehir, :ilce, :sokak, :adres, :odeme_yontemi, :siparis_tarihi, 'beklemede')";
            
            $insertStmt = $pdo->prepare($insertSql);
            $insertStmt->execute([
                ':siparis_no' => $siparis_no,
                ':renk' => $_SESSION['color'],
                ':ad' => $_SESSION['name'],
                ':soyad' => $_SESSION['surname'],
                ':telefon' => $_SESSION['phone'],
                ':email' => $_SESSION['email'],
                ':sehir' => $_SESSION['city'],
                ':ilce' => $_SESSION['district'],
                ':sokak' => $_SESSION['street'],
                ':adres' => $_SESSION['address'],
                ':odeme_yontemi' => $payment,
                ':siparis_tarihi' => date('Y-m-d H:i:s')
            ]);
            
            $_SESSION['order_complete'] = true;
            $_SESSION['order_date'] = date('d.m.Y H:i');
            $_SESSION['existing_order'] = false;
            $_SESSION['siparis_no'] = $siparis_no;
            header('Location: sip.php?step=4&success=1');
            exit;
        } else {
            $step4_error = 'Lütfen bir ödeme seçeneği seçiniz.';
        }
    }
}

// Oturumdan verileri al
$color = isset($_SESSION['color']) ? $_SESSION['color'] : '';
$name = isset($_SESSION['name']) ? $_SESSION['name'] : '';
$surname = isset($_SESSION['surname']) ? $_SESSION['surname'] : '';
$phone = isset($_SESSION['phone']) ? $_SESSION['phone'] : '';
$email = isset($_SESSION['email']) ? $_SESSION['email'] : '';
$city = isset($_SESSION['city']) ? $_SESSION['city'] : '';
$district = isset($_SESSION['district']) ? $_SESSION['district'] : '';
$street = isset($_SESSION['street']) ? $_SESSION['street'] : '';
$address = isset($_SESSION['address']) ? $_SESSION['address'] : '';
$payment = isset($_SESSION['payment']) ? $_SESSION['payment'] : '';
$orderDate = isset($_SESSION['order_date']) ? $_SESSION['order_date'] : date('d.m.Y H:i');
$orderComplete = isset($_SESSION['order_complete']) && $_SESSION['order_complete'] === true;
$existingOrder = isset($_SESSION['existing_order']) && $_SESSION['existing_order'] === true;

// Başarılı sipariş mesajı
$success = isset($_GET['success']) && $_GET['success'] == 1;

// Renk adını Türkçe yaz
$colorName = '';
if ($color == 'beyaz') $colorName = 'Beyaz';
elseif ($color == 'siyah') $colorName = 'Siyah';
else $colorName = ucfirst($color);

// Türkiye şehir listesi (tam liste)
$cities = [
    'Adana', 'Adıyaman', 'Afyonkarahisar', 'Ağrı', 'Aksaray', 'Amasya', 'Ankara', 'Antalya', 'Ardahan', 'Artvin', 'Aydın',
    'Balıkesir', 'Bartın', 'Batman', 'Bayburt', 'Bilecik', 'Bingöl', 'Bitlis', 'Bolu', 'Burdur', 'Bursa',
    'Çanakkale', 'Çankırı', 'Çorum',
    'Denizli', 'Diyarbakır', 'Düzce',
    'Edirne', 'Elazığ', 'Erzincan', 'Erzurum', 'Eskişehir',
    'Gaziantep', 'Giresun', 'Gümüşhane',
    'Hakkâri', 'Hatay',
    'Iğdır', 'Isparta', 'İstanbul', 'İzmir',
    'Kahramanmaraş', 'Karabük', 'Karaman', 'Kars', 'Kastamonu', 'Kayseri', 'Kırıkkale', 'Kırklareli', 'Kırşehir', 'Kilis', 'Kocaeli', 'Konya', 'Kütahya',
    'Malatya', 'Manisa', 'Mardin', 'Mersin', 'Muğla', 'Muş',
    'Nevşehir', 'Niğde',
    'Ordu', 'Osmaniye',
    'Rize',
    'Sakarya', 'Samsun', 'Siirt', 'Sinop', 'Sivas',
    'Şanlıurfa', 'Şırnak',
    'Tekirdağ', 'Tokat', 'Trabzon', 'Tunceli',
    'Uşak',
    'Van',
    'Yalova', 'Yozgat',
    'Zonguldak'
];

?>
<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>RKS MX55 Pro Sipariş Formu</title>
    <style>
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { 
            font-family: Arial, sans-serif; 
            background: #ffffff; 
            padding: 20px; 
            min-height: 100vh;
        }
        .container { 
            max-width: 650px; 
            margin: 0 auto; 
            background: #ffffff; 
            padding: 30px; 
            border-radius: 16px; 
            box-shadow: 0 4px 20px rgba(0,0,0,0.06); 
        }
        h1 { font-size: 26px; margin-bottom: 20px; color: #0dc8c8; border-bottom: 2px solid #0dc8c8; padding-bottom: 10px; }
        .step-badge { display: inline-block; background: #0dc8c8; color: #fff; padding: 4px 14px; border-radius: 30px; font-size: 13px; font-weight: bold; margin-bottom: 20px; }
        .form-group { margin-bottom: 18px; }
        label { font-weight: 600; display: block; margin-bottom: 5px; font-size: 14px; color: #333; }
        input, select, textarea { width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 8px; font-size: 15px; transition: 0.2s; background: #fff; }
        input:focus, select:focus, textarea:focus { border-color: #0dc8c8; outline: none; box-shadow: 0 0 0 3px rgba(13,200,200,0.15); }
        textarea { resize: none; }
        .btn { background: #0dc8c8; color: #fff; border: none; padding: 14px 30px; font-size: 17px; border-radius: 8px; cursor: pointer; font-weight: bold; transition: 0.2s; width: 100%; }
        .btn:hover { background: #0ab0b0; transform: translateY(-1px); }
        .btn:disabled { opacity: 0.6; cursor: not-allowed; transform: none; }
        .color-box { display: flex; gap: 30px; margin: 20px 0; justify-content: center; flex-wrap: wrap; }
        .color-option { width: 120px; height: 120px; border-radius: 16px; border: 4px solid #ddd; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: 0.2s; background: #f9f9f9; padding: 10px; }
        .color-option:hover { border-color: #0dc8c8; transform: scale(1.02); }
        .color-option.selected { border-color: #0dc8c8; box-shadow: 0 0 0 4px rgba(13,200,200,0.25); }
        .color-option img { width: 100%; height: 100%; object-fit: contain; }
        .error { color: #e74c3c; font-size: 13px; margin-top: 4px; }
        .form-row { display: flex; gap: 15px; flex-wrap: wrap; }
        .form-row .form-group { flex: 1; min-width: 180px; }
        .checkbox-group { display: flex; align-items: center; gap: 10px; margin: 10px 0; }
        .checkbox-group input[type="checkbox"] { width: 20px; height: 20px; cursor: pointer; flex-shrink: 0; }
        .checkbox-group label { margin: 0; cursor: pointer; font-weight: normal; font-size: 14px; }
        .accept-label { font-weight: normal; }
        .order-complete { text-align: center; padding: 30px 0; }
        .order-complete h2 { color: #0dc8c8; margin-bottom: 10px; }
        .order-complete p { font-size: 16px; color: #555; line-height: 1.8; }
        .back-link { display: inline-block; margin-top: 20px; color: #0dc8c8; text-decoration: none; font-weight: bold; }
        .back-link:hover { text-decoration: underline; }
        .step-indicators { display: flex; gap: 10px; margin-bottom: 25px; justify-content: center; }
        .step-dot { width: 40px; height: 40px; border-radius: 50%; background: #ddd; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 16px; }
        .step-dot.active { background: #0dc8c8; }
        .step-dot.done { background: #0dc8c8; opacity: 0.6; }
        .step-dot .check { display: none; }
        .step-dot.done .check { display: inline; }
        .step-dot.done .num { display: none; }
        .payment-options { margin: 20px 0; }
        .payment-option { display: flex; align-items: center; gap: 12px; padding: 14px; border: 2px solid #eee; border-radius: 10px; margin-bottom: 12px; cursor: pointer; transition: 0.2s; background: #fff; }
        .payment-option:hover { border-color: #0dc8c8; }
        .payment-option input[type="radio"] { width: 20px; height: 20px; cursor: pointer; flex-shrink: 0; }
        .payment-option label { cursor: pointer; font-weight: 500; font-size: 15px; margin: 0; }
        .payment-option.selected { border-color: #0dc8c8; background: #f0fcfc; }
        .payment-option.error { border-color: #e74c3c; background: #fde8e8; }
        .summary-box { background: #f9f9f9; padding: 20px; border-radius: 10px; margin: 15px 0; border-left: 4px solid #0dc8c8; }
        .summary-box p { margin: 6px 0; font-size: 15px; }
        .summary-box strong { color: #333; }
        .info-box { background: #f0fcfc; padding: 18px; border-radius: 10px; margin: 15px 0; border: 1px solid #0dc8c8; }
        .info-box p { margin: 6px 0; font-size: 15px; }
        .existing-order-box { background: #fff3cd; padding: 20px; border-radius: 12px; border-left: 4px solid #ffc107; margin: 15px 0; }
        .existing-order-box h3 { color: #856404; }
        @media (max-width:600px) {
            .container { padding: 20px; }
            .color-option { width: 100px; height: 100px; }
            .form-row { flex-direction: column; gap: 0; }
        }
    </style>
</head>
<body>
<div class="container">
    <h1>RKS MX55 Pro</h1>

    <!-- Adım göstergeleri -->
    <div class="step-indicators">
        <div class="step-dot <?php echo $currentStep == 1 ? 'active' : ($currentStep > 1 ? 'done' : ''); ?>">
            <span class="num">1</span>
            <span class="check">✓</span>
        </div>
        <div class="step-dot <?php echo $currentStep == 2 ? 'active' : ($currentStep > 2 ? 'done' : ''); ?>">
            <span class="num">2</span>
            <span class="check">✓</span>
        </div>
        <div class="step-dot <?php echo $currentStep == 3 ? 'active' : ($currentStep > 3 ? 'done' : ''); ?>">
            <span class="num">3</span>
            <span class="check">✓</span>
        </div>
        <div class="step-dot <?php echo $currentStep == 4 ? 'active' : ''; ?>">
            <span class="num">4</span>
            <span class="check">✓</span>
        </div>
    </div>

    <?php if ($success && $orderComplete): ?>
        <!-- Sipariş Tamamlandı -->
        <div class="order-complete">
            <?php if ($existingOrder): ?>
                <h2>⚠️ Siparişiniz Ödeme Aşamasında</h2>
                <div style="text-align:left;background:#fff3cd;padding:25px;border-radius:12px;margin-top:20px;border-left:4px solid #ffc107;">
                    <p style="font-size:16px;line-height:2;color:#333;">
                        Sayın <strong><?php echo $name . ' ' . $surname; ?></strong>, 
                        <?php echo $orderDate; ?> Tarihinde, 
                        <strong><?php echo $colorName; ?> Renk RKS MX55 Pro</strong> Siparişiniz, 
                        3 İş Günü İçerisinde 
                        <strong><?php echo $city . ' ' . $district; ?></strong>, 
                        <strong><?php echo $street; ?></strong>, 
                        <strong><?php echo $address; ?></strong> Adresinize 
                        Teslimatı İçin <strong><?php echo $phone; ?></strong> Telefon Numaranızdan Aranarak Bilgilendirileceksiniz.
                    </p>
                    <p style="margin-top:10px;color:#856404;font-size:14px;">Bu sipariş daha önce tarafınızca oluşturulmuştur. Ödeme işleminiz tamamlanana kadar siparişiniz beklemede kalacaktır.</p>
                </div>
            <?php else: ?>
                <h2>✅ Siparişiniz Alındı!</h2>
                <div style="text-align:left;background:#f0fcfc;padding:25px;border-radius:12px;margin-top:20px;border-left:4px solid #0dc8c8;">
                    <p style="font-size:16px;line-height:2;color:#333;">
                        Sayın <strong><?php echo $name . ' ' . $surname; ?></strong>, 
                        <?php echo $orderDate; ?> Tarihinde, 
                        <strong><?php echo $colorName; ?> Renk RKS MX55 Pro</strong> Siparişiniz, 
                        3 İş Günü İçerisinde 
                        <strong><?php echo $city . ' ' . $district; ?></strong>, 
                        <strong><?php echo $street; ?></strong>, 
                        <strong><?php echo $address; ?></strong> Adresinize 
                        Teslimatı İçin <strong><?php echo $phone; ?></strong> Telefon Numaranızdan Aranarak Bilgilendirileceksiniz.
                    </p>
                    <?php if (isset($_SESSION['siparis_no'])): ?>
                        <p style="margin-top:10px;font-size:13px;color:#888;">Sipariş No: <?php echo $_SESSION['siparis_no']; ?></p>
                    <?php endif; ?>
                </div>
            <?php endif; ?>
            <a href="sip.php" class="back-link">← Yeni Sipariş</a>
        </div>
    <?php else: ?>

    <?php if ($currentStep == 1): ?>
        <!-- STEP 1: Renk Seçimi -->
        <div class="step-badge">Adım 1 / 4</div>
        <h2 style="font-size:20px;margin-bottom:10px;font-weight:600;">MX55 PRO Renk Seçiniz</h2>
        <?php if (isset($step1_error)): ?>
            <div style="color:#e74c3c;font-size:14px;margin-bottom:10px;background:#fde8e8;padding:10px;border-radius:6px;"><?php echo $step1_error; ?></div>
        <?php endif; ?>
        <form method="POST" action="sip.php?step=1">
            <div class="color-box">
                <div class="color-option <?php echo ($color == 'beyaz') ? 'selected' : ''; ?>" onclick="selectColor('beyaz')">
                    <img src="beyaz.png" alt="Beyaz" onerror="this.src='data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22100%22 height=%22100%22%3E%3Crect width=%22100%22 height=%22100%22 fill=%22%23ffffff%22 stroke=%22%23ccc%22 stroke-width=%222%22/%3E%3C/svg%3E'">
                </div>
                <div class="color-option <?php echo ($color == 'siyah') ? 'selected' : ''; ?>" onclick="selectColor('siyah')">
                    <img src="siyah.png" alt="Siyah" onerror="this.src='data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22100%22 height=%22100%22%3E%3Crect width=%22100%22 height=%22100%22 fill=%22%23222222%22 stroke=%22%23555%22 stroke-width=%222%22/%3E%3C/svg%3E'">
                </div>
            </div>
            <input type="hidden" id="step1_color" name="step1_color" value="<?php echo $color; ?>">
            <div style="text-align:center;margin:10px 0;font-size:14px;color:#666;">Renk kutusuna tıklayarak seçim yapın</div>
            <button type="submit" class="btn">Devam Et →</button>
        </form>
        <script>
            function selectColor(color) {
                document.getElementById('step1_color').value = color;
                document.querySelectorAll('.color-option').forEach(function(el) {
                    el.classList.remove('selected');
                });
                if (color === 'beyaz') {
                    document.querySelector('.color-option:first-child').classList.add('selected');
                } else if (color === 'siyah') {
                    document.querySelector('.color-option:last-child').classList.add('selected');
                }
            }
            var currentColor = '<?php echo $color; ?>';
            if (currentColor) {
                selectColor(currentColor);
            }
        </script>
    <?php elseif ($currentStep == 2): ?>
        <!-- STEP 2: Kişisel Bilgiler -->
        <div class="step-badge">Adım 2 / 4</div>
        <h2 style="font-size:18px;margin-bottom:15px;">Kişisel Bilgileriniz</h2>
        <?php if (isset($step2_errors) && !empty($step2_errors)): ?>
            <div style="background:#fde8e8;padding:12px;border-radius:8px;margin-bottom:15px;border-left:4px solid #e74c3c;">
                <?php foreach ($step2_errors as $err): ?>
                    <div style="color:#e74c3c;font-size:14px;">• <?php echo $err; ?></div>
                <?php endforeach; ?>
            </div>
        <?php endif; ?>
        <form method="POST" action="sip.php?step=2">
            <div class="form-row">
                <div class="form-group">
                    <label for="step2_name">Adınız</label>
                    <input type="text" id="step2_name" name="step2_name" value="<?php echo htmlspecialchars($name); ?>" required pattern="[A-Za-zğüşıöçĞÜŞİÖÇ\s]+" title="Sadece harf giriniz" placeholder="Adınız" oninput="this.value = this.value.replace(/[^A-Za-zğüşıöçĞÜŞİÖÇ\s]/g, '')">
                </div>
                <div class="form-group">
                    <label for="step2_surname">Soyadınız</label>
                    <input type="text" id="step2_surname" name="step2_surname" value="<?php echo htmlspecialchars($surname); ?>" required pattern="[A-Za-zğüşıöçĞÜŞİÖÇ\s]+" title="Sadece harf giriniz" placeholder="Soyadınız" oninput="this.value = this.value.replace(/[^A-Za-zğüşıöçĞÜŞİÖÇ\s]/g, '')">
                </div>
            </div>
            <div class="form-group">
                <label for="step2_phone">Telefon Numaranız</label>
                <input type="tel" id="step2_phone" name="step2_phone" value="<?php echo htmlspecialchars($phone); ?>" required pattern="[0-9]+" title="Sadece rakam giriniz" placeholder="5XXXXXXXXX" oninput="this.value = this.value.replace(/[^0-9]/g, '')">
            </div>
            <div class="form-group">
                <label for="step2_email">E-Mail Adresiniz</label>
                <input type="email" id="step2_email" name="step2_email" value="<?php echo htmlspecialchars($email); ?>" required placeholder="ornek@mail.com">
            </div>
            <button type="submit" class="btn">Siparişe Devam Et →</button>
        </form>
    <?php elseif ($currentStep == 3): ?>
        <!-- STEP 3: Adres ve Onaylar -->
        <div class="step-badge">Adım 3 / 4</div>
        <h2 style="font-size:18px;margin-bottom:15px;">Teslimat Adresiniz</h2>
        <?php if (isset($step3_errors) && !empty($step3_errors)): ?>
            <div style="background:#fde8e8;padding:12px;border-radius:8px;margin-bottom:15px;border-left:4px solid #e74c3c;">
                <?php foreach ($step3_errors as $err): ?>
                    <div style="color:#e74c3c;font-size:14px;">• <?php echo $err; ?></div>
                <?php endforeach; ?>
            </div>
        <?php endif; ?>
        <form method="POST" action="sip.php?step=3" id="step3Form">
            <div class="form-group">
                <label for="step3_city">Şehir Seçiniz</label>
                <select id="step3_city" name="step3_city" required>
                    <option value="">-- Şehir Seçiniz --</option>
                    <?php foreach ($cities as $c): ?>
                        <option value="<?php echo $c; ?>" <?php echo ($city == $c) ? 'selected' : ''; ?>><?php echo $c; ?></option>
                    <?php endforeach; ?>
                </select>
            </div>
            <div class="form-group">
                <label for="step3_district">İlçe</label>
                <input type="text" id="step3_district" name="step3_district" value="<?php echo htmlspecialchars($district); ?>" required pattern="[A-Za-zğüşıöçĞÜŞİÖÇ\s]+" title="Sadece harf giriniz" placeholder="İlçe adı" oninput="this.value = this.value.replace(/[^A-Za-zğüşıöçĞÜŞİÖÇ\s]/g, '')">
            </div>
            <div class="form-group">
                <label for="step3_street">Sokak Adresiniz</label>
                <input type="text" id="step3_street" name="step3_street" value="<?php echo htmlspecialchars($street); ?>" placeholder="Sokak adı, bina no" required>
            </div>
            <div class="form-group">
                <label for="step3_address">Açık Adres Bilginiz</label>
                <textarea id="step3_address" name="step3_address" rows="3" required placeholder="Mahalle, cadde, daire no vb."><?php echo htmlspecialchars($address); ?></textarea>
            </div>

            <div class="checkbox-group">
                <input type="checkbox" id="step3_accept1" name="step3_accept1" value="1" <?php echo ($accept1 == '1') ? 'checked' : ''; ?>>
                <label for="step3_accept1" class="accept-label">RKS Kampanyalı satışa sunulan MX55 Pro modelini 14.499TL'den satın alacağımı kabul ediyorum ve onaylıyorum.</label>
            </div>
            <div class="checkbox-group">
                <input type="checkbox" id="step3_accept2" name="step3_accept2" value="1" <?php echo ($accept2 == '1') ? 'checked' : ''; ?>>
                <label for="step3_accept2" class="accept-label">Mesafeli satış için elektronik satış sözleşmesini kabul ediyorum ve sipariş bilgilerimin doğruluğunu onaylıyorum.</label>
            </div>

            <button type="submit" class="btn" style="margin-top:10px;">ÖDEMEYE GEÇ →</button>
        </form>
    <?php elseif ($currentStep == 4): ?>
        <!-- STEP 4: Sipariş Özeti ve Ödeme -->
        <div class="step-badge">Adım 4 / 4</div>
        <h2 style="font-size:20px;margin-bottom:15px;">Sipariş Özetiniz</h2>
        
        <div class="summary-box">
            <p><strong>Renk:</strong> <?php echo $colorName; ?></p>
            <p><strong>Ad Soyad:</strong> <?php echo $name . ' ' . $surname; ?></p>
            <p><strong>Telefon:</strong> <?php echo $phone; ?></p>
            <p><strong>E-posta:</strong> <?php echo $email; ?></p>
            <p><strong>Şehir:</strong> <?php echo $city; ?></p>
            <p><strong>İlçe:</strong> <?php echo $district; ?></p>
            <p><strong>Sokak:</strong> <?php echo $street; ?></p>
            <p><strong>Açık Adres:</strong> <?php echo $address; ?></p>
        </div>

        <!-- Satın Alınan Ürün ve Teslimat Bilgisi -->
        <div class="info-box">
            <p><strong>Satın Alınan Ürün;</strong></p>
            <p>RKS MX55 PRO - <?php echo $colorName; ?> - 14.299 TL (KDV Dahildir)</p>
            <p style="margin-top:10px;"><strong>Teslimat Bilgisi;</strong></p>
            <p>Ücretsiz Teslimat / Tahmini 3 İş Günü</p>
        </div>

        <h3 style="font-size:18px;margin:20px 0 10px;">Ödeme Seçenekleri</h3>
        <?php if (isset($step4_error)): ?>
            <div style="color:#e74c3c;font-size:14px;margin-bottom:10px;background:#fde8e8;padding:10px;border-radius:6px;"><?php echo $step4_error; ?></div>
        <?php endif; ?>
        <form method="POST" action="sip.php?step=4" id="paymentForm">
            <div class="payment-options">
                <div class="payment-option <?php echo ($payment == 'Banka İle Ödeme') ? 'selected' : ''; ?>" onclick="selectPayment('payment_banka')">
                    <input type="radio" id="payment_banka" name="step4_payment" value="Banka İle Ödeme" <?php echo ($payment == 'Banka İle Ödeme') ? 'checked' : ''; ?>>
                    <label for="payment_banka">Banka İle Ödeme</label>
                </div>
                <div class="payment-option <?php echo ($payment == 'Havale ile Ödeme') ? 'selected' : ''; ?>" onclick="selectPayment('payment_havale')">
                    <input type="radio" id="payment_havale" name="step4_payment" value="Havale ile Ödeme" <?php echo ($payment == 'Havale ile Ödeme') ? 'checked' : ''; ?>>
                    <label for="payment_havale">Havale ile Ödeme</label>
                </div>
                <div class="payment-option <?php echo ($payment == 'Taksitli Ödeme') ? 'selected' : ''; ?>" onclick="selectPayment('payment_taksit')">
                    <input type="radio" id="payment_taksit" name="step4_payment" value="Taksitli Ödeme" <?php echo ($payment == 'Taksitli Ödeme') ? 'checked' : ''; ?>>
                    <label for="payment_taksit">Taksitli Ödeme</label>
                </div>
            </div>
            <button type="submit" class="btn" style="margin-top:10px;" id="submitOrder">SİPARİŞİ TAMAMLA</button>
        </form>
        <script>
            function selectPayment(id) {
                document.getElementById(id).checked = true;
                document.querySelectorAll('.payment-option').forEach(function(el) {
                    el.classList.remove('selected');
                    el.classList.remove('error');
                });
                document.getElementById(id).closest('.payment-option').classList.add('selected');
                var errorDiv = document.querySelector('.payment-error');
                if (errorDiv) errorDiv.remove();
            }

            document.getElementById('submitOrder').addEventListener('click', function(e) {
                var checked = document.querySelector('input[name="step4_payment"]:checked');
                if (!checked) {
                    e.preventDefault();
                    document.querySelectorAll('.payment-option').forEach(function(el) {
                        el.classList.add('error');
                    });
                    var errorDiv = document.createElement('div');
                    errorDiv.style.cssText = 'color:#e74c3c;font-size:14px;margin-bottom:10px;background:#fde8e8;padding:10px;border-radius:6px;';
                    errorDiv.textContent = 'Lütfen bir ödeme seçeneği seçiniz.';
                    var existingError = document.querySelector('.payment-error');
                    if (existingError) existingError.remove();
                    errorDiv.className = 'payment-error';
                    document.getElementById('paymentForm').insertBefore(errorDiv, document.getElementById('paymentForm').firstChild);
                }
            });
        </script>
    <?php endif; ?>

    <?php endif; // orderComplete değilse ?>

</div>
</body>
</html>