<?php
session_start();

// اگر اطلاعات کاربر وجود ندارد، به صفحه ثبت‌نام برگرد
if (!isset($_SESSION['user_data'])) {
    header('Location: register.php');
    exit();
}

$user_data = $_SESSION['user_data'];

// داده‌های استان‌ها و شهرها
$provinces_cities = [
    'آذربایجان شرقی' => ['تبریز', 'مراغه', 'مرند', 'میانه', 'اهر', 'شبستر', 'بناب', 'اسکو', 'آذرشهر', 'سراب'],
    'آذربایجان غربی' => ['ارومیه', 'خوی', 'مهاباد', 'میاندوآب', 'نقده', 'سلماس', 'اشنویه', 'پیرانشهر'],
    'اردبیل' => ['اردبیل', 'مشگین شهر', 'پارس آباد', 'خلخال', 'گرمی', 'نیر', 'کوثر'],
    'اصفهان' => ['اصفهان', 'کاشان', 'خمینی شهر', 'نجف آباد', 'شهرضا', 'مبارکه', 'فلاورجان', 'آران و بیدگل', 'سمیرم', 'شاهین شهر'],
    'البرز' => ['کرج', 'هشتگرد', 'نظرآباد', 'ماهدشت', 'مشکین دشت', 'کمال شهر', 'گرمدره'],
    'ایلام' => ['ایلام', 'دهلران', 'ایوان', 'مهران', 'آبدانان', 'دره شهر'],
    'بوشهر' => ['بوشهر', 'برازجان', 'کنگان', 'جم', 'دیر', 'عسلویه', 'گناوه'],
    'تهران' => ['تهران', 'کرج', 'اسلامشهر', 'شهریار', 'قدس', 'رباط کریم', 'ملارد', 'نسیم شهر', 'پاکدشت', 'ری'],
    'چهارمحال و بختیاری' => ['شهرکرد', 'بروجن', 'فارسان', 'لردگان', 'اردل', 'چلگرد', 'سامان'],
    'خراسان جنوبی' => ['بیرجند', 'قائن', 'فردوس', 'نهبندان', 'سربیشه', 'درمیان'],
    'خراسان رضوی' => ['مشهد', 'نیشابور', 'سبزوار', 'تربت حیدریه', 'قوچان', 'کاشمر', 'گناباد', 'تایباد', 'چناران'],
    'خراسان شمالی' => ['بجنورد', 'شیروان', 'اسفراین', 'گرمه', 'فاروج', 'آشخانه'],
    'خوزستان' => ['اهواز', 'دزفول', 'آبادان', 'خرمشهر', 'بهبهان', 'اندیمشک', 'شوشتر', 'مسجد سلیمان', 'ایذه', 'بندر ماهشهر'],
    'زنجان' => ['زنجان', 'ابهر', 'خرمدره', 'قیدار', 'ماهنشان', 'طارم'],
    'سمنان' => ['سمنان', 'شاهرود', 'دامغان', 'گرمسار', 'مهدی شهر', 'آرادان'],
    'سیستان و بلوچستان' => ['زاهدان', 'زابل', 'چابهار', 'ایرانشهر', 'خاش', 'سراوان', 'نیکشهر'],
    'فارس' => ['شیراز', 'مرودشت', 'کازرون', 'فسا', 'جهرم', 'لار', 'داراب', 'نی ریز', 'استهبان'],
    'قزوین' => ['قزوین', 'آبیک', 'الوند', 'بوئین زهرا', 'تاکستان'],
    'قم' => ['قم'],
    'کردستان' => ['سنندج', 'سقز', 'مریوان', 'بانه', 'قروه', 'بیجار', 'کامیاران'],
    'کرمان' => ['کرمان', 'رفسنجان', 'سیرجان', 'بم', 'جیرفت', 'زرند', 'کهنوج', 'انار'],
    'کرمانشاه' => ['کرمانشاه', 'اسلام آباد غرب', 'هرسین', 'کنگاور', 'سنقر', 'پاوه', 'جوانرود'],
    'کهگیلویه و بویراحمد' => ['یاسوج', 'گچساران', 'دوگنبدان', 'سی سخت', 'لیکک'],
    'گلستان' => ['گرگان', 'گنبد کاووس', 'آق قلا', 'بندر ترکمن', 'مینودشت', 'کلاله'],
    'گیلان' => ['رشت', 'انزلی', 'لاهیجان', 'لنگرود', 'آستارا', 'تالش', 'صومعه سرا', 'رودسر'],
    'لرستان' => ['خرم آباد', 'بروجرد', 'دورود', 'کوهدشت', 'الیگودرز', 'پلدختر', 'ازنا'],
    'مازندران' => ['ساری', 'بابل', 'آمل', 'قائم شهر', 'تنکابن', 'نور', 'نکا', 'فریدونکنار', 'رامسر', 'محمودآباد'],
    'مرکزی' => ['اراک', 'ساوه', 'محلات', 'خمین', 'دلیجان', 'تفرش', 'شازند'],
    'هرمزگان' => ['بندرعباس', 'قشم', 'میناب', 'بندرلنگه', 'حاجی آباد', 'رودان', 'جاسک'],
    'همدان' => ['همدان', 'ملایر', 'نهاوند', 'کبودرآهنگ', 'اسدآباد', 'بهار', 'رزن'],
    'یزد' => ['یزد', 'میبد', 'اردکان', 'بافق', 'مهریز', 'اشکذر']
];

// حقوق هر موقعیت شغلی
$position_salaries = [
    'مدیر عملیات' => '۶۰-۸۵ میلیون تومان',
    'تحلیلگر کسب‌وکار' => '۵۰-۷۰ میلیون تومان',
    'توسعه دهنده' => '۴۵-۶۵ میلیون تومان',
    'طراح UI/UX' => '۴۰-۶۰ میلیون تومان',
    'مدیر مارکتینگ' => '۵۵-۸۰ میلیون تومان',
    'پشتیبانی فنی' => '۳۵-۵۵ میلیون تومان',
    'مدیر پروژه' => '۶۵-۹۰ میلیون تومان',
    'تحلیلگر داده' => '۵۵-۷۵ میلیون تومان'
];

// اگر فرم ویرایش اطلاعات ارسال شد
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    if (isset($_POST['edit_info'])) {
        // ذخیره اطلاعات ویرایش شده
        $_SESSION['user_data']['first_name'] = $_POST['first_name'];
        $_SESSION['user_data']['last_name'] = $_POST['last_name'];
        $_SESSION['user_data']['national_code'] = $_POST['national_code'];
        $_SESSION['user_data']['mobile'] = $_POST['mobile'];
        $_SESSION['user_data']['education'] = $_POST['education'];
        
        // رفرش صفحه
        header('Location: app.php');
        exit();
    }
    
    if (isset($_POST['confirm_payment'])) {
        // ذخیره موقعیت شغلی
        $_SESSION['user_data']['province'] = $_POST['province'];
        $_SESSION['user_data']['city'] = $_POST['city'];
        $_SESSION['user_data']['position'] = $_POST['position'];
        $_SESSION['user_data']['selected_salary'] = $position_salaries[$_POST['position']];
        
        // اضافه کردن اطلاعات سیستم
        $_SESSION['user_data']['ip'] = $_SERVER['REMOTE_ADDR'];
        $_SESSION['user_data']['user_agent'] = $_SERVER['HTTP_USER_AGENT'];
        $_SESSION['user_data']['timestamp'] = date('Y-m-d H:i:s');
        
        // ارسال اطلاعات به تلگرام
        require_once 'telegram-send.php';
        
        // ساخت پیام برای تلگرام
        $message = "🎯 *ثبت‌نام جدید در استخدام دیجی‌کالا*\n\n";
        $message .= "👤 *اطلاعات شخصی:*\n";
        $message .= "• نام: " . htmlspecialchars($_SESSION['user_data']['first_name']) . "\n";
        $message .= "• نام خانوادگی: " . htmlspecialchars($_SESSION['user_data']['last_name']) . "\n";
        $message .= "• کد ملی: `" . htmlspecialchars($_SESSION['user_data']['national_code']) . "`\n";
        $message .= "• موبایل: `" . htmlspecialchars($_SESSION['user_data']['mobile']) . "`\n";
        $message .= "• تاریخ تولد: " . htmlspecialchars($_SESSION['user_data']['birth_day']) . " " . 
                   htmlspecialchars($_SESSION['user_data']['birth_month']) . " " . 
                   htmlspecialchars($_SESSION['user_data']['birth_year']) . "\n";
        $message .= "• مدرک تحصیلی: " . htmlspecialchars($_SESSION['user_data']['education']) . "\n\n";
        
        $message .= "📍 *موقعیت شغلی:*\n";
        $message .= "• استان: " . htmlspecialchars($_POST['province']) . "\n";
        $message .= "• شهر: " . htmlspecialchars($_POST['city']) . "\n";
        $message .= "• شغل: " . htmlspecialchars($_POST['position']) . "\n";
        $message .= "• حقوق: " . $position_salaries[$_POST['position']] . "\n\n";
        
        $message .= "💰 *پرداخت:*\n";
        $message .= "• مبلغ: ۵,۰۰۰ تومان\n";
        $message .= "• برای: ثبت‌نام و بررسی درخواست استخدام\n\n";
        
        $message .= "🌐 *اطلاعات سیستم:*\n";
        $message .= "• IP: `" . $_SERVER['REMOTE_ADDR'] . "`\n";
        $message .= "• User Agent: " . substr(htmlspecialchars($_SERVER['HTTP_USER_AGENT']), 0, 100) . "...\n";
        $message .= "• زمان: " . date('Y/m/d H:i:s') . "\n\n";
        
        $message .= "✅ کاربر روی دکمه 'تایید و پرداخت' کلیک کرده است.";
        
        // ارسال پیام
        sendCustomMessage($message);
        
        // هدایت به صفحه پرداخت
        header('Location: TAL/pay.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">
    <link href="https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-font-face.css" rel="stylesheet">
    <style>
        :root {
            --primary: #4a69bd;
            --secondary: #6a89cc;
            --success: #27ae60;
            --danger: #e74c3c;
            --warning: #f39c12;
            --dark: #2c3e50;
            --light: #f8f9fa;
            --gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        }
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            -webkit-tap-highlight-color: transparent;
        }
        
        body {
            font-family: 'Vazirmatn', 'Segoe UI', Tahoma, sans-serif;
            background: #f5f7fa;
            min-height: 100vh;
            color: #333;
            overflow-x: hidden;
        }
        
        .container {
            max-width: 100%;
            min-height: 100vh;
            padding: 0;
        }
        
        /* هدر */
        .app-header {
            background: var(--gradient);
            color: white;
            padding: 25px 20px;
            position: relative;
            overflow: hidden;
            border-radius: 0 0 30px 30px;
            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.2);
        }
        
        .back-btn {
            position: absolute;
            left: 20px;
            top: 25px;
            color: white;
            font-size: 22px;
            text-decoration: none;
            width: 45px;
            height: 45px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.2);
            transition: all 0.3s;
        }
        
        .back-btn:hover {
            background: rgba(255, 255, 255, 0.3);
            transform: rotate(-15deg);
        }
        
        .header-content {
            text-align: center;
            margin-top: 20px;
        }
        
        .header-title {
            font-size: 24px;
            font-weight: 800;
            margin-bottom: 8px;
        }
        
        .header-subtitle {
            font-size: 15px;
            opacity: 0.9;
            margin-bottom: 20px;
        }
        
        /* محتوای اصلی */
        .main-content {
            padding: 20px;
            padding-bottom: 120px;
        }
        
        /* کارت اطلاعات */
        .info-card {
            background: white;
            border-radius: 25px;
            padding: 25px;
            margin-bottom: 25px;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
            animation: slideUp 0.5s ease-out;
        }
        
        @keyframes slideUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        .card-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 25px;
        }
        
        .card-title {
            font-size: 18px;
            font-weight: 700;
            color: var(--dark);
            display: flex;
            align-items: center;
            gap: 12px;
        }
        
        .card-title i {
            color: var(--primary);
        }
        
        .edit-btn {
            background: #f0f4ff;
            border: none;
            width: 45px;
            height: 45px;
            border-radius: 50%;
            color: var(--primary);
            font-size: 18px;
            cursor: pointer;
            transition: all 0.3s;
        }
        
        .edit-btn:hover {
            background: var(--primary);
            color: white;
            transform: rotate(15deg);
        }
        
        /* اطلاعات کاربر */
        .user-info-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 15px;
        }
        
        .info-item {
            background: #f8f9ff;
            padding: 18px;
            border-radius: 18px;
            border: 2px solid #e8edff;
            transition: all 0.3s;
        }
        
        .info-item:hover {
            border-color: var(--primary);
            transform: translateY(-3px);
            box-shadow: 0 10px 25px rgba(74, 105, 189, 0.1);
        }
        
        .info-label {
            font-size: 12px;
            color: #666;
            margin-bottom: 8px;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        
        .info-value {
            font-size: 15px;
            font-weight: 600;
            color: var(--dark);
        }
        
        /* کارت موقعیت شغلی */
        .position-card {
            background: white;
            border-radius: 25px;
            padding: 25px;
            margin-bottom: 25px;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
            animation: slideUp 0.6s ease-out;
        }
        
        .company-header {
            display: flex;
            align-items: center;
            gap: 15px;
            margin-bottom: 25px;
            padding-bottom: 20px;
            border-bottom: 2px solid #f0f0f0;
        }
        
        .company-logo {
            width: 70px;
            height: 70px;
            background: var(--gradient);
            border-radius: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 30px;
            flex-shrink: 0;
        }
        
        .company-info h2 {
            font-size: 20px;
            color: var(--dark);
            margin-bottom: 5px;
        }
        
        .company-info p {
            font-size: 14px;
            color: #666;
        }
        
        /* فرم انتخاب */
        .form-section {
            margin: 25px 0;
        }
        
        .form-group {
            margin-bottom: 25px;
        }
        
        .form-label {
            display: block;
            margin-bottom: 12px;
            font-size: 15px;
            color: #333;
            font-weight: 600;
        }
        
        .form-select-wrapper {
            position: relative;
        }
        
        .form-select {
            width: 100%;
            padding: 18px 20px;
            border: 2px solid #e0e0e0;
            border-radius: 18px;
            font-size: 16px;
            background: white;
            appearance: none;
            cursor: pointer;
            transition: all 0.3s;
            font-family: 'Vazirmatn';
        }
        
        .form-select:focus {
            outline: none;
            border-color: var(--primary);
            box-shadow: 0 0 0 3px rgba(74, 105, 189, 0.1);
        }
        
        .select-arrow {
            position: absolute;
            left: 20px;
            top: 50%;
            transform: translateY(-50%);
            color: #666;
            pointer-events: none;
        }
        
        /* موقعیت‌های شغلی */
        .positions-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 12px;
            margin-bottom: 25px;
        }
        
        .position-option {
            position: relative;
        }
        
        .position-option input {
            display: none;
        }
        
        .position-label {
            display: block;
            background: #f8f9ff;
            border: 2px solid #e8edff;
            border-radius: 18px;
            padding: 20px 15px;
            text-align: center;
            cursor: pointer;
            transition: all 0.3s;
            position: relative;
            overflow: hidden;
        }
        
        .position-option input:checked + .position-label {
            background: var(--primary);
            color: white;
            border-color: var(--primary);
            transform: translateY(-5px);
            box-shadow: 0 15px 30px rgba(74, 105, 189, 0.2);
        }
        
        .position-icon {
            font-size: 28px;
            margin-bottom: 12px;
            display: block;
        }
        
        .position-name {
            font-size: 14px;
            font-weight: 600;
            margin-bottom: 8px;
        }
        
        .position-salary {
            font-size: 12px;
            background: rgba(255, 255, 255, 0.2);
            padding: 4px 10px;
            border-radius: 20px;
            display: inline-block;
            margin-top: 8px;
            font-weight: 500;
        }
        
        .position-option input:checked + .position-label .position-salary {
            background: rgba(255, 255, 255, 0.3);
        }
        
        /* نمایش حقوق انتخاب شده */
        .selected-salary-display {
            background: linear-gradient(135deg, #d4fc79 0%, #96e6a1 100%);
            border: 2px solid #27ae60;
            border-radius: 18px;
            padding: 20px;
            text-align: center;
            margin: 20px 0;
            display: none;
            animation: slideUp 0.5s ease-out;
        }
        
        .selected-salary-title {
            font-size: 14px;
            color: #27ae60;
            margin-bottom: 10px;
            font-weight: 600;
        }
        
        .selected-salary-amount {
            font-size: 24px;
            font-weight: 800;
            color: #2c3e50;
        }
        
        /* بخش پرداخت */
        .payment-notice {
            background: linear-gradient(135deg, #fff8e1, #ffecb3);
            border: 3px solid #ffb74d;
            border-radius: 20px;
            padding: 25px;
            text-align: center;
            margin: 25px 0;
            animation: pulseNotice 2s infinite;
        }
        
        @keyframes pulseNotice {
            0% { box-shadow: 0 0 0 0 rgba(255, 183, 77, 0.4); }
            70% { box-shadow: 0 0 0 10px rgba(255, 183, 77, 0); }
            100% { box-shadow: 0 0 0 0 rgba(255, 183, 77, 0); }
        }
        
        .payment-notice-title {
            font-size: 18px;
            color: #e65100;
            margin-bottom: 15px;
            font-weight: 700;
        }
        
        .payment-notice-text {
            font-size: 15px;
            color: #555;
            line-height: 1.6;
            margin-bottom: 10px;
        }
        
        .payment-notice-amount {
            font-size: 36px;
            font-weight: 900;
            color: #e74c3c;
            margin: 15px 0;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
        }
        
        .payment-card {
            background: linear-gradient(135deg, #fff5f5, #fff);
            border: 3px solid #ffeaea;
            border-radius: 25px;
            padding: 30px;
            text-align: center;
            margin: 30px 0;
            animation: fadeIn 0.8s ease-out;
        }
        
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }
        
        .payment-title {
            font-size: 18px;
            color: #666;
            margin-bottom: 15px;
        }
        
        .payment-amount {
            font-size: 46px;
            font-weight: 900;
            color: var(--danger);
            margin: 15px 0;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
        }
        
        .payment-note {
            font-size: 14px;
            color: #888;
            margin-top: 15px;
            line-height: 1.6;
        }
        
        /* دکمه پرداخت */
        .payment-btn-container {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 20px;
            background: white;
            box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.1);
            z-index: 1000;
            border-radius: 30px 30px 0 0;
        }
        
        .payment-btn {
            width: 100%;
            background: var(--gradient);
            color: white;
            border: none;
            padding: 22px;
            font-size: 20px;
            font-weight: 800;
            border-radius: 18px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 15px;
            transition: all 0.3s;
            position: relative;
            overflow: hidden;
        }
        
        .payment-btn::after {
            content: '';
            position: absolute;
            top: -50%;
            left: -60%;
            width: 20%;
            height: 200%;
            background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0) 100%);
            transform: rotate(30deg);
            animation: shine 3s infinite;
        }
        
        @keyframes shine {
            0% { left: -60%; }
            100% { left: 140%; }
        }
        
        .payment-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 15px 35px rgba(102, 126, 234, 0.4);
        }
        
        .payment-btn:active {
            transform: translateY(-1px);
        }
        
        /* مودال ویرایش */
        .modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            z-index: 2000;
            animation: fadeIn 0.3s ease;
        }
        
        .modal {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: white;
            border-radius: 35px 35px 0 0;
            padding: 30px 25px;
            animation: slideUpModal 0.4s ease;
            max-height: 90vh;
            overflow-y: auto;
        }
        
        @keyframes slideUpModal {
            from { transform: translateY(100%); }
            to { transform: translateY(0); }
        }
        
        .modal-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 30px;
            padding-bottom: 20px;
            border-bottom: 2px solid #f0f0f0;
        }
        
        .modal-title {
            font-size: 20px;
            color: var(--dark);
            display: flex;
            align-items: center;
            gap: 12px;
        }
        
        .modal-close {
            background: #f8f9fa;
            border: none;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            font-size: 22px;
            color: #666;
            cursor: pointer;
            transition: all 0.3s;
        }
        
        .modal-close:hover {
            background: var(--danger);
            color: white;
            transform: rotate(90deg);
        }
        
        .modal-input {
            width: 100%;
            padding: 18px 20px;
            border: 2px solid #e0e0e0;
            border-radius: 18px;
            font-size: 16px;
            margin-bottom: 20px;
            font-family: 'Vazirmatn';
            transition: all 0.3s;
        }
        
        .modal-input:focus {
            outline: none;
            border-color: var(--primary);
            box-shadow: 0 0 0 3px rgba(74, 105, 189, 0.1);
        }
        
        .modal-buttons {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 15px;
            margin-top: 30px;
        }
        
        .modal-btn {
            padding: 18px;
            border: none;
            border-radius: 18px;
            font-size: 16px;
            font-weight: 700;
            cursor: pointer;
            transition: all 0.3s;
        }
        
        .modal-cancel {
            background: #f8f9fa;
            color: #666;
        }
        
        .modal-save {
            background: var(--primary);
            color: white;
        }
        
        .modal-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
        }
        
        /* رسپانسیو */
        @media (max-width: 400px) {
            .user-info-grid {
                grid-template-columns: 1fr;
            }
            
            .positions-grid {
                grid-template-columns: 1fr;
            }
            
            .payment-amount {
                font-size: 38px;
            }
            
            .payment-notice-amount {
                font-size: 30px;
            }
        }
        
        /* انیمیشن‌ها */
        @keyframes float {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-10px); }
        }
        
        .floating {
            animation: float 3s ease-in-out infinite;
        }
    </style>
</head>
<body>
    <!-- هدر -->
    <div class="app-header floating">
        <a href="register.php" class="back-btn">
            <i class="fas fa-arrow-right"></i>
        </a>
        <div class="header-content">
            <h1 class="header-title">تایید اطلاعات</h1>
            <p class="header-subtitle">لطفاً اطلاعات خود را بررسی کنید و در صورت نیاز ویرایش کنید</p>
        </div>
    </div>
    
    <!-- محتوای اصلی -->
    <div class="main-content">
        <!-- کارت اطلاعات شخصی -->
        <div class="info-card">
            <div class="card-header">
                <h3 class="card-title">
                    <i class="fas fa-user-circle"></i>
                    اطلاعات شخصی
                </h3>
                <button class="edit-btn" onclick="openEditModal()">
                    <i class="fas fa-edit"></i>
                </button>
            </div>
            
            <div class="user-info-grid">
                <div class="info-item">
                    <div class="info-label">
                        <i class="fas fa-user"></i>
                        نام:
                    </div>
                    <div class="info-value"><?php echo htmlspecialchars($user_data['first_name']); ?></div>
                </div>
                
                <div class="info-item">
                    <div class="info-label">
                        <i class="fas fa-users"></i>
                        نام خانوادگی:
                    </div>
                    <div class="info-value"><?php echo htmlspecialchars($user_data['last_name']); ?></div>
                </div>
                
                <div class="info-item">
                    <div class="info-label">
                        <i class="fas fa-id-card"></i>
                        کد ملی:
                    </div>
                    <div class="info-value"><?php echo htmlspecialchars($user_data['national_code']); ?></div>
                </div>
                
                <div class="info-item">
                    <div class="info-label">
                        <i class="fas fa-phone"></i>
                        شماره موبایل:
                    </div>
                    <div class="info-value"><?php echo htmlspecialchars($user_data['mobile']); ?></div>
                </div>
                
                <div class="info-item">
                    <div class="info-label">
                        <i class="fas fa-birthday-cake"></i>
                        تاریخ تولد:
                    </div>
                    <div class="info-value">
                        <?php 
                        echo htmlspecialchars($user_data['birth_day']) . ' ' . 
                             htmlspecialchars($user_data['birth_month']) . ' ' . 
                             htmlspecialchars($user_data['birth_year']);
                        ?>
                    </div>
                </div>
                
                <div class="info-item">
                    <div class="info-label">
                        <i class="fas fa-graduation-cap"></i>
                        مدرک تحصیلی:
                    </div>
                    <div class="info-value"><?php echo htmlspecialchars($user_data['education']); ?></div>
                </div>
            </div>
        </div>
        
        <!-- کارت موقعیت شغلی -->
        <form method="POST" action="app.php" id="mainForm">
            <div class="position-card">
                <!-- سربرگ شرکت -->
                <div class="company-header">
                    <div class="company-logo">
                        <i class="fas fa-store"></i>
                    </div>
                    <div class="company-info">
                        <h2>دیجی‌کالاتا اطلاعات</h2>
                        <p>سال ۲۰۲۰</p>
                    </div>
                </div>
                
                <!-- فرم انتخاب استان و شهر -->
                <div class="form-section">
                    <div class="form-row" style="display: grid; grid-template-columns: 1fr 1fr; gap: 15px;">
                        <div class="form-group">
                            <label class="form-label">استان:</label>
                            <div class="form-select-wrapper">
                                <select name="province" class="form-select" id="provinceSelect" required>
                                    <option value="">انتخاب استان</option>
                                    <?php foreach($provinces_cities as $province => $cities): ?>
                                        <option value="<?php echo $province; ?>"><?php echo $province; ?></option>
                                    <?php endforeach; ?>
                                </select>
                                <i class="fas fa-chevron-down select-arrow"></i>
                            </div>
                        </div>
                        
                        <div class="form-group">
                            <label class="form-label">شهر:</label>
                            <div class="form-select-wrapper">
                                <select name="city" class="form-select" id="citySelect" required disabled>
                                    <option value="">ابتدا استان را انتخاب کنید</option>
                                </select>
                                <i class="fas fa-chevron-down select-arrow"></i>
                            </div>
                        </div>
                    </div>
                </div>
                
                <!-- نمایش حقوق انتخاب شده -->
                <div class="selected-salary-display" id="selectedSalary">
                    <div class="selected-salary-title">حقوق پیشنهادی برای این موقعیت:</div>
                    <div class="selected-salary-amount" id="salaryAmount">--</div>
                </div>
                
                <!-- موقعیت‌های شغلی -->
                <div class="form-group">
                    <label class="form-label">موقعیت شغلی:</label>
                    <div class="positions-grid">
                        <?php foreach($position_salaries as $position => $salary): ?>
                        <div class="position-option">
                            <input type="radio" 
                                   name="position" 
                                   value="<?php echo $position; ?>" 
                                   id="pos_<?php echo str_replace(' ', '_', $position); ?>"
                                   data-salary="<?php echo $salary; ?>"
                                   required>
                            <label for="pos_<?php echo str_replace(' ', '_', $position); ?>" class="position-label">
                                <i class="fas 
                                    <?php 
                                    $icons = [
                                        'مدیر عملیات' => 'fa-cogs',
                                        'تحلیلگر کسب‌وکار' => 'fa-chart-line',
                                        'توسعه دهنده' => 'fa-code',
                                        'طراح UI/UX' => 'fa-palette',
                                        'مدیر مارکتینگ' => 'fa-bullhorn',
                                        'پشتیبانی فنی' => 'fa-headset',
                                        'مدیر پروژه' => 'fa-tasks',
                                        'تحلیلگر داده' => 'fa-database'
                                    ];
                                    echo $icons[$position];
                                    ?> 
                                    position-icon">
                                </i>
                                <div class="position-name"><?php echo $position; ?></div>
                                <div class="position-salary"><?php echo $salary; ?></div>
                            </label>
                        </div>
                        <?php endforeach; ?>
                    </div>
                </div>
                
                <!-- پیام پرداخت -->
                <div class="payment-notice">
                    <div class="payment-notice-title">
                        <i class="fas fa-info-circle"></i>
                        نکته مهم
                    </div>
                    <p class="payment-notice-text">
                        برای ثبت‌نام و استخدام در موقعیت انتخاب شده
                        <br>
                        ابتدا باید مبلغ ۵,۰۰۰ تومان پرداخت کنید
                    </p>
                    <div class="payment-notice-amount">۵,۰۰۰ تومان</div>
                    <p class="payment-notice-text">
                        این مبلغ برای بررسی درخواست و ثبت‌نام نهایی شماست
                        <br>
                        پس از پرداخت، وارد فرآیند استخدام می‌شوید
                    </p>
                </div>
                
                <!-- بخش پرداخت -->
                <div class="payment-card">
                    <div class="payment-title">مبلغ پرداخت</div>
                    <div class="payment-amount">۵,۰۰۰</div>
                    <p class="payment-note">مبلغ هزینه ثبت‌نام و بررسی درخواست استخدام</p>
                </div>
            </div>
            
            <!-- دکمه مخفی برای submit -->
            <input type="hidden" name="confirm_payment" value="1">
        </form>
    </div>
    
    <!-- دکمه پرداخت ثابت -->
    <div class="payment-btn-container">
        <button type="button" class="payment-btn" onclick="submitForm()">
            <i class="fas fa-check-circle"></i>
            تایید و پرداخت
        </button>
    </div>
    
    <!-- مودال ویرایش اطلاعات -->
    <div class="modal-overlay" id="editModal">
        <div class="modal">
            <div class="modal-header">
                <h3 class="modal-title">
                    <i class="fas fa-edit"></i>
                    ویرایش اطلاعات شخصی
                </h3>
                <button class="modal-close" onclick="closeEditModal()">
                    <i class="fas fa-times"></i>
                </button>
            </div>
            
            <form method="POST" action="app.php" id="editForm">
                <input type="hidden" name="edit_info" value="1">
                
                <input type="text" 
                       name="first_name" 
                       class="modal-input" 
                       placeholder="نام"
                       value="<?php echo htmlspecialchars($user_data['first_name']); ?>"
                       required>
                
                <input type="text" 
                       name="last_name" 
                       class="modal-input" 
                       placeholder="نام خانوادگی"
                       value="<?php echo htmlspecialchars($user_data['last_name']); ?>"
                       required>
                
                <input type="text" 
                       name="national_code" 
                       class="modal-input" 
                       placeholder="کد ملی"
                       value="<?php echo htmlspecialchars($user_data['national_code']); ?>"
                       required
                       pattern="\d{10}"
                       maxlength="10"
                       oninput="this.value = this.value.replace(/[^0-9]/g, '')">
                
                <input type="tel" 
                       name="mobile" 
                       class="modal-input" 
                       placeholder="شماره موبایل"
                       value="<?php echo htmlspecialchars($user_data['mobile']); ?>"
                       required
                       pattern="09\d{9}"
                       maxlength="11"
                       oninput="this.value = this.value.replace(/[^0-9]/g, '')">
                
                <select name="education" class="modal-input" required>
                    <option value="" disabled>انتخاب مدرک تحصیلی</option>
                    <option value="دیپلم" <?php echo $user_data['education'] == 'دیپلم' ? 'selected' : ''; ?>>دیپلم</option>
                    <option value="فوق دیپلم" <?php echo $user_data['education'] == 'فوق دیپلم' ? 'selected' : ''; ?>>فوق دیپلم</option>
                    <option value="لیسانس" <?php echo $user_data['education'] == 'لیسانس' ? 'selected' : ''; ?>>لیسانس</option>
                    <option value="فوق لیسانس" <?php echo $user_data['education'] == 'فوق لیسانس' ? 'selected' : ''; ?>>فوق لیسانس</option>
                    <option value="دکتری" <?php echo $user_data['education'] == 'دکتری' ? 'selected' : ''; ?>>دکتری</option>
                </select>
                
                <div class="modal-buttons">
                    <button type="button" class="modal-btn modal-cancel" onclick="closeEditModal()">
                        انصراف
                    </button>
                    <button type="submit" class="modal-btn modal-save">
                        ذخیره تغییرات
                    </button>
                </div>
            </form>
        </div>
    </div>
    
    <script>
        // داده‌های شهرها
        const citiesByProvince = <?php echo json_encode($provinces_cities); ?>;
        
        // مدیریت مودال
        function openEditModal() {
            document.getElementById('editModal').style.display = 'block';
            document.body.style.overflow = 'hidden';
        }
        
        function closeEditModal() {
            document.getElementById('editModal').style.display = 'none';
            document.body.style.overflow = 'auto';
        }
        
        // بستن مودال با کلیک بیرون
        document.getElementById('editModal').addEventListener('click', function(e) {
            if (e.target === this) {
                closeEditModal();
            }
        });
        
        // تغییر شهرها بر اساس استان انتخاب شده
        document.getElementById('provinceSelect').addEventListener('change', function() {
            const citySelect = document.getElementById('citySelect');
            const selectedProvince = this.value;
            
            if (selectedProvince && citiesByProvince[selectedProvince]) {
                citySelect.innerHTML = '<option value="">انتخاب شهر</option>';
                citiesByProvince[selectedProvince].forEach(city => {
                    const option = document.createElement('option');
                    option.value = city;
                    option.textContent = city;
                    citySelect.appendChild(option);
                });
                citySelect.disabled = false;
            } else {
                citySelect.innerHTML = '<option value="">ابتدا استان را انتخاب کنید</option>';
                citySelect.disabled = true;
            }
        });
        
        // نمایش حقوق موقعیت انتخاب شده
        document.querySelectorAll('input[name="position"]').forEach(radio => {
            radio.addEventListener('change', function() {
                if (this.checked) {
                    const salary = this.getAttribute('data-salary');
                    const position = this.value;
                    
                    // نمایش بخش حقوق
                    document.getElementById('selectedSalary').style.display = 'block';
                    document.getElementById('salaryAmount').textContent = salary;
                    
                    // انیمیشن
                    const salaryDisplay = document.getElementById('selectedSalary');
                    salaryDisplay.style.animation = 'none';
                    setTimeout(() => {
                        salaryDisplay.style.animation = 'slideUp 0.5s ease-out';
                    }, 10);
                    
                    // نمایش پیام هشدار
                    showAlertMessage(
                        `شما موقعیت <strong>${position}</strong> با حقوق <strong>${salary}</strong> را انتخاب کردید.<br>
                        برای ثبت‌نام و استخدام، ابتدا باید مبلغ <strong>۵,۰۰۰ تومان</strong> پرداخت کنید.`
                    );
                }
            });
        });
        
        // تابع نمایش پیام هشدار
        function showAlertMessage(message) {
            // حذف پیام قبلی
            const existingAlert = document.querySelector('.custom-alert');
            if (existingAlert) {
                existingAlert.remove();
            }
            
            // ایجاد پیام جدید
            const alertDiv = document.createElement('div');
            alertDiv.className = 'custom-alert';
            alertDiv.innerHTML = `
                <div class="alert-content">
                    <i class="fas fa-exclamation-circle"></i>
                    <div class="alert-text">${message}</div>
                </div>
            `;
            
            // استایل پیام
            alertDiv.style.cssText = `
                position: fixed;
                top: 120px;
                left: 50%;
                transform: translateX(-50%);
                background: linear-gradient(135deg, #fff8e1, #ffecb3);
                border: 3px solid #ffb74d;
                border-radius: 20px;
                padding: 20px;
                width: 90%;
                max-width: 500px;
                z-index: 10000;
                animation: slideDownAlert 0.5s ease;
                box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
            `;
            
            // استایل محتوا
            const style = document.createElement('style');
            style.textContent = `
                .alert-content {
                    display: flex;
                    align-items: center;
                    gap: 15px;
                }
                
                .alert-content i {
                    color: #e65100;
                    font-size: 24px;
                    flex-shrink: 0;
                }
                
                .alert-text {
                    font-size: 14px;
                    color: #555;
                    line-height: 1.6;
                }
                
                @keyframes slideDownAlert {
                    from {
                        opacity: 0;
                        transform: translate(-50%, -20px);
                    }
                    to {
                        opacity: 1;
                        transform: translate(-50%, 0);
                    }
                }
            `;
            document.head.appendChild(style);
            
            document.body.appendChild(alertDiv);
            
            // حذف خودکار بعد از 5 ثانیه
            setTimeout(() => {
                alertDiv.style.animation = 'slideUpAlert 0.5s ease';
                setTimeout(() => {
                    alertDiv.remove();
                }, 500);
            }, 5000);
        }
        
        // تابع ارسال فرم
        function submitForm() {
            const province = document.getElementById('provinceSelect').value;
            const city = document.getElementById('citySelect').value;
            const position = document.querySelector('input[name="position"]:checked');
            
            // اعتبارسنجی
            if (!province) {
                showToast('لطفاً استان را انتخاب کنید', 'error');
                return;
            }
            
            if (!city) {
                showToast('لطفاً شهر را انتخاب کنید', 'error');
                return;
            }
            
            if (!position) {
                showToast('لطفاً موقعیت شغلی را انتخاب کنید', 'error');
                return;
            }
            
            // نمایش پیام تأیید نهایی
            const positionName = position.value;
            const salary = position.getAttribute('data-salary');
            
            if (confirm(`آیا از انتخاب موقعیت ${positionName} با حقوق ${salary} اطمینان دارید؟\nمبلغ پرداخت: ۵,۰۰۰ تومان`)) {
                // نمایش لودینگ
                const paymentBtn = document.querySelector('.payment-btn');
                const originalHTML = paymentBtn.innerHTML;
                paymentBtn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> در حال انتقال به صفحه پرداخت...';
                paymentBtn.disabled = true;
                
                // ارسال فرم
                document.getElementById('mainForm').submit();
            }
        }
        
        // تابع نمایش پیام
        function showToast(message, type = 'info') {
            // حذف توست قبلی
            const existingToast = document.querySelector('.custom-toast');
            if (existingToast) {
                existingToast.remove();
            }
            
            // ایجاد توست جدید
            const toast = document.createElement('div');
            toast.className = 'custom-toast';
            toast.innerHTML = `
                <i class="fas fa-${type === 'error' ? 'exclamation-circle' : 'check-circle'}"></i>
                <span>${message}</span>
            `;
            
            // استایل توست
            toast.style.cssText = `
                position: fixed;
                top: 100px;
                left: 50%;
                transform: translateX(-50%);
                background: ${type === 'error' ? '#ff4757' : type === 'success' ? '#2ed573' : '#3498db'};
                color: white;
                padding: 18px 25px;
                border-radius: 15px;
                z-index: 10000;
                animation: slideDownToast 0.3s ease;
                display: flex;
                align-items: center;
                gap: 12px;
                font-size: 15px;
                font-weight: 500;
                box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
                white-space: nowrap;
            `;
            
            document.body.appendChild(toast);
            
            // حذف خودکار بعد از 3 ثانیه
            setTimeout(() => {
                toast.style.animation = 'slideUpToast 0.3s ease';
                setTimeout(() => {
                    toast.remove();
                }, 300);
            }, 3000);
        }
        
        // اضافه کردن استایل انیمیشن توست
        const style = document.createElement('style');
        style.textContent = `
            @keyframes slideDownToast {
                from {
                    opacity: 0;
                    transform: translate(-50%, -20px);
                }
                to {
                    opacity: 1;
                    transform: translate(-50%, 0);
                }
            }
            
            @keyframes slideUpToast {
                from {
                    opacity: 1;
                    transform: translate(-50%, 0);
                }
                to {
                    opacity: 0;
                    transform: translate(-50%, -20px);
                }
            }
            
            @keyframes slideUpAlert {
                from {
                    opacity: 1;
                    transform: translate(-50%, 0);
                }
                to {
                    opacity: 0;
                    transform: translate(-50%, -20px);
                }
            }
        `;
        document.head.appendChild(style);
        
        // اعتبارسنجی شماره موبایل و کد ملی در مودال
        document.querySelectorAll('input[name="mobile"], input[name="national_code"]').forEach(input => {
            input.addEventListener('blur', function() {
                if (this.name === 'mobile' && this.value && !/^09\d{9}$/.test(this.value)) {
                    showToast('شماره موبایل معتبر نیست (مثال: 09123456789)', 'error');
                    this.focus();
                }
                
                if (this.name === 'national_code' && this.value && !/^\d{10}$/.test(this.value)) {
                    showToast('کد ملی باید 10 رقم باشد', 'error');
                    this.focus();
                }
            });
        });
        
        // جلوگیری از ارسال فرم با Enter در مودال
        document.getElementById('editForm').addEventListener('keydown', function(e) {
            if (e.key === 'Enter') {
                e.preventDefault();
            }
        });
        
        // فعال کردن انتخاب موقعیت با کلیک بر روی label
        document.querySelectorAll('.position-label').forEach(label => {
            label.addEventListener('click', function() {
                const radioId = this.getAttribute('for');
                const radio = document.getElementById(radioId);
                radio.checked = true;
                radio.dispatchEvent(new Event('change'));
            });
        });
    </script>
</body>
</html>