<?php
session_start();

// Check if already installed
if (file_exists('includes/installed.lock')) {
    header('Location: index.php');
    exit;
}

$step = isset($_GET['step']) ? (int)$_GET['step'] : 1;
$error = '';
$success = '';

// Handle form submissions
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    if ($step === 2) {
        // Database connection test
        $host = $_POST['db_host'] ?? '';
        $name = $_POST['db_name'] ?? '';
        $user = $_POST['db_user'] ?? '';
        $pass = $_POST['db_pass'] ?? '';
        
        try {
            $conn = new PDO("mysql:host=$host;dbname=$name;charset=utf8mb4", $user, $pass);
            $conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
            $_SESSION['db_config'] = compact('host', 'name', 'user', 'pass');
            header('Location: wizard.php?step=3');
            exit;
        } catch(PDOException $e) {
            $error = 'خطا در اتصال: ' . $e->getMessage();
        }
    } elseif ($step === 3) {
        // Create database structure
        $config = $_SESSION['db_config'];
        try {
            $conn = new PDO("mysql:host={$config['host']};dbname={$config['name']};charset=utf8mb4", 
                           $config['user'], $config['pass']);
            $conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
            
            $sql = file_get_contents('database.sql');
            $conn->exec($sql);
            
            // Save config file
            $configContent = "<?php\ndefine('DB_HOST', '{$config['host']}');\ndefine('DB_NAME', '{$config['name']}');\ndefine('DB_USER', '{$config['user']}');\ndefine('DB_PASS', '{$config['pass']}');\n?>";
            file_put_contents('includes/db_config.php', $configContent);
            
            header('Location: wizard.php?step=4');
            exit;
        } catch(Exception $e) {
            $error = 'خطا در ایجاد جداول: ' . $e->getMessage();
        }
    } elseif ($step === 4) {
        // Create admin account
        $admin_name = $_POST['admin_name'] ?? '';
        $admin_phone = $_POST['admin_phone'] ?? '';
        $admin_pass = $_POST['admin_pass'] ?? '';
        
        if ($admin_name && $admin_phone && $admin_pass) {
            $config = $_SESSION['db_config'];
            try {
                $conn = new PDO("mysql:host={$config['host']};dbname={$config['name']};charset=utf8mb4", 
                               $config['user'], $config['pass']);
                $conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
                
                $stmt = $conn->prepare("UPDATE users SET full_name=?, phone=?, password=? WHERE role='admin' LIMIT 1");
                $stmt->execute([$admin_name, $admin_phone, $admin_pass]);
                
                // Create lock file
                file_put_contents('includes/installed.lock', date('Y-m-d H:i:s'));
                
                header('Location: wizard.php?step=5');
                exit;
            } catch(Exception $e) {
                $error = 'خطا در ایجاد ادمین: ' . $e->getMessage();
            }
        } else {
            $error = 'لطفا تمام فیلدها را پر کنید';
        }
    }
}
?>
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>نصب سیستم - بلوار</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700&display=swap');
        * { font-family: 'Vazirmatn', sans-serif; }
        
        .gradient-bg {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        }
        
        .step-item {
            position: relative;
            transition: all 0.3s ease;
        }
        
        .step-item.active .step-circle {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            transform: scale(1.1);
            box-shadow: 0 8px 20px rgba(102, 126, 234, 0.4);
        }
        
        .step-item.completed .step-circle {
            background: #10b981;
        }
        
        .step-line {
            position: absolute;
            top: 20px;
            right: -50%;
            width: 100%;
            height: 2px;
            background: #e5e7eb;
            z-index: -1;
        }
        
        .step-item.completed .step-line {
            background: #10b981;
        }
        
        .card-hover {
            transition: all 0.3s ease;
        }
        
        .card-hover:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 40px rgba(0,0,0,0.1);
        }
        
        .input-modern {
            transition: all 0.3s ease;
        }
        
        .input-modern:focus {
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(102, 126, 234, 0.2);
        }
        
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        .animate-fade-in-up {
            animation: fadeInUp 0.6s ease-out;
        }
        
        .pulse-slow {
            animation: pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite;
        }
    </style>
</head>
<body class="bg-gray-50">
    <!-- Header -->
    <div class="gradient-bg text-white py-8 shadow-lg">
        <div class="container mx-auto px-4">
            <div class="flex items-center justify-center gap-3">
                <i class="fas fa-magic text-4xl pulse-slow"></i>
                <h1 class="text-3xl font-bold">نصب سیستم بلوار</h1>
            </div>
            <p class="text-center mt-2 text-purple-100">راهنمای نصب گام به گام</p>
        </div>
    </div>

    <!-- Progress Steps -->
    <div class="container mx-auto px-4 py-12">
        <div class="max-w-4xl mx-auto mb-12">
            <div class="flex justify-between items-center relative">
                <?php
                $steps = [
                    1 => ['icon' => 'fa-home', 'title' => 'خوش آمدید'],
                    2 => ['icon' => 'fa-database', 'title' => 'پایگاه داده'],
                    3 => ['icon' => 'fa-cog', 'title' => 'نصب'],
                    4 => ['icon' => 'fa-user-shield', 'title' => 'مدیریت'],
                    5 => ['icon' => 'fa-check-circle', 'title' => 'اتمام']
                ];
                
                foreach ($steps as $num => $info):
                    $isActive = $num === $step;
                    $isCompleted = $num < $step;
                ?>
                <div class="step-item flex-1 text-center <?= $isActive ? 'active' : '' ?> <?= $isCompleted ? 'completed' : '' ?>">
                    <?php if ($num < 5): ?>
                    <div class="step-line"></div>
                    <?php endif; ?>
                    <div class="step-circle w-12 h-12 rounded-full mx-auto flex items-center justify-center text-white bg-gray-300 relative z-10">
                        <i class="fas <?= $info['icon'] ?> text-lg"></i>
                    </div>
                    <p class="mt-2 text-sm font-medium <?= $isActive ? 'text-purple-600' : 'text-gray-500' ?>">
                        <?= $info['title'] ?>
                    </p>
                </div>
                <?php endforeach; ?>
            </div>
        </div>

        <!-- Content -->
        <div class="max-w-2xl mx-auto animate-fade-in-up">
            <div class="bg-white rounded-2xl shadow-xl p-8 card-hover">
                
                <?php if ($error): ?>
                <div class="mb-6 bg-red-50 border-r-4 border-red-500 p-4 rounded-lg">
                    <div class="flex items-center gap-3">
                        <i class="fas fa-exclamation-circle text-red-500 text-xl"></i>
                        <p class="text-red-700"><?= htmlspecialchars($error) ?></p>
                    </div>
                </div>
                <?php endif; ?>

                <?php if ($step === 1): ?>
                <!-- Step 1: Welcome -->
                <div class="text-center">
                    <div class="w-24 h-24 gradient-bg rounded-full flex items-center justify-center mx-auto mb-6">
                        <i class="fas fa-rocket text-white text-4xl"></i>
                    </div>
                    <h2 class="text-3xl font-bold text-gray-800 mb-4">به نصب کننده خوش آمدید!</h2>
                    <p class="text-gray-600 mb-8 leading-relaxed">
                        این ویزارد شما را در نصب سیستم مدیریت خشکشویی راهنمایی می‌کند.
                        فرآیند نصب تنها چند دقیقه زمان می‌برد.
                    </p>
                    
                    <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-8">
                        <div class="bg-purple-50 p-4 rounded-xl">
                            <i class="fas fa-bolt text-purple-600 text-2xl mb-2"></i>
                            <h3 class="font-semibold text-gray-800">سریع</h3>
                            <p class="text-sm text-gray-600">نصب در کمتر از 5 دقیقه</p>
                        </div>
                        <div class="bg-blue-50 p-4 rounded-xl">
                            <i class="fas fa-shield-alt text-blue-600 text-2xl mb-2"></i>
                            <h3 class="font-semibold text-gray-800">امن</h3>
                            <p class="text-sm text-gray-600">با بالاترین استانداردها</p>
                        </div>
                        <div class="bg-green-50 p-4 rounded-xl">
                            <i class="fas fa-smile text-green-600 text-2xl mb-2"></i>
                            <h3 class="font-semibold text-gray-800">آسان</h3>
                            <p class="text-sm text-gray-600">بدون نیاز به دانش فنی</p>
                        </div>
                    </div>
                    
                    <a href="wizard.php?step=2" class="inline-block gradient-bg text-white px-8 py-4 rounded-xl font-semibold hover:shadow-2xl transition-all transform hover:scale-105">
                        <i class="fas fa-arrow-left ml-2"></i>
                        شروع نصب
                    </a>
                </div>

                <?php elseif ($step === 2): ?>
                <!-- Step 2: Database -->
                <div>
                    <div class="flex items-center gap-3 mb-6">
                        <div class="w-12 h-12 bg-blue-100 rounded-xl flex items-center justify-center">
                            <i class="fas fa-database text-blue-600 text-xl"></i>
                        </div>
                        <div>
                            <h2 class="text-2xl font-bold text-gray-800">تنظیمات پایگاه داده</h2>
                            <p class="text-gray-600 text-sm">اطلاعات اتصال به MySQL را وارد کنید</p>
                        </div>
                    </div>
                    
                    <form method="POST" class="space-y-5">
                        <div>
                            <label class="block text-gray-700 font-medium mb-2">
                                <i class="fas fa-server text-gray-400 ml-2"></i>
                                آدرس سرور
                            </label>
                            <input type="text" name="db_host" value="localhost" required
                                   class="input-modern w-full px-4 py-3 border-2 border-gray-200 rounded-xl focus:border-purple-500 focus:outline-none">
                        </div>
                        
                        <div>
                            <label class="block text-gray-700 font-medium mb-2">
                                <i class="fas fa-database text-gray-400 ml-2"></i>
                                نام پایگاه داده
                            </label>
                            <input type="text" name="db_name" value="khoshkshoei" required
                                   class="input-modern w-full px-4 py-3 border-2 border-gray-200 rounded-xl focus:border-purple-500 focus:outline-none">
                        </div>
                        
                        <div>
                            <label class="block text-gray-700 font-medium mb-2">
                                <i class="fas fa-user text-gray-400 ml-2"></i>
                                نام کاربری
                            </label>
                            <input type="text" name="db_user" value="root" required
                                   class="input-modern w-full px-4 py-3 border-2 border-gray-200 rounded-xl focus:border-purple-500 focus:outline-none">
                        </div>
                        
                        <div>
                            <label class="block text-gray-700 font-medium mb-2">
                                <i class="fas fa-key text-gray-400 ml-2"></i>
                                رمز عبور
                            </label>
                            <input type="password" name="db_pass" 
                                   class="input-modern w-full px-4 py-3 border-2 border-gray-200 rounded-xl focus:border-purple-500 focus:outline-none">
                        </div>
                        
                        <div class="flex gap-3 pt-4">
                            <a href="wizard.php?step=1" class="flex-1 bg-gray-100 text-gray-700 px-6 py-3 rounded-xl font-semibold hover:bg-gray-200 transition-all text-center">
                                <i class="fas fa-arrow-right ml-2"></i>
                                قبلی
                            </a>
                            <button type="submit" class="flex-1 gradient-bg text-white px-6 py-3 rounded-xl font-semibold hover:shadow-xl transition-all">
                                بررسی و ادامه
                                <i class="fas fa-arrow-left mr-2"></i>
                            </button>
                        </div>
                    </form>
                </div>

                <?php elseif ($step === 3): ?>
                <!-- Step 3: Installation -->
                <div class="text-center">
                    <div class="w-24 h-24 bg-gradient-to-br from-purple-500 to-pink-500 rounded-full flex items-center justify-center mx-auto mb-6 pulse-slow">
                        <i class="fas fa-cog fa-spin text-white text-4xl"></i>
                    </div>
                    <h2 class="text-2xl font-bold text-gray-800 mb-4">در حال نصب جداول...</h2>
                    <p class="text-gray-600 mb-8">لطفا صبر کنید، جداول پایگاه داده در حال ایجاد هستند</p>
                    
                    <form method="POST" id="installForm">
                        <button type="submit" class="gradient-bg text-white px-8 py-4 rounded-xl font-semibold hover:shadow-2xl transition-all">
                            <i class="fas fa-download ml-2"></i>
                            شروع نصب
                        </button>
                    </form>
                </div>

                <?php elseif ($step === 4): ?>
                <!-- Step 4: Admin Account -->
                <div>
                    <div class="flex items-center gap-3 mb-6">
                        <div class="w-12 h-12 bg-green-100 rounded-xl flex items-center justify-center">
                            <i class="fas fa-user-shield text-green-600 text-xl"></i>
                        </div>
                        <div>
                            <h2 class="text-2xl font-bold text-gray-800">ایجاد حساب مدیر</h2>
                            <p class="text-gray-600 text-sm">اطلاعات مدیر اصلی سیستم را وارد کنید</p>
                        </div>
                    </div>
                    
                    <form method="POST" class="space-y-5">
                        <div>
                            <label class="block text-gray-700 font-medium mb-2">
                                <i class="fas fa-user text-gray-400 ml-2"></i>
                                نام و نام خانوادگی
                            </label>
                            <input type="text" name="admin_name" required
                                   class="input-modern w-full px-4 py-3 border-2 border-gray-200 rounded-xl focus:border-purple-500 focus:outline-none">
                        </div>
                        
                        <div>
                            <label class="block text-gray-700 font-medium mb-2">
                                <i class="fas fa-phone text-gray-400 ml-2"></i>
                                شماره موبایل
                            </label>
                            <input type="text" name="admin_phone" placeholder="09123456789" required
                                   class="input-modern w-full px-4 py-3 border-2 border-gray-200 rounded-xl focus:border-purple-500 focus:outline-none">
                        </div>
                        
                        <div>
                            <label class="block text-gray-700 font-medium mb-2">
                                <i class="fas fa-lock text-gray-400 ml-2"></i>
                                رمز عبور
                            </label>
                            <input type="password" name="admin_pass" required
                                   class="input-modern w-full px-4 py-3 border-2 border-gray-200 rounded-xl focus:border-purple-500 focus:outline-none">
                        </div>
                        
                        <div class="bg-amber-50 border-r-4 border-amber-500 p-4 rounded-lg">
                            <div class="flex items-start gap-3">
                                <i class="fas fa-info-circle text-amber-500 text-xl mt-1"></i>
                                <div class="text-sm text-amber-800">
                                    <p class="font-semibold mb-1">نکته امنیتی:</p>
                                    <p>از رمز عبور قوی استفاده کنید و آن را در جای امنی نگهداری نمایید.</p>
                                </div>
                            </div>
                        </div>
                        
                        <button type="submit" class="w-full gradient-bg text-white px-6 py-4 rounded-xl font-semibold hover:shadow-xl transition-all">
                            ایجاد حساب و اتمام نصب
                            <i class="fas fa-check ml-2"></i>
                        </button>
                    </form>
                </div>

                <?php elseif ($step === 5): ?>
                <!-- Step 5: Complete -->
                <div class="text-center">
                    <div class="w-24 h-24 bg-gradient-to-br from-green-400 to-green-600 rounded-full flex items-center justify-center mx-auto mb-6 animate-bounce">
                        <i class="fas fa-check text-white text-4xl"></i>
                    </div>
                    <h2 class="text-3xl font-bold text-gray-800 mb-4">نصب با موفقیت انجام شد! 🎉</h2>
                    <p class="text-gray-600 mb-8 leading-relaxed">
                        سیستم شما آماده استفاده است. اکنون می‌توانید وارد پنل مدیریت شوید.
                    </p>
                    
                    <div class="bg-gradient-to-r from-purple-50 to-pink-50 p-6 rounded-xl mb-8">
                        <h3 class="font-bold text-gray-800 mb-4">مراحل بعدی:</h3>
                        <div class="space-y-3 text-right">
                            <div class="flex items-center gap-3">
                                <i class="fas fa-check-circle text-green-500"></i>
                                <span class="text-gray-700">ورود به پنل مدیریت</span>
                            </div>
                            <div class="flex items-center gap-3">
                                <i class="fas fa-check-circle text-green-500"></i>
                                <span class="text-gray-700">تنظیم اطلاعات کسب و کار</span>
                            </div>
                            <div class="flex items-center gap-3">
                                <i class="fas fa-check-circle text-green-500"></i>
                                <span class="text-gray-700">افزودن خدمات و قیمت‌ها</span>
                            </div>
                        </div>
                    </div>
                    
                    <div class="flex gap-3">
                        <a href="index.php" class="flex-1 bg-gray-100 text-gray-700 px-6 py-4 rounded-xl font-semibold hover:bg-gray-200 transition-all">
                            <i class="fas fa-home ml-2"></i>
                            صفحه اصلی
                        </a>
                        <a href="login.php" class="flex-1 gradient-bg text-white px-6 py-4 rounded-xl font-semibold hover:shadow-2xl transition-all">
                            <i class="fas fa-sign-in-alt ml-2"></i>
                            ورود به پنل
                        </a>
                    </div>
                </div>
                <?php endif; ?>

            </div>
        </div>
    </div>

    <!-- Footer -->
    <div class="text-center py-8 text-gray-500">
        <p class="text-sm">
            <i class="fas fa-heart text-red-500"></i>
            ساخته شده با عشق برای کسب و کارهای ایرانی
        </p>
    </div>

</body>
</html>
