<?php
/**
 * Setup Wizard - نصب اولیه Dima Shop
 * نسخه: 1.0.0
 */
if (!defined('ABSPATH')) exit;

// پردازش فرم
if (isset($_POST['dima_setup_action']) && check_admin_referer('dima_setup_nonce')) {
    $action = sanitize_text_field($_POST['dima_setup_action']);
    
    if ($action === 'create_pages') {
        // ایجاد صفحات
        $this->create_default_pages();
        echo '<div class="notice notice-success"><p>✅ صفحات با موفقیت ایجاد شدند.</p></div>';
    }
    
    if ($action === 'import_demo') {
        // import داده‌های نمونه
        $demo_file = DIMA_SHOP_PATH . 'assets/demo-data.csv';
        if (file_exists($demo_file)) {
            $importer = new Dima_Import_Demo();
            $result = $importer->import($demo_file);
            echo '<div class="notice notice-success"><p>✅ داده‌های نمونه با موفقیت نصب شدند: ' . $result['products'] . ' محصول، ' . $result['categories'] . ' دسته‌بندی</p></div>';
        }
    }
    
    if ($action === 'complete') {
        set_transient('dima_shop_setup_completed', true, DAY_IN_SECONDS * 30);
        echo '<div class="notice notice-success"><p> نصب اولیه با موفقیت تکمیل شد!</p></div>';
    }
}

// بررسی وضعیت
$pages_created = get_option('dima_shop_page') && get_option('dima_cart_page');
$demo_imported = get_option('dima_demo_data_imported');
?>

<div class="wrap dima-setup-wizard">
    <h1>🚀 نصب اولیه Dima Shop</h1>
    
    <div class="setup-progress">
        <div class="progress-step <?php echo $pages_created ? 'completed' : 'active'; ?>">
            <div class="step-icon"><?php echo $pages_created ? '✅' : '1️⃣'; ?></div>
            <div class="step-label">ایجاد صفحات</div>
        </div>
        <div class="progress-line"></div>
        <div class="progress-step <?php echo $demo_imported ? 'completed' : ($pages_created ? 'active' : ''); ?>">
            <div class="step-icon"><?php echo $demo_imported ? '✅' : '2️⃣'; ?></div>
            <div class="step-label">داده‌های نمونه</div>
        </div>
        <div class="progress-line"></div>
        <div class="progress-step <?php echo get_transient('dima_shop_setup_completed') ? 'completed' : ''; ?>">
            <div class="step-icon">🎉</div>
            <div class="step-label">تکمیل</div>
        </div>
    </div>
    
    <div class="setup-content">
        
        <?php if (!$pages_created): ?>
        <div class="setup-card">
            <h2> ایجاد صفحات فروشگاه</h2>
            <p>صفحات زیر به صورت خودکار ایجاد خواهند شد:</p>
            <ul>
                <li>🛍️ فروشگاه</li>
                <li> سبد خرید</li>
                <li>💳 تکمیل خرید</li>
                <li>👤 حساب کاربری</li>
                <li>❤️ علاقه‌مندی‌ها</li>
                <li>⚖️ مقایسه محصولات</li>
            </ul>
            <form method="post">
                <?php wp_nonce_field('dima_setup_nonce'); ?>
                <input type="hidden" name="dima_setup_action" value="create_pages">
                <button type="submit" class="button button-primary button-hero">
                    ✅ ایجاد صفحات
                </button>
            </form>
        </div>
        
        <?php elseif (!$demo_imported): ?>
        <div class="setup-card">
            <h2> نصب داده‌های نمونه (اختیاری)</h2>
            <p>برای تست پلاگین، می‌توانید داده‌های نمونه شامل محصولات، دسته‌بندی‌ها و کوپن‌ها را نصب کنید.</p>
            <div class="demo-preview">
                <div class="demo-item">
                    <span class="demo-icon"></span>
                    <span>۰ محصول نمونه</span>
                </div>
                <div class="demo-item">
                    <span class="demo-icon">📂</span>
                    <span>۵ دسته‌بندی</span>
                </div>
                <div class="demo-item">
                    <span class="demo-icon">🏷️</span>
                    <span>۳ کوپن تخفیف</span>
                </div>
            </div>
            <form method="post">
                <?php wp_nonce_field('dima_setup_nonce'); ?>
                <input type="hidden" name="dima_setup_action" value="import_demo">
                <button type="submit" class="button button-primary button-hero">
                    📥 نصب داده‌های نمونه
                </button>
                <a href="<?php echo admin_url('admin.php?page=dima-shop-settings'); ?>" class="button">
                    رد کردن و ادامه ←
                </a>
            </form>
        </div>
        
        <?php else: ?>
        <div class="setup-card completed">
            <div class="completed-icon">🎉</div>
            <h2>نصب اولیه با موفقیت تکمیل شد!</h2>
            <p>اکنون می‌توانید از تمام امکانات Dima Shop استفاده کنید.</p>
            <div class="setup-actions">
                <a href="<?php echo admin_url('admin.php?page=dima-shop-settings'); ?>" class="button button-primary button-hero">
                    ⚙️ تنظیمات پلاگین
                </a>
                <a href="<?php echo admin_url('post-new.php?post_type=dima_product'); ?>" class="button button-hero">
                    ➕ افزودن محصول
                </a>
                <a href="<?php echo get_permalink(get_option('dima_shop_page')); ?>" class="button button-hero" target="_blank">
                    👁️ مشاهده فروشگاه
                </a>
            </div>
            <form method="post" style="margin-top: 20px;">
                <?php wp_nonce_field('dima_setup_nonce'); ?>
                <input type="hidden" name="dima_setup_action" value="complete">
                <button type="submit" class="button button-link-delete">
                    بستن wizard
                </button>
            </form>
        </div>
        <?php endif; ?>
        
    </div>
</div>

<style>
.dima-setup-wizard {
    max-width: 900px;
    margin: 0 auto;
}

.setup-progress {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px 0;
    padding: 20px;
    background: white;
    border-radius: 16px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
}

.progress-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.step-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #e5e7eb;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

.progress-step.active .step-icon {
    background: linear-gradient(135deg, #6366f1, #a855f7);
    color: white;
}

.progress-step.completed .step-icon {
    background: #10b981;
    color: white;
}

.step-label {
    font-size: 13px;
    font-weight: 600;
    color: #6b7280;
}

.progress-line {
    flex: 1;
    height: 2px;
    background: #e5e7eb;
    max-width: 100px;
    margin: 0 10px;
}

.setup-content {
    background: white;
    border-radius: 16px;
    padding: 30px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
}

.setup-card {
    padding: 20px;
}

.setup-card h2 {
    font-size: 22px;
    margin: 0 0 15px 0;
}

.setup-card ul {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

.setup-card li {
    padding: 8px 0;
    font-size: 15px;
}

.demo-preview {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    margin: 20px 0;
}

.demo-item {
    background: #f9fafb;
    padding: 20px;
    border-radius: 12px;
    text-align: center;
}

.demo-icon {
    font-size: 32px;
    display: block;
    margin-bottom: 8px;
}

.setup-actions {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    margin-top: 20px;
}

.completed {
    text-align: center;
}

.completed-icon {
    font-size: 80px;
    margin-bottom: 20px;
}
</style>