<?php defined('ABSPATH') || exit;
$_gate=\DZQCOD\Modules::addon_gate(['google-sheets','zapier-make','tracking-page','reviews','email-marketing','crm','instagram-shop'],'🔗 التكامل والربط'); if($_gate){echo esc_html($_gate);return;}
$C=\DZQCOD\Core::class; ?>
<div class="wrap dza-wrap" dir="rtl">
<div class="dza-header"><h1>التكامل والربط</h1></div>
<?php include __DIR__.'/nav.php'; ?>
<div class="dza-content">

<!-- GOOGLE SHEETS -->
<div class="dza-card" style="max-width:600px"><h3>📗 Google Sheets Sync</h3>
<p style="font-size:12px;color:#888;margin-bottom:8px">كل طلب جديد ← صف في Google Sheets تلقائياً. استخدم Google Apps Script أو Zapier لإنشاء Webhook URL.</p>
<label class="dza-toggle"><input type="checkbox" class="int-s" data-key="sheets_enabled" <?php checked($C::opt('sheets_enabled',''),'yes'); ?>><span>تفعيل</span></label>
<div style="margin-top:8px"><label style="font-size:12px;font-weight:600">Webhook URL</label>
<input type="url" class="int-s" data-key="sheets_webhook_url" value="<?php echo esc_attr($C::opt('sheets_webhook_url','')); ?>" placeholder="https://script.google.com/macros/s/..." style="width:100%;padding:8px;border:1px solid #ddd;border-radius:6px;direction:ltr;font-family:monospace;font-size:12px"></div>
<div style="margin-top:6px;font-size:11px;color:#888;background:#f8f8f8;padding:8px;border-radius:6px">
<strong>البيانات المرسلة:</strong> رقم الطلب، الاسم، الهاتف 1+2، الولاية، البلدية، العنوان، المنتجات، الألوان، المقاسات، الكمية، المبلغ، الشحن، المجموع، الحالة، طريقة الدفع، نقاط الاحتيال، UTM، الأبعاد المخصصة، الخيارات، الملفات</div>
</div>

<!-- ZAPIER / MAKE -->
<div class="dza-card" style="max-width:600px"><h3>🔗 Zapier / Make Webhook</h3>
<p style="font-size:12px;color:#888;margin-bottom:8px">ربط مع 5000+ تطبيق: Gmail, Slack, Trello, Notion, Airtable...</p>
<div><label style="font-size:12px;font-weight:600">Webhook URL</label>
<input type="url" class="int-s" data-key="zapier_webhook_url" value="<?php echo esc_attr($C::opt('zapier_webhook_url','')); ?>" placeholder="https://hooks.zapier.com/hooks/catch/..." style="width:100%;padding:8px;border:1px solid #ddd;border-radius:6px;direction:ltr;font-family:monospace;font-size:12px"></div>
<small style="color:#888">يُرسل عند: إنشاء طلب + تغيير حالة</small>
</div>

<!-- TRACKING PAGE -->
<div class="dza-card" style="max-width:600px"><h3>📍 صفحة تتبع الطلب</h3>
<p style="font-size:13px">أضف هذا الشورتكود لأي صفحة:</p>
<code style="background:#f0f0f0;padding:8px 14px;border-radius:6px;display:block;direction:ltr;font-size:14px;cursor:pointer;user-select:all">[dzqcod_tracking]</code>
<p style="font-size:12px;color:#888;margin-top:6px">العميل يكتب رقم هاتفه ← يرى كل طلباته مع الحالة والتتبع</p>
</div>

<!-- REVIEWS -->
<div class="dza-card" style="max-width:600px"><h3>⭐ تقييمات العملاء</h3>
<p style="font-size:13px">أضف هذا الشورتكود في صفحة المنتج:</p>
<code style="background:#f0f0f0;padding:8px 14px;border-radius:6px;display:block;direction:ltr;font-size:14px;user-select:all">[dzqcod_reviews product_id="123"]</code>
<p style="font-size:12px;color:#888;margin-top:6px">تُجمع تلقائياً بعد التوصيل عبر Follow-up Sequences</p>
<?php global $wpdb;$rt=$wpdb->prefix.DZQCOD_DB.'reviews';
$wpdb->suppress_errors(true);
$pending=(int)($wpdb->get_var("SELECT COUNT(*) FROM {$rt} WHERE status='pending'")?:0);
$approved=(int)($wpdb->get_var("SELECT COUNT(*) FROM {$rt} WHERE status='approved'")?:0);
$wpdb->suppress_errors(false);
if($pending||$approved): ?>
<div style="margin-top:8px;display:flex;gap:10px;font-size:13px"><span>🔄 بانتظار الموافقة: <strong><?php echo esc_html($pending); ?></strong></span><span>✅ معتمدة: <strong><?php echo esc_html($approved); ?></strong></span></div>
<?php endif; ?>
</div>

<!-- POPUP FORM -->
<div class="dza-card" style="max-width:700px;border-top:4px solid #f59e0b"><h3>💥 نموذج منبثق (Popup)</h3>
<p style="font-size:12px;color:#888;margin-bottom:8px">يعرض فورم الطلب كنافذة منبثقة على الصفحات التي تختارها. يمكن للعميل إغلاقه بـ ✕ أو الضغط خارجه أو ESC.</p>
<label class="dza-toggle" style="margin-bottom:10px"><input type="checkbox" class="int-s" data-key="popup_enabled" <?php checked($C::opt('popup_enabled',''),'yes'); ?>><span>تفعيل النافذة المنبثقة</span></label>
<div style="display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px">
<div><label style="font-size:12px;font-weight:600">🛒 ID المنتج</label>
<input type="number" class="int-s" data-key="popup_product_id" value="<?php echo esc_attr($C::opt('popup_product_id','')); ?>" style="width:100%;padding:8px;border:1px solid #ddd;border-radius:6px" placeholder="مثال: 123">
<small style="color:#888">معرّف المنتج في WooCommerce</small></div>
<div><label style="font-size:12px;font-weight:600">📍 يظهر في</label>
<select class="int-s" data-key="popup_pages" style="width:100%;padding:8px;border:1px solid #ddd;border-radius:6px">
<option value="all" <?php selected($C::opt('popup_pages','all'),'all'); ?>>كل الصفحات</option>
<option value="home" <?php selected($C::opt('popup_pages',''),'home'); ?>>الصفحة الرئيسية فقط</option>
<option value="shop" <?php selected($C::opt('popup_pages',''),'shop'); ?>>المتجر والتصنيفات</option>
<option value="product" <?php selected($C::opt('popup_pages',''),'product'); ?>>صفحات المنتجات فقط</option></select></div>
<div><label style="font-size:12px;font-weight:600">🎯 طريقة الظهور</label>
<select class="int-s" data-key="popup_trigger" style="width:100%;padding:8px;border:1px solid #ddd;border-radius:6px">
<option value="delay" <?php selected($C::opt('popup_trigger','delay'),'delay'); ?>>⏱️ بعد مدة زمنية</option>
<option value="scroll" <?php selected($C::opt('popup_trigger',''),'scroll'); ?>>📜 عند التمرير لنسبة معينة</option>
<option value="exit" <?php selected($C::opt('popup_trigger',''),'exit'); ?>>🚪 عند محاولة مغادرة الصفحة</option></select></div>
<div><label style="font-size:12px;font-weight:600">⏱️ التأخير (ثواني)</label>
<input type="number" class="int-s" data-key="popup_delay" value="<?php echo esc_attr($C::opt('popup_delay','5')); ?>" min="1" max="60" style="width:100%;padding:8px;border:1px solid #ddd;border-radius:6px">
<small style="color:#888">يعمل مع طريقة "بعد مدة زمنية"</small></div>
<div><label style="font-size:12px;font-weight:600">📜 نسبة التمرير (%)</label>
<input type="number" class="int-s" data-key="popup_scroll_pct" value="<?php echo esc_attr($C::opt('popup_scroll_pct','50')); ?>" min="10" max="90" style="width:100%;padding:8px;border:1px solid #ddd;border-radius:6px">
<small style="color:#888">يعمل مع طريقة "عند التمرير"</small></div>
</div>
</div>

<!-- CUSTOM PRODUCTS GUIDE -->
<div class="dza-card" style="max-width:600px"><h3>🏭 المنتجات المخصصة (ورشات)</h3>
<p style="font-size:13px">لتفعيل المنتج المخصص:</p>
<ol style="font-size:13px;padding-right:20px;margin:8px 0">
<li>افتح <strong>تعديل المنتج</strong> في WooCommerce</li>
<li>في تبويب DZQCOD → <strong>منتج/خدمة مخصصة</strong></li>
<li>فعّل ← اختر <strong>وضع التسعير</strong> (مساحة، طولي، حجم...)</li>
<li>أضف <strong>حقول الأبعاد</strong> (طول، عرض، ارتفاع...)</li>
<li>أضف <strong>خيارات مدفوعة</strong> (نوع الخشب، زجاج مزدوج...)</li>
<li>فعّل <strong>رفع الملفات</strong> للتصاميم والمخططات</li>
</ol>
<div style="background:#f0f8ff;padding:10px;border-radius:8px;font-size:12px">
<strong>أمثلة:</strong>
🪟 <em>نوافذ:</em> طول×عرض → سعر/م² + زجاج مزدوج (+5000 دج) + مقبض (+1500 دج)<br>
🪑 <em>نجارة:</em> أبعاد + نوع خشب (عادي:0, زان:3000, بلوط:6000) + دهان + نقش<br>
👕 <em>مطبعة:</em> رفع تصميم + كمية + نوع قماش + ألوان طباعة<br>
🎂 <em>حلويات:</em> حجم + طبقات + نكهة + زينة خاصة</div>
</div>

<button class="dza-btn primary" id="save-int" style="margin-top:14px">💾 حفظ كل الإعدادات</button>
</div></div>
<script>jQuery(function($){
$('#save-int').on('click',function(){var s={};$('.int-s').each(function(){var k=$(this).data('key');s[k]=$(this).is(':checkbox')?$(this).is(':checked')?'yes':'no':$(this).val()});
var $b=$(this);$b.prop('disabled',true).text('⏳');
$.post(dza.ajax,{action:'dzqcod_save_integrations',nonce:dza.nonce,settings:s},function(r){$b.prop('disabled',false).text(r.success?'✅ تم!':'❌');setTimeout(()=>$b.text('💾 حفظ كل الإعدادات'),2000)})});
});</script>

</div><!--dza-main-->
</div><!--dza-layout-->
