<?php 

session_start();

// check if the user has already filled in the information
if(isset($_SESSION['information_filled']) && $_SESSION['information_filled'] === true) {
    // if yes, redirect to the index page
    header("Location: index.php");
    exit();
}

// if the form is submitted, save the information and mark it as filled
if($_SERVER['REQUEST_METHOD'] === 'POST') {
    // save the information to database or file or wherever you want
    
    // mark the information as filled
    $_SESSION['information_filled'] = true;
    
    // redirect to the index page
    header("Location: index.php");
    exit();
}

include 'config.php';


$ip = $_SERVER["REMOTE_ADDR"];
$user_onesignal = $_COOKIE['user_onesignal'] ?? null;
$user_token = $_COOKIE['user_token'] ?? null;
$myUser = $db->query("SELECT * FROM kullanicilar WHERE user_token = '$user_token'")->fetch(PDO::FETCH_ASSOC);

if (!empty($user_onesignal) && !empty($user_token)) {
    // Kullanıcının çerezleri varsa
    if (basename($_SERVER['PHP_SELF']) == 'login.php' || basename($_SERVER['PHP_SELF']) == 'register.php') {
        // Eğer kullanıcı login ya da register sayfasındaysa ve veritabanından alınan user_cinsiyet, user_sehir ve user_yas değerleri boş değilse
        if (!empty($myUser['user_yas']) && !empty($myUser['user_cinsiyet']) && !empty($myUser['user_sehir'])) {
            // Tüm değerler doluysa, index sayfasına yönlendir.
            if (basename($_SERVER['PHP_SELF']) != 'index.php') {
                header("Location: index.php");
                exit();
            }
        } else {
            // Eğer bir veya daha fazla değer boşsa, bilgi_doldur sayfasına yönlendir.
            if (basename($_SERVER['PHP_SELF']) != 'bilgi_doldur.php') {
                header("Location: bilgi_doldur.php");
                exit();
            }
        }
    } elseif (basename($_SERVER['PHP_SELF']) == 'bilgi_doldur.php') {
        // Eğer kullanıcı bilgi_doldur sayfasındaysa ve tüm değerler doluysa, index sayfasına yönlendir.
        if (!empty($myUser['user_yas']) && !empty($myUser['user_sehir']) && !empty($myUser['user_cinsiyet'])) {
            header("Location: index.php");
            exit();
        }
    } elseif (basename($_SERVER['PHP_SELF']) != 'register.php' && basename($_SERVER['PHP_SELF']) != 'login.php') {
        // Kullanıcı login, register veya bilgi_doldur sayfalarında değilse
        if (empty($myUser) || empty($myUser['user_cinsiyet']) || empty($myUser['user_sehir']) || is_null($myUser['user_yas'])) {
            // Eğer user_cinsiyet, user_sehir veya user_yas değerleri boşsa veya $myUser dizisi boşsa veya user_yas NULL ise, bilgi_doldur sayfasına yönlendir.
            header("Location: bilgi_doldur.php");
            exit();
        }
    }
} elseif (!empty($user_token)) {
    // Sadece $user_token çerezi varsa
    setcookie('user_token', '', time() - 3600, '/', '.app.heysen.net');
    session_destroy();
    if (basename($_SERVER['PHP_SELF']) == 'login.php' || basename($_SERVER['PHP_SELF']) == 'register.php') {
        // Eğer kullanıcı login ya da register sayfasındaysa, doğrudan sayfada kalın
    } else {
        // Eğer kullanıcı login veya register sayfalarında değilse, login sayfasına yönlendir.
        header("Location: login.php");
        exit();
    }
} else {
    // Kullanıcının hiçbir çerezi yoksa
    if (basename($_SERVER['PHP_SELF']) == 'login.php' || basename($_SERVER['PHP_SELF']) == 'register.php') {
        // Kullanıcının hangi sayfada ise o sayfada kalsın.
    } else {
        // Eğer kullanıcı login veya register sayfalarındaysa, login sayfasına yönlendir.
        header("Location: login.php");
        exit();
    }
}

?>
<!DOCTYPE html>
<html lang="tr">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
  <!-- Fonts & Icons -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
  <!-- SweetAlert2 CSS -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/11.7.32/sweetalert2.min.css">
  <!-- Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-110488191-7"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'UA-110488191-7');
  </script>
  <title>HeySen - Üye Ol</title>
  <style>
/* ===== RESET & BASE ===== */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  width: 100%;
  min-height: 100vh;
  margin: 0;
  padding: 0;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

body {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 25%, #f093fb 50%, #4facfe 75%, #00f2fe 100%);
  background-size: 400% 400%;
  animation: gradientShift 15s ease infinite;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: 20px;
  overflow-x: hidden;
}

@keyframes gradientShift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* ===== WIZARD CONTAINER ===== */
.wizard-container {
  width: 100%;
  max-width: 650px;
  animation: fadeInUp 0.6s ease;
}

/* ===== LOGO & BRANDING ===== */
.brand-header {
  text-align: center;
  margin-bottom: 35px;
}

.brand-header img {
  height: 45px;
  margin-bottom: 20px;
  filter: drop-shadow(0 4px 20px rgba(255, 255, 255, 0.3));
}

.brand-header h1 {
  font-size: 32px;
  font-weight: 800;
  color: white;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
  margin: 0;
}

.brand-header p {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.9);
  margin-top: 8px;
}


/* ===== WIZARD CARD ===== */
.wizard-card {
  background: white;
  border-radius: 28px;
  box-shadow: 0 25px 80px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

.wizard-card-header {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  padding: 35px 40px;
  color: white;
  text-align: center;
}

.wizard-card-header h2 {
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 8px 0;
}

.wizard-card-header p {
  font-size: 15px;
  opacity: 0.95;
  margin: 0;
}

.wizard-card-body {
  padding: 10px 50px;
  min-height: auto;
}

/* ===== FORM SECTIONS ===== */
section {
  display: none;
  animation: fadeIn 0.4s ease;
}

section.active {
  display: block;
}

section p {
  font-size: 16px;
  line-height: 1.6;
  color: #4a5568;
  margin-bottom: 10px;
  text-align: center;
}

section p b {
  font-weight: 700;
  color: #1a202c;
}

/* ===== FORM ELEMENTS ===== */
.form-group {
  margin: 10px 0;
}

input[type="name"],
input[type="email"],
input[type="text"],
input[type="password"],
select {
  width: 100%;
  padding: 16px 20px;
  border: 2px solid #e2e8f0;
  border-radius: 12px;
  font-size: 15px;
  font-weight: 500;
  color: #2d3748;
  background: #f7fafc;
  transition: all 0.3s ease;
  font-family: 'Inter', sans-serif;
}

input:hover, select:hover {
  border-color: #cbd5e0;
  background: white;
}

input:focus, select:focus {
  outline: none;
  border-color: #667eea;
  background: white;
  box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.1);
}

input::placeholder {
  color: #a0aec0;
}

select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23667eea' d='M8 11L3 6h10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  cursor: pointer;
  padding-right: 48px;
}

/* ===== GENDER SELECTION ===== */
.radio-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin: 0;
}

.radio-input {
  display: none;
}

.custom-button {
  aspect-ratio: 1 / 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 16px;
  border: 3px solid #e2e8f0;
  cursor: pointer;
  transition: all 0.3s ease;
  color: #4a5568;
  background: #f7fafc;
  text-align: center;
}

.custom-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
  border-color: #cbd5e0;
  background: white;
}

.radio-input:checked + .male-button {
  background: linear-gradient(135deg, #667eea 0%, #4facfe 100%);
  color: white;
  border-color: #667eea;
  box-shadow: 0 8px 30px rgba(102, 126, 234, 0.45);
  transform: translateY(-3px) scale(1.02);
}

.radio-input:checked + .female-button {
  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
  color: white;
  border-color: #f093fb;
  box-shadow: 0 8px 30px rgba(240, 147, 251, 0.45);
  transform: translateY(-3px) scale(1.02);
}

/* ===== ONLINE USERS INFO ===== */
#onlinekullanici {
  display: none;
  margin-top: 16px;
  padding: 12px 18px;
  background: linear-gradient(135deg, #ebf4ff 0%, #f3e8ff 100%);
  border-radius: 16px;
  border: 2px solid rgba(102, 126, 234, 0.15);
  font-weight: 500;
  color: #2d3748;
  font-size: 14px;
  line-height: 1.8;
  text-align: center;
  animation: fadeIn 0.4s ease;
}

#onlinekullanici.show {
  display: block;
}

/* ===== WIZARD FOOTER ===== */
.wizard-footer {
  padding: 30px 50px;
  background: #f7fafc;
  border-top: 2px solid #e2e8f0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
}

.button {
  flex: 1;
  padding: 16px 30px;
  border: none;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  font-family: 'Inter', sans-serif;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

#prev {
  background: white;
  color: #4a5568;
  border: 2px solid #e2e8f0;
  flex: 0 0 auto;
  min-width: 120px;
}

#prev:not(.disabled):hover {
  background: #f7fafc;
  border-color: #cbd5e0;
}

#prev.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

#next {
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
  color: white;
  box-shadow: 0 4px 15px rgba(239, 68, 68, 0.4);
  animation: pulse-red 2s ease-in-out infinite;
}

#next:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 25px rgba(239, 68, 68, 0.5);
}

@keyframes pulse-red {
  0%, 100% {
    box-shadow: 0 4px 15px rgba(239, 68, 68, 0.4);
  }
  50% {
    box-shadow: 0 4px 20px rgba(239, 68, 68, 0.6);
  }
}

#submit {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  color: white;
  box-shadow: 0 4px 15px rgba(16, 185, 129, 0.35);
}

#submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 25px rgba(16, 185, 129, 0.45);
}

.disabled {
  display: none !important;
}

/* ===== ALT ACTIONS ===== */
.alt-actions {
  text-align: center;
  margin-top: 15px;
  padding-top: 12px;
  border-top: 2px solid rgba(255, 255, 255, 0.2);
  transition: opacity 0.3s ease;
}

.alt-actions.hidden {
  opacity: 0;
  pointer-events: none;
  height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.alt-actions p {
  color: rgba(255, 255, 255, 0.9);
  font-size: 15px;
  margin: 10px 0;
}

.login-with-google-btn {
  width: 100%;
  max-width: 450px;
  padding: 18px 30px 18px 60px;
  background: white;
  color: #2d3748;
  border: none;
  border-radius: 14px;
  font-size: 16px;
  font-weight: 600;
  font-family: 'Inter', sans-serif;
  cursor: pointer;
  transition: all 0.3s ease;
  display: block;
  margin: 0 auto;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: 24px center;
  background-size: 20px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}

.login-with-google-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
}

#login {
  width: 100%;
  max-width: 450px;
  padding: 18px 45px;
  background: rgba(255, 255, 255, 0.15);
  color: white;
  font-size: 16px;
  font-weight: 600;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 14px;
  cursor: pointer;
  transition: all 0.3s ease;
  display: block;
  margin: 0 auto;
  font-family: 'Inter', sans-serif;
}

#login:hover {
  background: rgba(255, 255, 255, 0.25);
  border-color: rgba(255, 255, 255, 0.5);
  transform: translateY(-2px);
}

/* ===== TERMS ===== */
.terms-text {
  font-size: 12px !important;
  color: #718096 !important;
  line-height: 1.7;
  margin-top: 24px;
  display: block;
  text-align: center;
}

.terms-text a {
  color: #667eea !important;
  font-weight: 600;
  text-decoration: none;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  body { padding: 25px 15px; }
  .brand-header h1 { font-size: 26px; }
  .step-circle { width: 40px; height: 40px; font-size: 16px; }
  .step-label { font-size: 10px; }
  .wizard-card-header { padding: 28px 30px; }
  .wizard-card-header h2 { font-size: 20px; }
  .wizard-card-body { padding: 10px 30px; }
  .wizard-footer { padding: 24px 30px; flex-direction: column; }
  .button { width: 100%; }
  #prev { order: 2; }
  #next, #submit { order: 1; }
}
  </style>
</head>
<body>

<div class="wizard-container">
  <div class="brand-header">
    <img src="https://app.heysen.net/assets/img/logo.png" alt="HeySen Logo">
    <h1>Ücretsiz Aramıza Katıl!</h1>
    <p>Birkaç basit adımda hesabını oluştur</p>
  </div>


  <div class="wizard-card">
    <div class="wizard-card-header">
      <h2 id="step-title">Hoş Geldin!</h2>
      <p id="step-description">Kendi cinsiyetini seç ve çevrende kaç kullanıcı var görelim</p>
    </div>

    <div class="wizard-card-body">
      <section class="step1 active">
        <input type="hidden" id="onesignal" value="<?=$_COOKIE['user_onesignal'] ?? ''?>" />
        <div class="radio-container">
          <input type="radio" name="gender" id="male" value="erkek" class="radio-input">
          <label for="male" class="radio-label custom-button male-button">
            <i class="fas fa-mars"></i> Erkek
          </label>
          <input type="radio" name="gender" id="female" value="kadin" class="radio-input">
          <label for="female" class="radio-label custom-button female-button">
            <i class="fas fa-venus"></i> Kadın
          </label>
        </div>
        <div id="onlinekullanici"></div>
      </section>

      <section class="step2">
        <div class="form-group">
          <input type="text" id="nameInput" placeholder="İsim Soyisim" />
        </div>
      </section>

      <section class="step3">
        <p id="greetingsText">Tanıştığımıza memnun olduk.<br>Peki kaç yaşındasın?</p>
        <div class="form-group">
          <select id="yas">
            <option value="0">Yaşınızı Seçin</option>
            <?php for ($i=18; $i < 91; $i++) { echo '<option value="'.$i.'">'.$i.' Yaşındayım</option>'; } ?>
          </select>
        </div>
      </section>

      <section class="step4">
        <div class="form-group">
          <select id="sehir">
            <option value="0">Şehrinizi Seçin</option>
            <?php
            $iller = array('Adana', 'Adıyaman', 'Afyon', 'Ağrı', 'Amasya', 'Ankara', 'Antalya', 'Artvin', 'Aydın', 'Balıkesir', 'Bilecik', 'Bingöl', 'Bitlis', 'Bolu', 'Burdur', 'Bursa', 'Çanakkale', 'Çankırı', 'Çorum', 'Denizli', 'Diyarbakır', 'Edirne', 'Elazığ', 'Erzincan', 'Erzurum', 'Eskişehir', 'Gaziantep', 'Giresun', 'Gümüşhane', 'Hakkari', 'Hatay', 'Isparta', 'Mersin', 'İstanbul', 'İzmir', 'Kars', 'Kastamonu', 'Kayseri', 'Kırklareli', 'Kırşehir', 'Kocaeli', 'Konya', 'Kütahya', 'Malatya', 'Manisa', 'Kahramanmaraş', 'Mardin', 'Muğla', 'Muş', 'Nevşehir', 'Niğde', 'Ordu', 'Rize', 'Sakarya', 'Samsun', 'Siirt', 'Sinop', 'Sivas', 'Tekirdağ', 'Tokat', 'Trabzon', 'Tunceli', 'Şanlıurfa', 'Uşak', 'Van', 'Yozgat', 'Zonguldak', 'Aksaray', 'Bayburt', 'Karaman', 'Kırıkkale', 'Batman', 'Şırnak', 'Bartın', 'Ardahan', 'Iğdır', 'Yalova', 'Karabük', 'Kilis', 'Osmaniye', 'Düzce');
            foreach($iller as $veri) { echo '<option value="'.$veri.'">'.$veri.'</option>'; }
            ?>
          </select>
        </div>
      </section>

      <section class="step5">
        <p><small>Asla eposta göndermeyeceğiz</small></p>
        <div class="form-group">
          <input type="email" id="emailInput" placeholder="ornek@email.com" />
        </div>
      </section>

      <section class="step6">
        <p>Lütfen aşağıya bir şifre girin</p>
        <div class="form-group">
          <input type="text" id="password1" placeholder="Şifrenizi Yazın" />
        </div>
        <span class="terms-text">
          Kayıt olarak 18 yaşından büyük olduğunuzu ve <a href="https://app.heysen.net/terms_heysen.html" target="_blank">Üyelik Sözleşmesini</a> kabul etmiş sayılırsınız.
        </span>
      </section>
    </div>

    <div class="wizard-footer">
      <button type="button" class="button" id="prev">
        <i class="fas fa-arrow-left"></i> Geri
      </button>
      <button type="button" class="button" id="next">
        <i class="fas fa-hand-pointer"></i> Buraya Dokun ve Devam Et
      </button>
      <button type="button" class="button" id="submit">
        <i class="fas fa-check-circle"></i> Kaydı Tamamla
      </button>
    </div>
  </div>

  <div class="alt-actions">
    <p>veya</p>
    <button onclick="goTetikle();" type="button" class="login-with-google-btn">
      Google ile Hızlı Kayıt
    </button>
    <p>Zaten hesabın var mı?</p>
    <button onclick="window.location.href = 'login.php';" id="login">
      <i class="fas fa-sign-in-alt"></i> Giriş Yap
    </button>
  </div>
</div>

<!-- Scripts -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/3.0.5/js.cookie.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/11.7.32/sweetalert2.all.min.js"></script>
<script>
function goTetikle() {
  try { Android.goLoginAc(); } catch(e) { console.log('Android bridge not available'); }
}

$(document).ready(function() {
  let stepNumber = 1;
  const totalSteps = 6;

  const prevButton = $('#prev');
  const nextButton = $('#next');
  const submitButton = $('#submit');

  const stepInfo = {
    1: {title: 'Hoş Geldin!', desc: 'Kendi cinsiyetini seç ve çevrende kaç kullanıcı var görelim'},
    2: {title: 'İsmin Nedir?', desc: 'Adını ve soyadını yazarak başlayalım'},
    3: {title: 'Kaç Yaşındasın?', desc: 'Yaş grubunu seç'},
    4: {title: 'Nerede Yaşıyorsun?', desc: 'Şehrini seçerek devam et'},
    5: {title: 'E-posta Adresin?', desc: 'Hesabını güvende tutmak için e-posta gerekli'},
    6: {title: 'Şifreni Belirle', desc: 'Güvenli bir şifre oluştur'}
  };

  // Initialize
  prevButton.addClass('disabled');
  nextButton.addClass('disabled');
  submitButton.addClass('disabled');
  updateUI();

  // Vitrin popup
 /* setTimeout(function() {
    if (!sessionStorage.getItem('vitrin_hakki_gosterildi')) {
      Swal.fire({
        title: 'Tebrikler!',
        html: "Ücretsiz Vitrin Hakkı Kazandın!<br>Günün şanslı kişisi sensin.<br>Hemen Ücretsiz Üye Ol!",
        icon: 'success',
        confirmButtonColor: '#667eea',
        confirmButtonText: 'Tamam'
      });
      sessionStorage.setItem('vitrin_hakki_gosterildi', true);
    }
  }, 1000);

*/

  function updateUI() {
    $('#step-title').text(stepInfo[stepNumber].title);
    $('#step-description').text(stepInfo[stepNumber].desc);

    if (stepNumber === 3) {
      const userName = $('#nameInput').val();
      if (userName && userName.length >= 3) {
        $('#greetingsText').html("Tanıştığımıza memnun olduk,<br><b>"+userName+"</b>!<br><br>Peki kaç yaşındasın?");
      }
    }

    $('section').removeClass('active');
    $('.step' + stepNumber).addClass('active');

    if (stepNumber === 1) {
      $('.alt-actions').removeClass('hidden');
    } else {
      $('.alt-actions').addClass('hidden');
    }

    if (stepNumber === 1) {
      prevButton.addClass('disabled');
      submitButton.addClass('disabled');
    } else {
      prevButton.removeClass('disabled');
      if (stepNumber === 6) {
        nextButton.addClass('disabled');
      } else {
        submitButton.addClass('disabled');
      }
    }
  }

  function checkStepCompletion(step) {
    const currentStep = $('.step' + step);
    const inputs = currentStep.find('input, select');
    let isValid = true;
    
    inputs.each(function() {
      if ($(this).attr('type') !== 'hidden' && ($(this).val() === '' || $(this).val() === '0')) {
        isValid = false;
      }
    });

    if (step === 2 && $('#nameInput').val().length < 3) {
      isValid = false;
    }

    if (step === 6) {
      const p1 = $('#password1').val();
      if (p1.length >= 6) {
        submitButton.removeClass('disabled');
      } else {
        submitButton.addClass('disabled');
      }
    } else {
      if (isValid) {
        nextButton.removeClass('disabled');
      } else {
        nextButton.addClass('disabled');
      }
    }
  }

  var randomsayiErk = Math.floor(Math.random() * 100) + 200;
  var randomsayiKad = Math.floor(Math.random() * 100) + 100;

  $('.step1 input').on('change', function() {
    checkStepCompletion(1);
    var cins, cuml, randomsayi;
    if ($('input[name="gender"]:checked').val() == 'kadin') {
      cins = "<b><u>Erkek</u></b>";
      randomsayi = randomsayiKad;
      cuml = "<b>Kadın olduğunu söyledin.</b><br><br>";
    } else {
      cins = "<b><u>Kadın</u></b>";
      randomsayi = randomsayiErk;
      cuml = "<b>Erkek olduğunu söyledin.</b><br><br>";
    }
    $("#onlinekullanici").html(cuml + "Yakınlarında <font color='green'>" + randomsayi + " Çevrimiçi</font> " + cins + " var").addClass('show');
  });

  $('#nameInput').on('input', function() {
    const regex = /^[a-zA-ZöçşığüÖÇŞİĞÜ\s]+$/g;
    const value = $(this).val();
    if (!regex.test(value) && value !== '') {
      $(this).val(value.replace(/[^a-zA-ZöçşığüÖÇŞİĞÜ\s]/gi, ""));
    }
    checkStepCompletion(2);
    if (value.length >= 3) {
      $('#greetingsText').html("Tanıştığımıza memnun olduk,<br><b>" + value + "</b>!<br><br>Peki kaç yaşındasın?");
    }
  });

  $('.step3 select').on('change', function() { checkStepCompletion(3); });
  $('.step4 select').on('change', function() { checkStepCompletion(4); });
  
  $('.step5 input').on('input', function() {
    this.value = this.value.replace(/\s/g, '');
  });

  $('.step5 input').on('change keyup', function() {
    const email = $(this).val().trim();
    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/;
    if (emailRegex.test(email)) {
      checkStepCompletion(5);
    } else {
      nextButton.addClass('disabled');
    }
  });

  $('.step6 input').on('change keyup', function() { checkStepCompletion(6); });

  $('#submit').on('click', function() {
    $(this).css({'pointer-events': 'none', 'opacity': '0.6'}).html('<i class="fa-solid fa-spinner fa-spin"></i> Lütfen Bekleyin...');
    
    const password = $('#password1').val();
    const data = {
      type: 'registerNew',
      name: $('#nameInput').val(),
      email: $('#emailInput').val(),
      password: password,
      password2: password,
      onesignal: $('#onesignal').val(),
      city: $('#sehir').val(),
      age: $('#yas').val(),
      cinsiyet: $('input[name="gender"]:checked').val()
    };

    if (data.password.length >= 6) {
      $.post('assets/api.php', data, function(response) {
        setTimeout(function() {
          $('#submit').css({'pointer-events': 'auto', 'opacity': '1'}).html("Kaydı Tamamla!");
        }, 2000);
        
        const messages = {
          "100": "Boş alan bırakmamalısınız!",
          "2": "Bu E-posta ile daha önce kaydolunmuş!",
          "3": "Girdiğiniz şifreler uyuşmuyor!",
          "4": "Şifre çok kısa, en az 6 karakter olmalı!",
          "6": "İsimde özel karakter kullanılamaz!",
          "7": "Geçerli bir E-Posta adresi girin!",
          "101": "Sadece mobil uygulama üzerinden kayıt olabilirsiniz!",
          "8": "Birden fazla üyelik oluşturamazsınız!"
        };

        if (response.result === "0") {
          Cookies.set('user_token', response.cookie, { expires: 365, domain: '.app.heysen.net' });
          Swal.fire({ icon: 'success', title: 'Üyelik Oluşturuldu', html: 'Aramıza Hoş Geldiniz!', timer: 4000, showConfirmButton: false })
            .then(function() { window.location.href = "https://app.heysen.net/index.php"; });
        } else if (messages[response.result]) {
          Swal.fire({ icon: 'error', title: 'Hata!', html: messages[response.result], confirmButtonColor: '#667eea' });
        }
      }, 'json');
    } else {
      setTimeout(function() {
        $('#submit').css({'pointer-events': 'auto', 'opacity': '1'}).html("Kaydı Tamamla!");
      }, 2000);
      Swal.fire({ icon: 'error', title: 'Hata!', html: 'Şifre en az 6 karakter olmalıdır!', confirmButtonColor: '#667eea' });
    }
  });

  nextButton.on('click', function() {
    if (stepNumber < totalSteps && !$(this).hasClass('disabled')) {
      stepNumber++;
      updateUI();
      checkStepCompletion(stepNumber);
    }
  });

  prevButton.on('click', function(e) {
    e.preventDefault();
    if (stepNumber > 1 && !$(this).hasClass('disabled')) {
      stepNumber--;
      updateUI();
      checkStepCompletion(stepNumber);
    }
  });

  // Android geri tuşunu tamamen engelle
  history.pushState(null, null, location.href);
  window.onpopstate = function() {
    history.pushState(null, null, location.href);
  };
});
</script>
</body>
</html>
