<?php
defined('ABSPATH') || exit;
if (!current_user_can('manage_options')) { wp_die('صلاحيات غير كافية'); }

// Handle save
if (!empty($_POST['dzqcod_wizard_step']) && wp_verify_nonce($_POST['_wpnonce'] ?? '', 'dzqcod_wizard')) {
    $step = (int)$_POST['dzqcod_wizard_step'];
    $fields = $_POST;
    // Save all fields with dzqcod_ prefix
    foreach ($fields as $k => $v) {
        if (strpos($k, 'wiz_') === 0) {
            $key = str_replace('wiz_', '', $k);
            update_option('dzqcod_' . sanitize_key($key), sanitize_text_field($v));
        }
    }
    if ($step >= 7) {
        update_option('dzqcod_wizard_completed', '1');
        update_option('dzqcod_wizard_completed_at', current_time('mysql'));
        wp_safe_redirect(admin_url('admin.php?page=dzqcod&wizard=done'));
        exit;
    }
}

$current_step = isset($_GET['step']) ? max(1, min(7, (int)$_GET['step'])) : 1;
$store_name = get_bloginfo('name');
$steps = [
    1 => ['icon' => '👋', 'title' => 'مرحباً'],
    2 => ['icon' => '🏪', 'title' => 'المتجر'],
    3 => ['icon' => '🚚', 'title' => 'الشحن'],
    4 => ['icon' => '💬', 'title' => 'واتساب'],
    5 => ['icon' => '🛡️', 'title' => 'الحماية'],
    6 => ['icon' => '🖨️', 'title' => 'الطباعة'],
    7 => ['icon' => '🚀', 'title' => 'الانطلاق'],
];
?>
<!DOCTYPE html>
<html dir="rtl" lang="ar">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>إعداد DZQCOD</title>
<style>
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Segoe UI',Tahoma,sans-serif;background:#0f172a;color:#e2e8f0;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}
.wiz{max-width:680px;width:100%;margin:20px;animation:fadeIn .5s}
@keyframes fadeIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}

/* Progress */
.wiz-progress{display:flex;align-items:center;justify-content:center;gap:4px;margin-bottom:28px}
.wiz-dot{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;transition:.3s;border:2px solid #334155;background:#1e293b;color:#64748b;font-weight:700}
.wiz-dot.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#6366f1;color:#fff;box-shadow:0 0 20px rgba(99,102,241,.3)}
.wiz-dot.done{background:#10b981;border-color:#10b981;color:#fff}
.wiz-line{width:24px;height:2px;background:#334155}.wiz-line.done{background:#10b981}

/* Card */
.wiz-card{background:#1e293b;border-radius:20px;padding:36px;border:1px solid #334155;box-shadow:0 8px 32px rgba(0,0,0,.3)}
.wiz-card h2{font-size:24px;font-weight:900;margin-bottom:4px;color:#fff}
.wiz-card .sub{color:#94a3b8;font-size:13px;margin-bottom:24px}

/* Fields */
.wiz-field{margin-bottom:16px}
.wiz-label{display:block;font-size:12px;font-weight:700;color:#94a3b8;margin-bottom:6px}
.wiz-input{width:100%;padding:12px 14px;background:#0f172a;border:2px solid #334155;border-radius:10px;color:#e2e8f0;font-size:14px;font-family:inherit;transition:.3s}
.wiz-input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px rgba(99,102,241,.15)}
select.wiz-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2394a3b8' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 12px center}
.wiz-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.wiz-hint{font-size:11px;color:#64748b;margin-top:4px}

/* Option Cards */
.wiz-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}
.wiz-opt{background:#0f172a;border:2px solid #334155;border-radius:12px;padding:14px;text-align:center;cursor:pointer;transition:.3s}
.wiz-opt:hover{border-color:#6366f1}
.wiz-opt.selected{border-color:#6366f1;background:rgba(99,102,241,.1)}
.wiz-opt input{display:none}
.wiz-opt .oi{font-size:24px;display:block;margin-bottom:4px}
.wiz-opt .ot{font-size:12px;font-weight:700;color:#e2e8f0}
.wiz-opt .od{font-size:10px;color:#64748b;margin-top:2px}

/* Buttons */
.wiz-actions{display:flex;justify-content:space-between;margin-top:24px}
.wiz-btn{padding:12px 28px;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:.3s;font-family:inherit}
.wiz-btn-next{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 16px rgba(99,102,241,.3)}
.wiz-btn-next:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(99,102,241,.4)}
.wiz-btn-back{background:#334155;color:#94a3b8}.wiz-btn-back:hover{background:#475569;color:#fff}
.wiz-btn-skip{background:none;border:none;color:#64748b;font-size:12px;cursor:pointer;text-decoration:underline}

/* Welcome */
.wiz-welcome{text-align:center;padding:20px 0}
.wiz-welcome .logo{font-size:56px;margin-bottom:12px}
.wiz-welcome h1{font-size:32px;font-weight:900;background:linear-gradient(135deg,#6366f1,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}
.wiz-welcome p{color:#94a3b8;font-size:14px;max-width:440px;margin:0 auto}

/* Finish */
.wiz-finish{text-align:center;padding:20px 0}
.wiz-finish .check{font-size:64px;margin-bottom:16px}
.wiz-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
.wiz-link{display:block;padding:14px;background:#0f172a;border:1px solid #334155;border-radius:10px;text-decoration:none;color:#e2e8f0;font-size:13px;font-weight:700;transition:.3s}
.wiz-link:hover{border-color:#6366f1;background:rgba(99,102,241,.05)}

@media(max-width:640px){.wiz-grid,.wiz-options,.wiz-links{grid-template-columns:1fr}.wiz{margin:10px}}
</style>
</head>
<body>
<div class="wiz">

<!-- Progress Bar -->
<div class="wiz-progress">
<?php foreach ($steps as $i => $s): ?>
    <?php if ($i > 1): ?><div class="wiz-line<?php echo $i <= $current_step ? ' done' : ''; ?>"></div><?php endif; ?>
    <div class="wiz-dot<?php echo $i === $current_step ? ' active' : ($i < $current_step ? ' done' : ''); ?>"><?php echo $i < $current_step ? '✓' : $s['icon']; ?></div>
<?php endforeach; ?>
</div>

<div class="wiz-card">
<form method="post" action="<?php echo esc_url(admin_url('admin.php?page=dzqcod-setup&step=' . min(7, $current_step + 1))); ?>">
<?php wp_nonce_field('dzqcod_wizard'); ?>
<input type="hidden" name="dzqcod_wizard_step" value="<?php echo $current_step; ?>">

<?php if ($current_step === 1): // WELCOME ?>
<div class="wiz-welcome">
    <div class="logo">⚡</div>
    <h1>مرحباً بك في DZQCOD</h1>
    <p>سنساعدك في إعداد متجرك في أقل من 3 دقائق. كل شيء قابل للتعديل لاحقاً من الإعدادات.</p>
    <div style="margin-top:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:center">
        <div style="padding:14px;background:#0f172a;border-radius:10px"><div style="font-size:24px;margin-bottom:4px">📦</div><div style="font-size:11px;color:#94a3b8">إدارة الطلبات</div></div>
        <div style="padding:14px;background:#0f172a;border-radius:10px"><div style="font-size:24px;margin-bottom:4px">🚚</div><div style="font-size:11px;color:#94a3b8">شحن ذكي</div></div>
        <div style="padding:14px;background:#0f172a;border-radius:10px"><div style="font-size:24px;margin-bottom:4px">🛡️</div><div style="font-size:11px;color:#94a3b8">حماية ذكية</div></div>
    </div>
</div>
<div class="wiz-actions" style="justify-content:center;gap:12px">
    <button type="submit" class="wiz-btn wiz-btn-next" style="font-size:16px;padding:14px 48px">🚀 هيا نبدأ!</button>
</div>
<div style="text-align:center;margin-top:12px">
    <a href="<?php echo esc_url(admin_url('admin.php?page=dzqcod')); ?>" class="wiz-btn-skip">تخطي الإعداد ←</a>
</div>

<?php elseif ($current_step === 2): // STORE INFO ?>
<h2>🏪 معلومات متجرك</h2>
<div class="sub">هذه المعلومات تظهر في الفواتير والوصولات والرسائل</div>
<div class="wiz-grid">
    <div class="wiz-field"><label class="wiz-label">اسم المتجر</label><input type="text" name="wiz_store_name" class="wiz-input" value="<?php echo esc_attr($store_name); ?>"></div>
    <div class="wiz-field"><label class="wiz-label">رقم الهاتف</label><input type="tel" name="wiz_store_phone" class="wiz-input" dir="ltr" placeholder="0555123456" value="<?php echo esc_attr(\DZQCOD\Core::opt('store_phone','')); ?>"></div>
</div>
<div class="wiz-field"><label class="wiz-label">العنوان</label><input type="text" name="wiz_store_address" class="wiz-input" placeholder="الجزائر العاصمة — شارع..." value="<?php echo esc_attr(\DZQCOD\Core::opt('store_address','')); ?>"></div>
<div class="wiz-grid">
    <div class="wiz-field"><label class="wiz-label">الدولة</label>
    <select name="wiz_country" class="wiz-input">
        <option value="DZ" <?php selected(\DZQCOD\Core::opt('country','DZ'),'DZ'); ?>>🇩🇿 الجزائر</option>
        <option value="TN" <?php selected(\DZQCOD\Core::opt('country','DZ'),'TN'); ?>>🇹🇳 تونس</option>
        <option value="MA" <?php selected(\DZQCOD\Core::opt('country','DZ'),'MA'); ?>>🇲🇦 المغرب</option>
        <option value="EG" <?php selected(\DZQCOD\Core::opt('country','DZ'),'EG'); ?>>🇪🇬 مصر</option>
        <option value="SA" <?php selected(\DZQCOD\Core::opt('country','DZ'),'SA'); ?>>🇸🇦 السعودية</option>
        <option value="LY" <?php selected(\DZQCOD\Core::opt('country','DZ'),'LY'); ?>>🇱🇾 ليبيا</option>
    </select></div>
    <div class="wiz-field"><label class="wiz-label">العملة</label>
    <select name="wiz_currency_symbol" class="wiz-input">
        <option value="دج" <?php selected(\DZQCOD\Core::opt('currency_symbol','دج'),'دج'); ?>>دج — دينار جزائري</option>
        <option value="د.ت" <?php selected(\DZQCOD\Core::opt('currency_symbol','دج'),'د.ت'); ?>>د.ت — دينار تونسي</option>
        <option value="د.م" <?php selected(\DZQCOD\Core::opt('currency_symbol','دج'),'د.م'); ?>>د.م — درهم مغربي</option>
        <option value="ج.م" <?php selected(\DZQCOD\Core::opt('currency_symbol','دج'),'ج.م'); ?>>ج.م — جنيه مصري</option>
    </select></div>
</div>
<div class="wiz-actions">
    <a href="<?php echo esc_url(admin_url('admin.php?page=dzqcod-setup&step=1')); ?>" class="wiz-btn wiz-btn-back">→ السابق</a>
    <button type="submit" class="wiz-btn wiz-btn-next">التالي ←</button>
</div>

<?php elseif ($current_step === 3): // SHIPPING ?>
<h2>🚚 إعداد الشحن</h2>
<div class="sub">اختر شركة الشحن الرئيسية — يمكنك إضافة المزيد لاحقاً</div>
<div class="wiz-options" style="grid-template-columns:repeat(2,1fr)">
<?php $providers = [
    'yalidine'=>['i'=>'🚚','n'=>'Yalidine','d'=>'الأكثر شعبية في الجزائر'],
    'zr'=>['i'=>'📦','n'=>'ZR Express','d'=>'سريع وموثوق'],
    'ecotrack'=>['i'=>'🌿','n'=>'EcoTrack','d'=>'+ DHD + Connexlog'],
    'noest'=>['i'=>'🔵','n'=>'NOEST','d'=>'كل الولايات + Stop Desk'],
    'maystro'=>['i'=>'🎯','n'=>'Maystro','d'=>'توصيل سريع'],
    'guepex'=>['i'=>'🐆','n'=>'Guepex','d'=>'58 ولاية + نقاط استلام'],
]; $cur_ship = \DZQCOD\Core::opt('shipping_provider','yalidine');
foreach($providers as $k=>$p): ?>
<label class="wiz-opt<?php echo $k===$cur_ship?' selected':''; ?>" onclick="this.parentElement.querySelectorAll('.wiz-opt').forEach(e=>e.classList.remove('selected'));this.classList.add('selected')">
    <input type="radio" name="wiz_shipping_provider" value="<?php echo esc_attr($k); ?>" <?php checked($cur_ship,$k); ?>>
    <span class="oi"><?php echo $p['i']; ?></span>
    <span class="ot"><?php echo esc_html($p['n']); ?></span>
    <span class="od"><?php echo esc_html($p['d']); ?></span>
</label>
<?php endforeach; ?>
</div>
<div class="wiz-hint">💡 بعد الإعداد، اذهب لصفحة الشحن لإدخال API Key الخاص بشركتك</div>
<div class="wiz-actions">
    <a href="<?php echo esc_url(admin_url('admin.php?page=dzqcod-setup&step=2')); ?>" class="wiz-btn wiz-btn-back">→ السابق</a>
    <button type="submit" class="wiz-btn wiz-btn-next">التالي ←</button>
</div>

<?php elseif ($current_step === 4): // WHATSAPP ?>
<h2>💬 إعداد واتساب</h2>
<div class="sub">الرسائل الآلية تزيد معدل التأكيد بـ 35%</div>
<div class="wiz-field"><label class="wiz-label">رقم واتساب (للإرسال)</label><input type="tel" name="wiz_wa_phone" class="wiz-input" dir="ltr" placeholder="213555123456" value="<?php echo esc_attr(\DZQCOD\Core::opt('wa_phone','')); ?>"></div>
<div class="wiz-field"><label class="wiz-label">رابط API واتساب (اختياري)</label><input type="url" name="wiz_wa_api_url" class="wiz-input" dir="ltr" placeholder="https://api.example.com/send" value="<?php echo esc_attr(\DZQCOD\Core::opt('wa_api_url','')); ?>">
<div class="wiz-hint">إذا تستعمل خدمة واتساب API مثل WATI أو Maytapi أو واتساب أعمال</div></div>
<div style="background:#0f172a;border-radius:10px;padding:14px;margin-top:12px">
<div style="font-weight:700;font-size:13px;margin-bottom:8px">📋 الرسائل الآلية المفعّلة:</div>
<div style="font-size:12px;color:#94a3b8;display:grid;grid-template-columns:1fr 1fr;gap:4px">
<div>✅ طلب جديد</div><div>✅ تأكيد الطلب</div>
<div>✅ تم الشحن</div><div>✅ تم التسليم</div>
<div>✅ مرتجع</div><div>✅ تذكير</div>
</div>
</div>
<div class="wiz-actions">
    <a href="<?php echo esc_url(admin_url('admin.php?page=dzqcod-setup&step=3')); ?>" class="wiz-btn wiz-btn-back">→ السابق</a>
    <button type="submit" class="wiz-btn wiz-btn-next">التالي ←</button>
</div>

<?php elseif ($current_step === 5): // FRAUD ?>
<h2>🛡️ الحماية من الاحتيال</h2>
<div class="sub">حماية ذكية تقلل المرتجعات بنسبة 60%</div>
<div class="wiz-options" style="grid-template-columns:1fr 1fr 1fr">
    <label class="wiz-opt" onclick="selectOpt(this,'low')"><input type="radio" name="wiz_fraud_level" value="low"><span class="oi">🟢</span><span class="ot">منخفض</span><span class="od">كشف أساسي فقط</span></label>
    <label class="wiz-opt selected" onclick="selectOpt(this,'medium')"><input type="radio" name="wiz_fraud_level" value="medium" checked><span class="oi">🟡</span><span class="ot">متوسط (موصى)</span><span class="od">كشف + تحذيرات</span></label>
    <label class="wiz-opt" onclick="selectOpt(this,'high')"><input type="radio" name="wiz_fraud_level" value="high"><span class="oi">🔴</span><span class="ot">عالي</span><span class="od">كشف + حظر تلقائي</span></label>
</div>
<div style="background:#0f172a;border-radius:10px;padding:14px;font-size:12px;color:#94a3b8">
<div style="margin-bottom:4px">✅ كشف الأرقام المكررة</div>
<div style="margin-bottom:4px">✅ كشف سجل المرتجعات</div>
<div style="margin-bottom:4px">✅ قائمة سوداء (هاتف + IP)</div>
<div>✅ Fraud Score تلقائي لكل طلب</div>
</div>
<div class="wiz-actions">
    <a href="<?php echo esc_url(admin_url('admin.php?page=dzqcod-setup&step=4')); ?>" class="wiz-btn wiz-btn-back">→ السابق</a>
    <button type="submit" class="wiz-btn wiz-btn-next">التالي ←</button>
</div>

<?php elseif ($current_step === 6): // PRINTING ?>
<h2>🖨️ إعداد الطباعة</h2>
<div class="sub">اختر صيغة الطباعة الافتراضية لوصولات الطلبات</div>
<div class="wiz-options">
    <label class="wiz-opt selected" onclick="selectOpt(this,'a5')"><input type="radio" name="wiz_print_format" value="a5" checked><span class="oi">📄</span><span class="ot">A5</span><span class="od">نصف صفحة</span></label>
    <label class="wiz-opt" onclick="selectOpt(this,'a4')"><input type="radio" name="wiz_print_format" value="a4"><span class="oi">📃</span><span class="ot">A4</span><span class="od">صفحة كاملة</span></label>
    <label class="wiz-opt" onclick="selectOpt(this,'thermal')"><input type="radio" name="wiz_print_format" value="thermal"><span class="oi">🧾</span><span class="ot">حراري 80mm</span><span class="od">طابعة حرارية</span></label>
</div>
<div class="wiz-grid">
    <div class="wiz-field"><label class="wiz-label">عدد النسخ</label>
    <select name="wiz_print_copies" class="wiz-input"><option value="1">1</option><option value="2" selected>2</option><option value="3">3</option></select></div>
    <div class="wiz-field"><label class="wiz-label">إظهار الشعار</label>
    <select name="wiz_print_logo" class="wiz-input"><option value="yes">✅ نعم</option><option value="no">❌ لا</option></select></div>
</div>
<div class="wiz-actions">
    <a href="<?php echo esc_url(admin_url('admin.php?page=dzqcod-setup&step=5')); ?>" class="wiz-btn wiz-btn-back">→ السابق</a>
    <button type="submit" class="wiz-btn wiz-btn-next">التالي ←</button>
</div>

<?php elseif ($current_step === 7): // FINISH ?>
<div class="wiz-finish">
    <div class="check">🎉</div>
    <h2 style="font-size:26px;font-weight:900;color:#fff;margin-bottom:8px">متجرك جاهز!</h2>
    <p style="color:#94a3b8;margin-bottom:8px">تم إعداد DZQCOD بنجاح. يمكنك البدء في استقبال الطلبات الآن.</p>
    <div style="background:#0f172a;border-radius:10px;padding:14px;margin:16px 0;text-align:right;font-size:12px;color:#94a3b8">
        <div>🏪 المتجر: <strong style="color:#fff"><?php echo esc_html(get_option('dzqcod_store_name',$store_name)); ?></strong></div>
        <div>🚚 الشحن: <strong style="color:#fff"><?php echo esc_html(get_option('dzqcod_shipping_provider','yalidine')); ?></strong></div>
        <div>🛡️ الحماية: <strong style="color:#fff"><?php echo esc_html(get_option('dzqcod_fraud_level','medium')); ?></strong></div>
        <div>🖨️ الطباعة: <strong style="color:#fff"><?php echo esc_html(get_option('dzqcod_print_format','a5')); ?></strong></div>
    </div>
    <div class="wiz-links">
        <a href="<?php echo esc_url(admin_url('admin.php?page=dzqcod')); ?>" class="wiz-link">📊 لوحة التحكم</a>
        <a href="<?php echo esc_url(admin_url('admin.php?page=dzqcod-orders')); ?>" class="wiz-link">📦 الطلبات</a>
        <a href="<?php echo esc_url(admin_url('admin.php?page=dzqcod-form-design')); ?>" class="wiz-link">🎨 تصميم النموذج</a>
        <a href="<?php echo esc_url(admin_url('admin.php?page=dzqcod-settings')); ?>" class="wiz-link">⚙️ الإعدادات</a>
        <a href="<?php echo esc_url(admin_url('admin.php?page=dzqcod-page-generator')); ?>" class="wiz-link">📄 إنشاء الصفحات</a>
        <a href="<?php echo esc_url(admin_url('admin.php?page=dzqcod-addons')); ?>" class="wiz-link">🧩 متجر الإضافات</a>
    </div>
</div>
<div class="wiz-actions" style="justify-content:center">
    <button type="submit" class="wiz-btn wiz-btn-next" style="font-size:16px;padding:14px 48px">🚀 ابدأ البيع!</button>
</div>
<?php endif; ?>

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

<script>
function selectOpt(el,val){el.closest('.wiz-options').querySelectorAll('.wiz-opt').forEach(function(e){e.classList.remove('selected')});el.classList.add('selected');el.querySelector('input').checked=true}
</script>
</body>
</html>
<?php exit; // Full page, no WP admin wrapper ?>
