/**
* @fileoverview Content Rotation Post Creator & Modal Editor Controller
* @module controllers/rotation-creator-controller
* @description وحدة التحكم في إنشاء وتعديل منشورات مكتبة التدوير، إدارة المرفقات، وربط رسائل المتابعة التلقائية.
*/
(global => {
'use strict';
const state = global.FritreeRotationState;
/**
* بناء نافذة إضافة منشور جديد لمكتبة التدوير بالـ DOM
*/
const appendAddModalLayout = () => {
let modal = document.getElementById('s74nhbmzs5');
if (modal) return;
modal = document.createElement('div');
modal.className = 'cpzxome5dd';
modal.id = 's74nhbmzs5';
modal.style.cssText = 'position: fixed; top: 0; left: 0; width: 100%; height: 100%; backdrop-filter: blur(8px); display: none; align-items: center; justify-content: center; z-index: var(--z-modal-backdrop); background-color: rgba(15, 23, 42, 0.65); direction: rtl; text-align: right; box-sizing: border-box;';
modal.innerHTML = `
<div class="s4yvtq9394" style="max-width: min(960px, 95vw); max-height: min(92vh, 900px); border-radius: var(--radius-xl); border: 1px solid var(--border); box-shadow: var(--shadow-modal); background: var(--bg-card);">
<div class="x8pdlyq70a" style="border-bottom: 1px solid var(--border); padding: 14px 20px; display: flex; justify-content: space-between; align-items: center; background: var(--bg-subtle);">
<div class="tooau3ykdi" style="font-weight: 800; font-size: 14px; display: flex; align-items: center; gap: 8px;">
<i class="fa-solid fa-plus-circle" style="color: #0d9488;"></i>
<span>إضافة منشور جديد للمكتبة وتجهيزه للتدوير</span>
</div>
<button class="bcuz086hu4" id="anctu5etze">×</button>
</div>
<div class="zn6t0dl6ke" style="max-height: 80vh; overflow-y: auto; padding: clamp(14px, 1.6vw, 22px); gap: var(--space-md);">
<div class="xd506q5mar" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(clamp(280px, 30vw, 1fr), 1fr)); gap: 12px; margin-bottom: 0;">
<!-- العمود الأول: نص المنشور والـ Spintax -->
<div class="d5tp7way8h" style="height: 100%; display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 14px; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--bg-card); box-sizing: border-box;">
<div class="cm41ch7urz" style="margin-bottom: 2px; font-size: 13px;">
<span><i class="fa-solid fa-file-pen" style="color: var(--primary);"></i> <span>محتوى ونص المنشور</span></span>
</div>
<div class="d0uttwsjz2" style="margin: 0;">
<label style="font-weight: 700; font-size: 11.5px;"><i class="fa-solid fa-heading"></i> <span>اسم أو عنوان المنشور للتوضيح:</span></label>
<input type="text" id="wlunjizubf" class="xy26ymifmf" placeholder="مثال: منشور عروض الصيف العقارية">
</div>
<!-- فاحص الـ Spintax ومعاينة التمويه -->
<div class="suxidgikgm" style="margin-bottom: 0;">
<div class="dcaynff6el" style="margin-bottom: 4px;">
<span class="ipbz1xlmff" style="font-size: 11px; font-weight: 700;"><i class="fa-solid fa-wand-magic-sparkles" style="color: #8b5cf6;"></i> <span>محرك فحص الـ Spintax</span></span>
<div style="display: flex; gap: 4px;">
<button type="button" id="ukgv00a6ew" class="ipxi2jz4g0" style="padding: 3px 8px; font-size: 10px; height: auto;"><i class="fa-solid fa-microchip"></i> <span>فحص الجودة</span></button>
<button type="button" id="q1oy8rpm26" class="ipxi2jz4g0" style="padding: 3px 8px; font-size: 10px; height: auto;"><i class="fa-solid fa-mask"></i> <span>معاينة التمويه</span></button>
</div>
</div>
<div style="font-size: 10.5px; font-weight: 700; color: var(--text-muted);" id="pvd3acinzt">
<i class="fa-solid fa-circle-question"></i> <span>اكتب نصك واستخدم الأقواس {} وافحص جودة التوليد والتمويه...</span>
</div>
<div id="w2d0q5j0yl" style="display:none; margin-top: 8px; padding: 10px; border: 1px dashed var(--border-strong); border-radius: var(--radius-md); font-size: 11px; direction: rtl; text-align: right; background: var(--bg-subtle);">
<strong style="display: block; margin-bottom: 4px; color: var(--text-main);"><i class="fa-solid fa-eye"></i> <span>النص بعد التمويه وحقن البيانات الحقيقية:</span></strong>
<div id="p1yahnikb8" style="white-space: pre-wrap; color: var(--text-secondary); background: var(--bg-card); padding: 8px 10px; border-radius: var(--radius-sm); border: 1px solid var(--border); max-height: 100px; overflow-y: auto; font-size: 11.5px; line-height: 1.5;"></div>
<span style="font-size: 9.5px; margin-top: 4px; display: block; color: var(--text-muted);"><i class="fa-solid fa-info-circle"></i> <span>يتم تطبيق الحروف المتجانسة والفواصل الصفرية لحماية منشورك.</span></span>
</div>
</div>
<div class="d0uttwsjz2" style="flex: 1; margin: 0; display: flex; flex-direction: column;">
<label style="font-weight: 700; margin-bottom: 4px; font-size: 11.5px;"><i class="fa-solid fa-message"></i> <span>محتوى المنشور الأصلي:</span></label>
<textarea id="tfurtfdsqf" class="f0ngq4vbzj" style="flex: 1; height: 130px; min-height: 100px;" placeholder="اكتب نص منشورك هنا... جرب استخدام الأقواس مثل: {عرض خاص|خصم كبير} والمتغيرات مثل {{USER_NAME}} أو {{USER_PHONE}} أو {{WA_LINK}}..."></textarea>
</div>
<!-- أشرطة إدراج المتغيرات السريعة -->
<div style="display: flex; gap: 4px; flex-wrap: wrap; align-items: center; border: 1px solid var(--border); padding: 6px 8px; border-radius: var(--radius-md); background: var(--bg-subtle);">
<span style="font-size: 10px; font-weight: 700; color: var(--text-muted);"><i class="fa-solid fa-plus-circle"></i> <span>المتغيرات:</span></span>
<button type="button" class="ipxi2jz4g0 ynnugi2j1w" data-var="{{USER_NAME}}" style="padding: 2px 6px; font-size: 9.5px; height: auto; font-weight: 700;"><i class="fa-solid fa-user"></i> <span>الاسم</span></button>
<button type="button" class="ipxi2jz4g0 ynnugi2j1w" data-var="{{USER_PHONE}}" style="padding: 2px 6px; font-size: 9.5px; height: auto; font-weight: 700;"><i class="fa-solid fa-phone"></i> <span>الموبايل</span></button>
<button type="button" class="ipxi2jz4g0 ynnugi2j1w" data-var="{{WA_LINK}}" style="padding: 2px 6px; font-size: 9.5px; height: auto; font-weight: 700;"><i class="fa-brands fa-whatsapp"></i> <span>رابط الواتساب</span></button>
<button type="button" class="ipxi2jz4g0 ynnugi2j1w" data-var="{{RAN_T(5)}}" style="padding: 2px 6px; font-size: 9.5px; height: auto;"><i class="fa-solid fa-font"></i> <span>نص عشوائي</span></button>
<button type="button" class="ipxi2jz4g0 ynnugi2j1w" data-var="{{RAN_D(6)}}" style="padding: 2px 6px; font-size: 9.5px; height: auto;"><i class="fa-solid fa-hashtag"></i> <span>أرقام</span></button>
<button type="button" class="ipxi2jz4g0 ynnugi2j1w" data-var="{{GROUP_NAME}}" style="padding: 2px 6px; font-size: 9.5px; height: auto;"><i class="fa-solid fa-users"></i> <span>اسم الجروب</span></button>
</div>
<div style="display: grid; grid-template-columns: 2fr 1fr; gap: 8px; align-items: center;">
<div class="d0uttwsjz2" style="margin: 0;">
<label style="font-weight: 700; font-size: 11px;"><i class="fa-solid fa-font"></i> <span>النص البديل (احتياطي):</span></label>
<input type="text" id="ttzd830v71" class="xy26ymifmf" style="padding: 6px 10px;" placeholder="اكتب النص البديل هنا...">
</div>
<div class="d0uttwsjz2" style="margin: 0;">
<label style="font-weight: 700; font-size: 11px;"><i class="fa-solid fa-arrow-up-9-1"></i> <span>الأولوية (1-100):</span></label>
<input type="number" id="dpfsbbscb8" value="50" min="1" max="100" class="xy26ymifmf" style="padding: 6px 8px; text-align: center; font-weight: 700;">
</div>
</div>
</div>
<!-- العمود الثاني: إعدادات النشر ومتابعات الواتساب -->
<div class="d5tp7way8h" style="height: 100%; display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 14px; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--bg-card); box-sizing: border-box;">
<div class="cm41ch7urz" style="margin-bottom: 2px; font-size: 13px;">
<span><i class="fa-solid fa-gears" style="color: var(--primary);"></i> <span>إعدادات الفلاتر ومواعيد النشر</span></span>
</div>
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 8px;">
<div class="d0uttwsjz2" style="margin: 0;">
<label style="font-weight: 700; font-size: 11px;"><i class="fa-solid fa-circle-info"></i> <span>حالة المنشور:</span></label>
<select id="gc2figac9w" class="x7fmsajit7" style="padding: 7px 8px; font-size: 11px;">
<option value="active" selected>نشط ومتاح في التدوير</option>
<option value="inactive">معطل مؤقتاً ومستبعد</option>
<option value="frozen">مجمد أو منتهي الصلاحية</option>
<option value="draft">مسودة غير منشورة</option>
</select>
</div>
<div class="d0uttwsjz2" style="margin: 0;">
<label style="font-weight: 700; font-size: 11px;"><i class="fa-solid fa-sticky-note"></i> <span>ملاحظات داخلية:</span></label>
<input type="text" id="sdpu7v53bc" class="xy26ymifmf" style="padding: 7px 8px; font-size: 11px;" placeholder="اكتب ملاحظة...">
</div>
</div>
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 8px 10px; border-radius: var(--radius-md); border: 1px solid var(--border); background: var(--bg-subtle);">
<div class="d0uttwsjz2" style="margin: 0;">
<label style="font-size: 10px; font-weight: 700;"><i class="fa-solid fa-calendar-check"></i> <span>بدء التفعيل:</span></label>
<input type="datetime-local" id="nxkipeaxy3" class="xy26ymifmf" style="padding: 4px 6px; font-size: 10.5px;">
</div>
<div class="d0uttwsjz2" style="margin: 0;">
<label style="font-size: 10px; font-weight: 700;"><i class="fa-solid fa-calendar-xmark"></i> <span>انتهاء الصلاحية:</span></label>
<input type="datetime-local" id="zze2ahziau" class="xy26ymifmf" style="padding: 4px 6px; font-size: 10.5px;">
</div>
</div>
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 8px;">
<div class="d0uttwsjz2" style="margin: 0;">
<label style="font-weight: 700; font-size: 11px;"><i class="fa-solid fa-key"></i> <span>الكلمات المفتاحية:</span></label>
<input type="text" id="tqyy6isz9h" class="xy26ymifmf" style="padding: 7px 8px; font-size: 11px;" placeholder="عروض، عقارات">
</div>
<div class="d0uttwsjz2" style="margin: 0;">
<label style="font-weight: 700; font-size: 11px;"><i class="fa-solid fa-tags"></i> <span>التصنيفات:</span></label>
<input type="text" id="fk1p2nd322" class="xy26ymifmf" style="padding: 7px 8px; font-size: 11px;" placeholder="عقارات_الصيف">
</div>
</div>
<!-- صندوق رسالة المتابعة التلقائية لواتساب -->
<div style="border: 1px solid var(--border); border-radius: var(--radius-md); padding: 10px; display: flex; flex-direction: column; gap: 6px; margin-top: auto; background: var(--bg-subtle);">
<div class="mkxtd1c1kq" style="padding: 6px 10px; margin: 0; min-height: 32px;">
<input type="checkbox" id="zjibwdxt0e" style="width:16px; height:16px; cursor: pointer; accent-color: var(--wa-brand);">
<label for="zjibwdxt0e" style="font-weight: 700; cursor: pointer; font-size: 11px; margin: 0; display: flex; align-items: center; gap: 5px;">
<i class="fa-brands fa-whatsapp" style="color: var(--wa-brand);"></i> <span>ربط رسالة متابعة تلقائية للعملاء على واتساب</span>
</label>
</div>
<div id="p1fp7t08yw" style="display: flex; flex-direction: column; gap: 6px;">
<div class="d0uttwsjz2" style="margin: 0;">
<label style="font-size: 10px;"><i class="fa-solid fa-phone"></i> <span>أرقام الموبايل (افصل بفاصلة):</span></label>
<input type="text" id="n49dyh07qe" class="xy26ymifmf" style="padding: 5px 8px; font-size: 10.5px;" placeholder="+201069794840, +201096896689">
</div>
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 6px;">
<div class="d0uttwsjz2" style="margin: 0;">
<label style="font-size: 10px;"><i class="fa-solid fa-user"></i> <span>اسم العميل:</span></label>
<input type="text" id="shwl4dswr3" class="xy26ymifmf" style="padding: 5px 8px; font-size: 10.5px;" placeholder="أحمد">
</div>
<div class="d0uttwsjz2" style="margin: 0;">
<label style="font-size: 10px;"><i class="fa-solid fa-clock"></i> <span>تاريخ ووقت المتابعة:</span></label>
<input type="datetime-local" id="zzb32zuqfq" class="xy26ymifmf" style="padding: 4px 6px; font-size: 10.5px;">
</div>
</div>
</div>
<div class="d0uttwsjz2" style="margin: 0;">
<label style="font-size: 10px;"><i class="fa-solid fa-message"></i> <span>نص رسالة المتابعة:</span></label>
<textarea id="smpimntnov" class="f0ngq4vbzj" style="height: 50px; min-height: 40px; font-size: 11px; padding: 6px 8px;" placeholder="أهلاً {name}، نتابع مع حضرتك بخصوص طلبك..."></textarea>
</div>
<div style="display: flex; gap: 4px; flex-wrap: wrap;">
<button type="button" class="ipxi2jz4g0 nura0m8mnt" data-tag="{name}" style="padding: 2px 6px; font-size: 9.5px; height: auto; min-height: 24px; font-weight: 700;">
<i class="fa-solid fa-user"></i> <span>اسم العميل</span>
</button>
<button type="button" class="ipxi2jz4g0 nura0m8mnt" data-tag="{post_links}" style="padding: 2px 6px; font-size: 9.5px; height: auto; min-height: 24px; font-weight: 700;">
<i class="fa-solid fa-link"></i> <span>روابط المنشورات</span>
</button>
</div>
<div id="w8qjr35f9v" style="background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 6px; display: flex; flex-direction: column; gap: 4px;">
<span style="font-size: 9.5px; font-weight: 700;"><i class="fa-solid fa-gears"></i> <span>إعدادات الروابط المضمنة:</span></span>
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 4px; align-items: center;">
<div class="d0uttwsjz2" style="margin: 0;">
<select id="p4ill70byo" class="x7fmsajit7" style="padding: 3px 6px; font-size: 9.5px; width: 100%;">
<option value="all" selected>إرسال كافة الروابط</option>
<option value="limit">إرسال عدد محدد</option>
</select>
</div>
<div class="d0uttwsjz2" style="margin: 0; display: none;" id="fa3hnmyxvu">
<input type="number" id="qibeji3kih" class="xy26ymifmf" style="padding: 3px 6px; font-size: 9.5px; text-align: center;" min="1" value="5">
</div>
</div>
<div class="d0uttwsjz2" style="margin: 0;">
<select id="hgi4sk486r" class="x7fmsajit7" style="padding: 3px 6px; font-size: 9.5px; width: 100%;">
<option value="ordered" selected>بالترتيب الزمني</option>
<option value="random">توزيع عشوائي</option>
</select>
</div>
</div>
<div id="tbgxlx0ini" style="background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 6px; display: flex; flex-direction: column; gap: 4px;">
<span style="font-size: 9.5px; font-weight: 700;"><i class="fa-solid fa-arrows-spin"></i> <span>جدولة التكرار التلقائي:</span></span>
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 4px; align-items: center;">
<div class="d0uttwsjz2" style="margin: 0;">
<select id="x0tn0hlktk" class="x7fmsajit7" style="padding: 3px 6px; font-size: 9.5px; width: 100%;">
<option value="none" selected>مرة واحدة فقط</option>
<option value="1-day">تكرار بعد يوم (24 ساعة)</option>
<option value="7-days">تكرار بعد أسبوع (7 أيام)</option>
<option value="30-days">تكرار بعد شهر (30 يوماً)</option>
<option value="custom-days">تكرار بعد أيام مخصصة</option>
</select>
</div>
<div class="d0uttwsjz2" style="margin: 0; display: none;" id="oagpt02897">
<input type="number" id="x4me28ma8a" class="xy26ymifmf" style="padding: 3px 6px; font-size: 9.5px; text-align: center;" min="1" value="3">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- منطقة إرفاق الصور والوسائط -->
<div class="d5tp7way8h" style="margin-bottom: 0; padding: 12px; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--bg-subtle);">
<div class="cm41ch7urz" style="margin-bottom: 6px; font-size: 12px;">
<span><i class="fa-solid fa-photo-film" style="color: var(--primary);"></i> <span>إرفاق صور أو فيديوهات للمنشور:</span></span>
</div>
<div class="jbhynmzpf2" id="tr3maazuat" style="padding: 16px;">
<span><i class="fa-solid fa-cloud-arrow-up fa-2x" style="color: var(--primary); margin-bottom: 4px;"></i></span>
<span style="font-size: 11px;">اسحب وأفلت الصور والفيديوهات هنا أو اضغط للاختيار من جهازك...</span>
<input type="file" id="hrl56oubz6" multiple accept="image/*" style="display: none;">
</div>
<div class="dlk0zpo39e" id="utw9am60j7" style="margin-top: 8px;"></div>
</div>
<div style="display: flex; justify-content: flex-end; gap: 8px; margin-top: 4px;">
<button id="fpvai7vrns" class="itdnt14mss" style="padding: 10px 24px; font-size: 12.5px; font-weight: 800; background: #0d9488; border-color: #0d9488;">
<i class="fa-solid fa-floppy-disk"></i> <span>حفظ وتخزين المنشور في المكتبة</span>
</button>
</div>
</div>
</div>
`;
document.body.appendChild(modal);
document.getElementById('anctu5etze').onclick = () => {
modal.style.display = 'none';
};
const submitBtn = document.getElementById('fpvai7vrns');
if (submitBtn) submitBtn.onclick = handleAddNewRotationPost;
};
/**
* بناء نافذة تعديل منشور محفوظ بالـ DOM
*/
const appendEditModalLayout = () => {
let modal = document.getElementById('a8jzwb130u');
if (modal) return;
modal = document.createElement('div');
modal.className = 'cpzxome5dd';
modal.id = 'a8jzwb130u';
modal.style.cssText = 'position: fixed; top: 0; left: 0; width: 100%; height: 100%; backdrop-filter: blur(8px); display: none; align-items: center; justify-content: center; z-index: var(--z-modal-backdrop); background-color: rgba(15, 23, 42, 0.65); direction: rtl; text-align: right; box-sizing: border-box;';
modal.innerHTML = `
<div class="s4yvtq9394" style="max-width: min(960px, 95vw); max-height: min(92vh, 900px); border-radius: var(--radius-xl); border: 1px solid var(--border); box-shadow: var(--shadow-modal); background: var(--bg-card);">
<div class="x8pdlyq70a" style="border-bottom: 1px solid var(--border); padding: 14px 20px; display: flex; justify-content: space-between; align-items: center; background: var(--bg-subtle);">
<div class="tooau3ykdi" style="font-weight: 800; font-size: 14px; display: flex; align-items: center; gap: 8px;">
<i class="fa-solid fa-pen-to-square" style="color: #0d9488;"></i>
<span>تعديل المنشور وإعدادات التدوير</span>
</div>
<button class="bcuz086hu4" id="hvsir9fpzq">×</button>
</div>
<div class="zn6t0dl6ke" style="max-height: 80vh; overflow-y: auto; padding: clamp(14px, 1.6vw, 22px); gap: var(--space-md);">
<input type="hidden" id="f0e140ihx2">
<div class="xd506q5mar" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(clamp(280px, 30vw, 1fr), 1fr)); gap: 12px; margin-bottom: 0;">
<!-- العمود الأول: نص المنشور -->
<div class="d5tp7way8h" style="height: 100%; display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 14px; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--bg-card); box-sizing: border-box;">
<div class="cm41ch7urz" style="margin-bottom: 2px; font-size: 13px;">
<span><i class="fa-solid fa-file-pen" style="color: var(--primary);"></i> <span>محتوى ونص المنشور</span></span>
</div>
<div class="d0uttwsjz2" style="margin: 0;">
<label style="font-weight: 700; font-size: 11.5px;"><i class="fa-solid fa-heading"></i> <span>اسم أو عنوان المنشور للتوضيح:</span></label>
<input type="text" id="sf07blbqj5" class="xy26ymifmf">
</div>
<div class="suxidgikgm" style="margin-bottom: 0;">
<div class="dcaynff6el" style="margin-bottom: 4px;">
<span class="ipbz1xlmff" style="font-size: 11px; font-weight: 700;"><i class="fa-solid fa-wand-magic-sparkles" style="color: #8b5cf6;"></i> <span>محرك فحص الـ Spintax</span></span>
<div style="display: flex; gap: 4px;">
<button type="button" id="pcam8x7wdq" class="ipxi2jz4g0" style="padding: 3px 8px; font-size: 10px; height: auto;"><i class="fa-solid fa-mask"></i> <span>معاينة التمويه</span></button>
</div>
</div>
<div id="c2motxakmm" style="display:none; margin-top: 8px; padding: 10px; border: 1px dashed var(--border-strong); border-radius: var(--radius-md); font-size: 11px; direction: rtl; text-align: right; background: var(--bg-subtle);">
<strong style="display: block; margin-bottom: 4px; color: var(--text-main);"><i class="fa-solid fa-eye"></i> <span>النص بعد التمويه وحقن البيانات الحقيقية:</span></strong>
<div id="nmt96brzmq" style="white-space: pre-wrap; color: var(--text-secondary); background: var(--bg-card); padding: 8px 10px; border-radius: var(--radius-sm); border: 1px solid var(--border); max-height: 100px; overflow-y: auto; font-size: 11.5px; line-height: 1.5;"></div>
</div>
</div>
<div class="d0uttwsjz2" style="flex: 1; margin: 0; display: flex; flex-direction: column;">
<label style="font-weight: 700; margin-bottom: 4px; font-size: 11.5px;"><i class="fa-solid fa-message"></i> <span>محتوى المنشور الأصلي:</span></label>
<textarea id="y6sf67114z" class="f0ngq4vbzj" style="flex: 1; height: 130px; min-height: 100px;"></textarea>
</div>
<!-- أشرطة إدراج المتغيرات السريعة -->
<div style="display: flex; gap: 4px; flex-wrap: wrap; align-items: center; border: 1px solid var(--border); padding: 6px 8px; border-radius: var(--radius-md); background: var(--bg-subtle);">
<span style="font-size: 10px; font-weight: 700; color: var(--text-muted);"><i class="fa-solid fa-plus-circle"></i> <span>المتغيرات:</span></span>
<button type="button" class="ipxi2jz4g0 ynnugi2j1w" data-var="{{USER_NAME}}" style="padding: 2px 6px; font-size: 9.5px; height: auto; font-weight: 700;"><i class="fa-solid fa-user"></i> <span>الاسم</span></button>
<button type="button" class="ipxi2jz4g0 ynnugi2j1w" data-var="{{USER_PHONE}}" style="padding: 2px 6px; font-size: 9.5px; height: auto; font-weight: 700;"><i class="fa-solid fa-phone"></i> <span>الموبايل</span></button>
<button type="button" class="ipxi2jz4g0 ynnugi2j1w" data-var="{{WA_LINK}}" style="padding: 2px 6px; font-size: 9.5px; height: auto; font-weight: 700;"><i class="fa-brands fa-whatsapp"></i> <span>رابط الواتساب</span></button>
<button type="button" class="ipxi2jz4g0 ynnugi2j1w" data-var="{{RAN_T(5)}}" style="padding: 2px 6px; font-size: 9.5px; height: auto;"><i class="fa-solid fa-font"></i> <span>نص عشوائي</span></button>
<button type="button" class="ipxi2jz4g0 ynnugi2j1w" data-var="{{RAN_D(6)}}" style="padding: 2px 6px; font-size: 9.5px; height: auto;"><i class="fa-solid fa-hashtag"></i> <span>أرقام</span></button>
<button type="button" class="ipxi2jz4g0 ynnugi2j1w" data-var="{{GROUP_NAME}}" style="padding: 2px 6px; font-size: 9.5px; height: auto;"><i class="fa-solid fa-users"></i> <span>اسم الجروب</span></button>
</div>
<div style="display: grid; grid-template-columns: 2fr 1fr; gap: 8px; align-items: center;">
<div class="d0uttwsjz2" style="margin: 0;">
<label style="font-weight: 700; font-size: 11px;"><i class="fa-solid fa-font"></i> <span>النص البديل (احتياطي):</span></label>
<input type="text" id="nj5384jl5c" class="xy26ymifmf" style="padding: 6px 10px;">
</div>
<div class="d0uttwsjz2" style="margin: 0;">
<label style="font-weight: 700; font-size: 11px;"><i class="fa-solid fa-arrow-up-9-1"></i> <span>الأولوية (1-100):</span></label>
<input type="number" id="d1w0s2kv3v" class="xy26ymifmf" min="1" max="100" style="padding: 6px 8px; text-align: center; font-weight: 700;">
</div>
</div>
</div>
<!-- العمود الثاني: الإعدادات والمتابعة المجدولة -->
<div class="d5tp7way8h" style="height: 100%; display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 14px; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--bg-card); box-sizing: border-box;">
<div class="cm41ch7urz" style="margin-bottom: 2px; font-size: 13px;">
<span><i class="fa-solid fa-gears" style="color: var(--primary);"></i> <span>إعدادات الفلاتر ومواعيد النشر</span></span>
</div>
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 8px;">
<div class="d0uttwsjz2" style="margin: 0;">
<label style="font-weight: 700; font-size: 11px;"><i class="fa-solid fa-circle-info"></i> <span>حالة المنشور:</span></label>
<select id="texys3w2lv" class="x7fmsajit7" style="padding: 7px 8px; font-size: 11px;">
<option value="active">نشط ومتاح في التدوير</option>
<option value="inactive">معطل مؤقتاً ومستبعد</option>
<option value="frozen">مجمد أو منتهي الصلاحية</option>
<option value="draft">مسودة غير منشورة</option>
</select>
</div>
<div class="d0uttwsjz2" style="margin: 0;">
<label style="font-weight: 700; font-size: 11px;"><i class="fa-solid fa-sticky-note"></i> <span>ملاحظات داخلية:</span></label>
<input type="text" id="fkrgoi078q" class="xy26ymifmf" style="padding: 7px 8px; font-size: 11px;">
</div>
</div>
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 8px 10px; border-radius: var(--radius-md); border: 1px solid var(--border); background: var(--bg-subtle);">
<div class="d0uttwsjz2" style="margin: 0;">
<label style="font-size: 10px; font-weight: 700;"><i class="fa-solid fa-calendar-check"></i> <span>بدء التفعيل:</span></label>
<input type="datetime-local" id="hnits5ebb5" class="xy26ymifmf" style="padding: 4px 6px; font-size: 10.5px;">
</div>
<div class="d0uttwsjz2" style="margin: 0;">
<label style="font-size: 10px; font-weight: 700;"><i class="fa-solid fa-calendar-xmark"></i> <span>انتهاء الصلاحية:</span></label>
<input type="datetime-local" id="grp82kp5ee" class="xy26ymifmf" style="padding: 4px 6px; font-size: 10.5px;">
</div>
</div>
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 8px;">
<div class="d0uttwsjz2" style="margin: 0;">
<label style="font-weight: 700; font-size: 11px;"><i class="fa-solid fa-key"></i> <span>الكلمات المفتاحية:</span></label>
<input type="text" id="n2qgtkpju3" class="xy26ymifmf" style="padding: 7px 8px; font-size: 11px;">
</div>
<div class="d0uttwsjz2" style="margin: 0;">
<label style="font-weight: 700; font-size: 11px;"><i class="fa-solid fa-tags"></i> <span>التصنيفات:</span></label>
<input type="text" id="xbks261mca" class="xy26ymifmf" style="padding: 7px 8px; font-size: 11px;">
</div>
</div>
<!-- صندوق المتابعة المجدولة في نافذة التعديل -->
<div style="border: 1px solid var(--border); border-radius: var(--radius-md); padding: 10px; display: flex; flex-direction: column; gap: 6px; margin-top: auto; background: var(--bg-subtle);">
<div class="mkxtd1c1kq" style="padding: 6px 10px; margin: 0; min-height: 32px;">
<input type="checkbox" id="jgtj1u98h0" style="width:16px; height:16px; cursor: pointer; accent-color: var(--wa-brand);">
<label for="jgtj1u98h0" style="font-weight: 700; cursor: pointer; font-size: 11px; margin: 0; display: flex; align-items: center; gap: 5px;">
<i class="fa-brands fa-whatsapp" style="color: var(--wa-brand);"></i> <span>ربط رسالة متابعة تلقائية للعملاء على واتساب</span>
</label>
</div>
<div style="display: flex; flex-direction: column; gap: 6px;">
<div class="d0uttwsjz2" style="margin: 0;">
<label style="font-size: 10px;"><i class="fa-solid fa-phone"></i> <span>أرقام الموبايل (افصل بفاصلة):</span></label>
<input type="text" id="qu2fksgv9h" class="xy26ymifmf" style="padding: 5px 8px; font-size: 10.5px;">
</div>
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 6px;">
<div class="d0uttwsjz2" style="margin: 0;">
<label style="font-size: 10px;"><i class="fa-solid fa-user"></i> <span>اسم العميل:</span></label>
<input type="text" id="swzbu11pzw" class="xy26ymifmf" style="padding: 5px 8px; font-size: 10.5px;">
</div>
<div class="d0uttwsjz2" style="margin: 0;">
<label style="font-size: 10px;"><i class="fa-solid fa-clock"></i> <span>تاريخ ووقت المتابعة:</span></label>
<input type="datetime-local" id="tbruewdovo" class="xy26ymifmf" style="padding: 4px 6px; font-size: 10.5px;">
</div>
</div>
</div>
<div class="d0uttwsjz2" style="margin: 0;">
<label style="font-size: 10px;"><i class="fa-solid fa-message"></i> <span>نص رسالة المتابعة:</span></label>
<textarea id="q9xi99sflx" class="xy26ymifmf" style="height: 50px; min-height: 40px; font-size: 11px; padding: 6px 8px;"></textarea>
</div>
<div style="display: flex; gap: 4px; flex-wrap: wrap;">
<button type="button" class="ipxi2jz4g0 x8g5p7tdh7" data-tag="{name}" style="padding: 2px 6px; font-size: 9.5px; height: auto; min-height: 24px; font-weight: 700;">
<i class="fa-solid fa-user"></i> <span>اسم العميل</span>
</button>
<button type="button" class="ipxi2jz4g0 x8g5p7tdh7" data-tag="{post_links}" style="padding: 2px 6px; font-size: 9.5px; height: auto; min-height: 24px; font-weight: 700;">
<i class="fa-solid fa-link"></i> <span>روابط المنشورات</span>
</button>
</div>
<div id="o96s3y72ab" style="background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 6px; display: flex; flex-direction: column; gap: 4px;">
<span style="font-size: 9.5px; font-weight: 700;"><i class="fa-solid fa-gears"></i> <span>إعدادات الروابط المضمنة:</span></span>
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 4px; align-items: center;">
<div class="d0uttwsjz2" style="margin: 0;">
<select id="lsia7sxo1z" class="x7fmsajit7" style="padding: 3px 6px; font-size: 9.5px; width: 100%;">
<option value="all" selected>إرسال كافة الروابط</option>
<option value="limit">إرسال عدد محدد</option>
</select>
</div>
<div class="d0uttwsjz2" style="margin: 0; display: none;" id="cje296b5w0">
<input type="number" id="q4ft603tog" class="xy26ymifmf" style="padding: 3px 6px; font-size: 9.5px; text-align: center;" min="1" value="5">
</div>
</div>
<div class="d0uttwsjz2" style="margin: 0;">
<select id="jmue92xc4j" class="x7fmsajit7" style="padding: 3px 6px; font-size: 9.5px; width: 100%;">
<option value="ordered" selected>بالترتيب الزمني</option>
<option value="random">توزيع عشوائي</option>
</select>
</div>
</div>
<div id="nnwvpb9xvi" style="background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 6px; display: flex; flex-direction: column; gap: 4px;">
<span style="font-size: 9.5px; font-weight: 700;"><i class="fa-solid fa-arrows-spin"></i> <span>جدولة التكرار التلقائي:</span></span>
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 4px; align-items: center;">
<div class="d0uttwsjz2" style="margin: 0;">
<select id="twsjw36541" class="x7fmsajit7" style="padding: 3px 6px; font-size: 9.5px; width: 100%;">
<option value="none" selected>مرة واحدة فقط</option>
<option value="1-day">تكرار بعد يوم (24 ساعة)</option>
<option value="7-days">تكرار بعد أسبوع (7 أيام)</option>
<option value="30-days">تكرار بعد شهر (30 يوماً)</option>
<option value="custom-days">تكرار بعد أيام مخصصة</option>
</select>
</div>
<div class="d0uttwsjz2" style="margin: 0; display: none;" id="tcc6p8xt6o">
<input type="number" id="s1f8knupy0" class="xy26ymifmf" style="padding: 3px 6px; font-size: 9.5px; text-align: center;" min="1" value="3">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- منطقة إرفاق الصور والوسائط في نافذة التعديل -->
<div class="d0uttwsjz2" style="margin-top: 4px; border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 12px; background: var(--bg-subtle);">
<label style="font-weight: 700; font-size: 11.5px;"><i class="fa-solid fa-images" style="color: var(--primary);"></i> <span>إرفاق صور أو فيديوهات للمنشور:</span></label>
<div class="jbhynmzpf2" id="jzc6fmhhs8" style="padding: 16px;">
<span><i class="fa-solid fa-cloud-arrow-up fa-2x" style="color: var(--primary); margin-bottom: 4px;"></i></span>
<span style="font-size: 11px;">اسحب وأفلت الصور والفيديوهات هنا أو اضغط للاختيار من جهازك...</span>
<input type="file" id="s0jxf1x6ev" multiple accept="image/*" style="display: none;">
</div>
<div class="dlk0zpo39e" id="rd6kwbqsvk" style="margin-top: 8px;"></div>
</div>
<button id="hlec9j3gwy" class="itdnt14mss" style="width: 100%; padding: 11px; margin-top: 8px; font-size: 12.5px; font-weight: 800; background: #0d9488; border-color: #0d9488;">
<i class="fa-solid fa-circle-check"></i> <span>حفظ وتوثيق التعديلات في المكتبة</span>
</button>
</div>
</div>
`;
document.body.appendChild(modal);
document.getElementById('hvsir9fpzq').onclick = () => {
modal.style.display = 'none';
};
const saveEditedBtn = document.getElementById('hlec9j3gwy');
if (saveEditedBtn) saveEditedBtn.onclick = saveEditedPreviousPost;
};
/**
* معالجة رفع وحفظ صور المنشور الجديد
*/
const handleAddPrevPostFiles = (files) => {
for (let i = 0; i < files.length; i++) {
const file = files[i];
if (file.size > 25 * 1024 * 1024) continue;
if (!file.type.startsWith('image/')) continue;
const reader = new FileReader();
reader.onload = async () => {
let compressedBlob = file;
let thumbBlob = file;
if (global.FritreeImageCompressor) {
compressedBlob = await global.FritreeImageCompressor.compressImage(file);
thumbBlob = await global.FritreeImageCompressor.generateThumbnail(compressedBlob);
}
const binaryHash = 'rot_media_add_' + Date.now() + "_" + Math.random().toString(36).substr(2,4);
if (global.FritreeStorage) {
await global.FritreeStorage.set(`media_blob_${binaryHash}`, compressedBlob);
await global.FritreeStorage.set(`media_thumb_${binaryHash}`, thumbBlob);
}
state.addPrevPostMedia.push({
id: binaryHash,
type: "image/jpeg",
blob: compressedBlob,
thumbBlob: thumbBlob,
filename: file.name
});
renderAddPrevPostPreviews();
};
reader.readAsDataURL(file);
}
};
const renderAddPrevPostPreviews = () => {
const container = document.getElementById('utw9am60j7');
if (!container) return;
container.innerHTML = '';
for (let i = 0; i < state.addPrevPostMedia.length; i++) {
const media = state.addPrevPostMedia[i];
const box = document.createElement('div');
box.className = 'evr435qzb2';
box.style.cssText = 'width: 76px; height: 76px; border: 1px solid var(--border); border-radius: var(--radius-md); overflow: hidden; position: relative; display: inline-block;';
const el = document.createElement('img');
const previewUrl = URL.createObjectURL(media.thumbBlob || media.blob);
el.src = previewUrl;
box.dataset.objurl = previewUrl;
el.style.cssText = 'width: 100%; height: 100%; object-fit: cover;';
const closeBtn = document.createElement('button');
closeBtn.setAttribute('type', 'button');
closeBtn.style.cssText = 'position: absolute; top: 4px; left: 4px; background: rgba(239, 68, 68, 0.85); color: #fff; border: none; border-radius: 50%; width: 22px; height: 22px; font-size: 10px; cursor: pointer; display: flex; align-items: center; justify-content: center;';
closeBtn.innerHTML = '<i class="fa-solid fa-xmark"></i> ';
closeBtn.onclick = () => {
if (box.dataset.objurl) URL.revokeObjectURL(box.dataset.objurl);
if (global.FritreeStorage) {
global.FritreeStorage.remove(`media_blob_${media.id}`);
global.FritreeStorage.remove(`media_thumb_${media.id}`);
}
state.addPrevPostMedia.splice(i, 1);
renderAddPrevPostPreviews();
};
box.appendChild(el);
box.appendChild(closeBtn);
container.appendChild(box);
}
};
/**
* حفظ المنشور الجديد في مكتبة التدوير والتخزين المشفر
*/
const handleAddNewRotationPost = async () => {
const titleVal = (document.getElementById('wlunjizubf')?.value || '').trim();
const textVal = document.getElementById('tfurtfdsqf')?.value || '';
const statusVal = document.getElementById('gc2figac9w')?.value || 'active';
const keywordsVal = document.getElementById('tqyy6isz9h')?.value || '';
const phonesVal = document.getElementById('n49dyh07qe')?.value || '';
const noteVal = (document.getElementById('sdpu7v53bc')?.value || '').trim();
const categoryVal = document.getElementById('fk1p2nd322')?.value || '';
const altTextVal = document.getElementById('ttzd830v71')?.value || '';
const priorityVal = parseInt(document.getElementById('dpfsbbscb8')?.value, 10) || 50;
const entryDateVal = document.getElementById('nxkipeaxy3')?.value || '';
const expireDateVal = document.getElementById('zze2ahziau')?.value || '';
const clientNameVal = (document.getElementById('shwl4dswr3')?.value || '').trim();
const enableWaFollowUp = document.getElementById('zjibwdxt0e')?.checked || false;
const followUpMessage = document.getElementById('smpimntnov')?.value || '';
const followUpDate = document.getElementById('zzb32zuqfq')?.value || '';
const followupLinksMode = document.getElementById('p4ill70byo')?.value || 'all';
const followupLinksCount = parseInt(document.getElementById('qibeji3kih')?.value, 10) || 5;
const followupLinksOrder = document.getElementById('hgi4sk486r')?.value || 'ordered';
const followupRecurrenceMode = document.getElementById('x0tn0hlktk')?.value || 'none';
const followupRecurrenceDays = parseInt(document.getElementById('x4me28ma8a')?.value, 10) || 3;
if (!textVal && state.addPrevPostMedia.length === 0) {
alert('لا يمكن حفظ منشور فارغ تماماً!');
return;
}
let keywordsArray = keywordsVal.split(',').map(s => s.trim().toLowerCase()).filter(s => s);
let categoryArray = categoryVal.split(',').map(s => s.trim()).filter(s => s);
if (categoryArray.length === 0 && keywordsArray.length === 0 && textVal) {
if (global.FritreeSimilarityService && typeof global.FritreeSimilarityService.autoClassify === 'function') {
const classified = global.FritreeSimilarityService.autoClassify(textVal);
categoryArray = classified.categories;
keywordsArray = classified.keywords;
}
}
const phonesArray = phonesVal.split(',').map(s => s.trim().replace(/[^0-9+]/g, '')).filter(s => s);
const newPost = {
id: 'rot_' + Date.now() + '_' + Math.random().toString(36).substr(2, 4),
title: titleVal || (textVal ? textVal.substring(0, 30) + '...' : 'أرشيف تدوير محفوظ'),
text: textVal,
altText: altTextVal,
priority: priorityVal,
mediaReferences: state.addPrevPostMedia.map(m => ({ id: m.id, type: m.type, filename: m.filename })),
status: statusVal,
keywords: keywordsArray,
categories: categoryArray,
notes: noteVal,
enableWaFollowUp: enableWaFollowUp,
clientName: clientNameVal,
phoneNumbers: phonesArray,
followUpDate: followUpDate,
followUpMessage: followUpMessage,
followupLinksMode: followupLinksMode,
followupLinksCount: followupLinksCount,
followupLinksOrder: followupLinksOrder,
followupRecurrenceMode: followupRecurrenceMode,
followupRecurrenceDays: followupRecurrenceDays,
entryDate: entryDateVal || new Date().toISOString(),
expireDate: expireDateVal,
followUpSent: false,
date: new Date().toISOString()
};
if (!Array.isArray(state.previousPostsData)) {
state.previousPostsData = [];
}
state.previousPostsData.unshift(newPost);
if (global.FritreeRotationStore && typeof global.FritreeRotationStore.save === 'function') {
global.FritreeRotationStore.recalculateScores();
await global.FritreeRotationStore.save();
}
if (global.FritreeRotation && typeof global.FritreeRotation.renderPreviousPostsGrid === 'function') {
global.FritreeRotation.renderPreviousPostsGrid();
}
// تفريغ حقول الإدخال
document.getElementById('wlunjizubf').value = '';
document.getElementById('tfurtfdsqf').value = '';
document.getElementById('tqyy6isz9h').value = '';
document.getElementById('n49dyh07qe').value = '';
document.getElementById('sdpu7v53bc').value = '';
document.getElementById('fk1p2nd322').value = '';
document.getElementById('nxkipeaxy3').value = '';
document.getElementById('zze2ahziau').value = '';
document.getElementById('shwl4dswr3').value = '';
document.getElementById('zjibwdxt0e').checked = false;
document.getElementById('smpimntnov').value = '';
document.getElementById('zzb32zuqfq').value = '';
document.getElementById('ttzd830v71').value = '';
document.getElementById('dpfsbbscb8').value = '50';
state.addPrevPostMedia = [];
const previewsContainer = document.getElementById('utw9am60j7');
if (previewsContainer) previewsContainer.innerHTML = '';
const addModal = document.getElementById('s74nhbmzs5');
if (addModal) addModal.style.display = 'none';
if (typeof window.addLog === 'function') {
window.addLog(`تم حفظ وتخزين المنشور بنجاح: "${newPost.title}".`, 'success');
}
};
/**
* فتح نافذة إنشاء المنشور الجديد
* @param {string} presetText
*/
const openAddPrevPostModal = (presetText = '') => {
appendAddModalLayout();
if (presetText) {
const txtArea = document.getElementById('tfurtfdsqf');
if (txtArea) txtArea.value = presetText;
}
const modal = document.getElementById('s74nhbmzs5');
if (modal) modal.style.display = 'flex';
};
/**
* فتح نافذة تعديل المنشور
* @param {string} id
*/
const openEditPrevPostModal = async (id) => {
const post = state.previousPostsData.find(p => p.id === id);
if (!post) return;
appendEditModalLayout();
document.getElementById('f0e140ihx2').value = post.id;
document.getElementById('sf07blbqj5').value = post.title || '';
document.getElementById('y6sf67114z').value = post.text || '';
document.getElementById('texys3w2lv').value = post.status || 'active';
document.getElementById('n2qgtkpju3').value = post.keywords ? post.keywords.join(', ') : '';
document.getElementById('qu2fksgv9h').value = post.phoneNumbers ? post.phoneNumbers.join(', ') : '';
document.getElementById('fkrgoi078q').value = post.notes || '';
document.getElementById('xbks261mca').value = post.categories ? post.categories.join(', ') : '';
document.getElementById('nj5384jl5c').value = post.altText || '';
document.getElementById('d1w0s2kv3v').value = post.priority !== undefined ? post.priority : 50;
document.getElementById('hnits5ebb5').value = post.entryDate ? post.entryDate.slice(0, 16) : '';
document.getElementById('grp82kp5ee').value = post.expireDate ? post.expireDate.slice(0, 16) : '';
document.getElementById('swzbu11pzw').value = post.clientName || '';
document.getElementById('jgtj1u98h0').checked = !!post.enableWaFollowUp;
document.getElementById('q9xi99sflx').value = post.followUpMessage || '';
document.getElementById('tbruewdovo').value = post.followUpDate ? post.followUpDate.slice(0, 16) : '';
const editLinksMode = post.followupLinksMode || 'all';
document.getElementById('lsia7sxo1z').value = editLinksMode;
document.getElementById('q4ft603tog').value = post.followupLinksCount || 5;
document.getElementById('jmue92xc4j').value = post.followupLinksOrder || 'ordered';
const editLinksWrapper = document.getElementById('cje296b5w0');
if (editLinksWrapper) editLinksWrapper.style.display = (editLinksMode === 'limit') ? 'block' : 'none';
const editRecMode = post.followupRecurrenceMode || 'none';
document.getElementById('twsjw36541').value = editRecMode;
document.getElementById('s1f8knupy0').value = post.followupRecurrenceDays || 3;
const editRecWrapper = document.getElementById('tcc6p8xt6o');
if (editRecWrapper) editRecWrapper.style.display = (editRecMode === 'custom-days') ? 'block' : 'none';
state.editPrevPostMedia = [];
if (post.mediaReferences && global.FritreeStorage) {
for (let i = 0; i < post.mediaReferences.length; i++) {
const ref = post.mediaReferences[i];
const rawBlob = await global.FritreeStorage.get(`media_blob_${ref.id}`);
const thumbBlob = await global.FritreeStorage.get(`media_thumb_${ref.id}`);
state.editPrevPostMedia.push({
id: ref.id,
type: ref.type,
blob: rawBlob,
thumbBlob: thumbBlob,
filename: ref.filename
});
}
}
renderEditPrevPostPreviews();
const modal = document.getElementById('a8jzwb130u');
if (modal) modal.style.display = 'flex';
};
/**
* معالجة رفع صور المنشور قيد التعديل
*/
const handleEditPrevPostFiles = (files) => {
for (let i = 0; i < files.length; i++) {
const file = files[i];
if (file.size > 25 * 1024 * 1024) continue;
if (!file.type.startsWith('image/')) continue;
const reader = new FileReader();
reader.onload = async () => {
let compressedBlob = file;
let thumbBlob = file;
if (global.FritreeImageCompressor) {
compressedBlob = await global.FritreeImageCompressor.compressImage(file);
thumbBlob = await global.FritreeImageCompressor.generateThumbnail(compressedBlob);
}
const binaryHash = 'rot_media_edit_' + Date.now() + "_" + Math.random().toString(36).substr(2,4);
if (global.FritreeStorage) {
await global.FritreeStorage.set(`media_blob_${binaryHash}`, compressedBlob);
await global.FritreeStorage.set(`media_thumb_${binaryHash}`, thumbBlob);
}
state.editPrevPostMedia.push({
id: binaryHash,
type: "image/jpeg",
blob: compressedBlob,
thumbBlob: thumbBlob,
filename: file.name
});
renderEditPrevPostPreviews();
};
reader.readAsDataURL(file);
}
};
const renderEditPrevPostPreviews = () => {
const container = document.getElementById('rd6kwbqsvk');
if (!container) return;
container.innerHTML = '';
for (let i = 0; i < state.editPrevPostMedia.length; i++) {
const media = state.editPrevPostMedia[i];
const box = document.createElement('div');
box.className = 'evr435qzb2';
box.style.cssText = 'width: 76px; height: 76px; border: 1px solid var(--border); border-radius: var(--radius-md); overflow: hidden; position: relative; display: inline-block;';
const el = document.createElement('img');
if (media.thumbBlob || media.blob) {
const previewUrl = URL.createObjectURL(media.thumbBlob || media.blob);
el.src = previewUrl;
box.dataset.objurl = previewUrl;
} else {
el.src = 'icon.png';
}
el.style.cssText = 'width: 100%; height: 100%; object-fit: cover;';
const closeBtn = document.createElement('button');
closeBtn.setAttribute('type', 'button');
closeBtn.style.cssText = 'position: absolute; top: 4px; left: 4px; background: rgba(239, 68, 68, 0.85); color: #fff; border: none; border-radius: 50%; width: 22px; height: 22px; font-size: 10px; cursor: pointer; display: flex; align-items: center; justify-content: center;';
closeBtn.innerHTML = '<i class="fa-solid fa-xmark"></i> ';
closeBtn.onclick = () => {
if (box.dataset.objurl) URL.revokeObjectURL(box.dataset.objurl);
if (global.FritreeStorage) {
global.FritreeStorage.remove(`media_blob_${media.id}`);
global.FritreeStorage.remove(`media_thumb_${media.id}`);
}
state.editPrevPostMedia.splice(i, 1);
renderEditPrevPostPreviews();
};
box.appendChild(el);
box.appendChild(closeBtn);
container.appendChild(box);
}
};
/**
* حفظ المنشور بعد التعديل
*/
const saveEditedPreviousPost = async () => {
const id = document.getElementById('f0e140ihx2')?.value;
const post = state.previousPostsData.find(p => p.id === id);
if (!post) return;
const titleVal = (document.getElementById('sf07blbqj5')?.value || '').trim();
const textVal = document.getElementById('y6sf67114z')?.value || '';
const statusVal = document.getElementById('texys3w2lv')?.value || 'active';
const keywordsVal = document.getElementById('n2qgtkpju3')?.value || '';
const phonesVal = document.getElementById('qu2fksgv9h')?.value || '';
const noteVal = (document.getElementById('fkrgoi078q')?.value || '').trim();
const categoryVal = document.getElementById('xbks261mca')?.value || '';
const entryDateVal = document.getElementById('hnits5ebb5')?.value || '';
const expireDateVal = document.getElementById('grp82kp5ee')?.value || '';
const clientNameVal = (document.getElementById('swzbu11pzw')?.value || '').trim();
const enableWaFollowUp = document.getElementById('jgtj1u98h0')?.checked || false;
const followUpMessage = document.getElementById('q9xi99sflx')?.value || '';
const followUpDate = document.getElementById('tbruewdovo')?.value || '';
const followupLinksMode = document.getElementById('lsia7sxo1z')?.value || 'all';
const followupLinksCount = parseInt(document.getElementById('q4ft603tog')?.value, 10) || 5;
const followupLinksOrder = document.getElementById('jmue92xc4j')?.value || 'ordered';
const followupRecurrenceMode = document.getElementById('twsjw36541')?.value || 'none';
const followupRecurrenceDays = parseInt(document.getElementById('s1f8knupy0')?.value, 10) || 3;
const altTextVal = document.getElementById('nj5384jl5c')?.value || '';
const priorityVal = parseInt(document.getElementById('d1w0s2kv3v')?.value, 10) || 50;
if (!textVal && state.editPrevPostMedia.length === 0) {
alert('لا يمكن حفظ منشور فارغ تماماً!');
return;
}
post.title = titleVal || (textVal ? textVal.substring(0, 30) + '...' : 'أرشيف تدوير محفوظ');
post.text = textVal;
post.altText = altTextVal;
post.priority = priorityVal;
post.mediaReferences = state.editPrevPostMedia.map(m => ({ id: m.id, type: m.type, filename: m.filename }));
post.status = statusVal;
post.keywords = keywordsVal.split(',').map(s => s.trim().toLowerCase()).filter(s => s);
post.categories = categoryVal.split(',').map(s => s.trim()).filter(s => s);
post.notes = noteVal;
post.enableWaFollowUp = enableWaFollowUp;
post.clientName = clientNameVal;
post.phoneNumbers = phonesVal.split(',').map(s => s.trim().replace(/[^0-9+]/g, '')).filter(s => s);
post.followUpDate = followUpDate;
post.followUpMessage = followUpMessage;
post.followupLinksMode = followupLinksMode;
post.followupLinksCount = followupLinksCount;
post.followupLinksOrder = followupLinksOrder;
post.followupRecurrenceMode = followupRecurrenceMode;
post.followupRecurrenceDays = followupRecurrenceDays;
post.entryDate = entryDateVal || post.entryDate || new Date().toISOString();
post.expireDate = expireDateVal;
if (global.FritreeRotationStore && typeof global.FritreeRotationStore.save === 'function') {
global.FritreeRotationStore.recalculateScores();
await global.FritreeRotationStore.save();
}
if (global.FritreeRotation && typeof global.FritreeRotation.renderPreviousPostsGrid === 'function') {
global.FritreeRotation.renderPreviousPostsGrid();
}
const modal = document.getElementById('a8jzwb130u');
if (modal) modal.style.display = 'none';
if (typeof window.addLog === 'function') {
window.addLog(`تم تحديث وحفظ المنشور بنجاح: "${post.title}".`, 'success');
}
};
/**
* ربط أحداث المحرر والنوافذ
*/
const bindCreatorEventListeners = () => {
appendAddModalLayout();
appendEditModalLayout();
// 1. أزرار فحص جودة الـ Spintax ومعاينة التمويه في نافذة الإضافة
const btnCheckQualityAdd = document.getElementById('ukgv00a6ew');
const qualityResultAdd = document.getElementById('pvd3acinzt');
const btnPreviewStealthAdd = document.getElementById('q1oy8rpm26');
const previewBoxWrapperAdd = document.getElementById('w2d0q5j0yl');
const previewTextBoxAdd = document.getElementById('p1yahnikb8');
if (btnCheckQualityAdd && qualityResultAdd) {
btnCheckQualityAdd.onclick = () => {
const text = document.getElementById('tfurtfdsqf')?.value || '';
if (global.FritreeSimilarityService && typeof global.FritreeSimilarityService.analyzeSpintax === 'function') {
const res = global.FritreeSimilarityService.analyzeSpintax(text);
if (res.valid) {
qualityResultAdd.innerHTML = `<span style="color:var(--success-hover);"><i class="fa-solid fa-circle-check"></i> صياغة الأقواس سليمة! المتغيرات المحسوبة: <strong>${res.variations.toLocaleString('en-US')}</strong> | الأمان: <strong>${res.safetyPct}%</strong></span>`;
} else {
qualityResultAdd.innerHTML = `<span style="color:var(--danger);"><i class="fa-solid fa-triangle-exclamation"></i> ${res.errors || 'خطأ في صياغة الأقواس'}</span>`;
}
}
};
}
if (btnPreviewStealthAdd && previewBoxWrapperAdd && previewTextBoxAdd) {
btnPreviewStealthAdd.onclick = async () => {
const text = document.getElementById('tfurtfdsqf')?.value || '';
if (!text) {
alert('اكتب نص المنشور أولاً لمعاينة التمويه!');
return;
}
if (previewBoxWrapperAdd.style.display === 'none') {
if (global.FritreeTextCompiler && typeof global.FritreeTextCompiler.compileAndObfuscate === 'function') {
const obfuscated = await global.FritreeTextCompiler.compileAndObfuscate(text, "جروب_التجربة");
previewTextBoxAdd.textContent = obfuscated;
previewBoxWrapperAdd.style.display = 'block';
}
} else {
previewBoxWrapperAdd.style.display = 'none';
}
};
}
// 2. زر معاينة التمويه في نافذة التعديل
const btnPreviewStealthEdit = document.getElementById('pcam8x7wdq');
const previewBoxWrapperEdit = document.getElementById('c2motxakmm');
const previewTextBoxEdit = document.getElementById('nmt96brzmq');
if (btnPreviewStealthEdit && previewBoxWrapperEdit && previewTextBoxEdit) {
btnPreviewStealthEdit.onclick = async () => {
const text = document.getElementById('y6sf67114z')?.value || '';
if (!text) {
alert('اكتب نص المنشور أولاً لمعاينة التمويه!');
return;
}
if (previewBoxWrapperEdit.style.display === 'none') {
if (global.FritreeTextCompiler && typeof global.FritreeTextCompiler.compileAndObfuscate === 'function') {
const obfuscated = await global.FritreeTextCompiler.compileAndObfuscate(text, "جروب_التجربة");
previewTextBoxEdit.textContent = obfuscated;
previewBoxWrapperEdit.style.display = 'block';
}
} else {
previewBoxWrapperEdit.style.display = 'none';
}
};
}
// 3. ربط أزرار إضافة المتغيرات
document.querySelectorAll('.ynnugi2j1w').forEach(btn => {
btn.onclick = (e) => {
const tag = e.currentTarget.getAttribute('data-var');
let targetTextarea = document.getElementById('tfurtfdsqf');
const editModal = document.getElementById('a8jzwb130u');
if (editModal && editModal.style.display === 'flex') {
targetTextarea = document.getElementById('y6sf67114z');
}
if (targetTextarea) {
const start = targetTextarea.selectionStart;
const end = targetTextarea.selectionEnd;
targetTextarea.value = targetTextarea.value.substring(0, start) + tag + targetTextarea.value.substring(end);
targetTextarea.focus();
targetTextarea.selectionEnd = start + tag.length;
}
};
});
// 4. ربط أزرار وسوم رسائل المتابعة
document.querySelectorAll('.nura0m8mnt, .x8g5p7tdh7').forEach(btn => {
btn.onclick = (e) => {
const tag = e.currentTarget.getAttribute('data-tag');
let targetTextarea = document.getElementById('smpimntnov');
const editModal = document.getElementById('a8jzwb130u');
if (editModal && editModal.style.display === 'flex') {
targetTextarea = document.getElementById('q9xi99sflx');
}
if (targetTextarea) {
const start = targetTextarea.selectionStart;
const end = targetTextarea.selectionEnd;
targetTextarea.value = targetTextarea.value.substring(0, start) + tag + targetTextarea.value.substring(end);
targetTextarea.focus();
targetTextarea.selectionEnd = start + tag.length;
}
};
});
// 5. ربط مناطق رفع الصور
const addDropzone = document.getElementById('tr3maazuat');
const addFileInput = document.getElementById('hrl56oubz6');
if (addDropzone && addFileInput) {
addDropzone.onclick = () => addFileInput.click();
addFileInput.onchange = (e) => { if (e.target.files.length > 0) handleAddPrevPostFiles(e.target.files); };
}
const editDropzone = document.getElementById('jzc6fmhhs8');
const editFileInput = document.getElementById('s0jxf1x6ev');
if (editDropzone && editFileInput) {
editDropzone.onclick = () => editFileInput.click();
editFileInput.onchange = (e) => { if (e.target.files.length > 0) handleEditPrevPostFiles(e.target.files); };
}
};
/**
* تهيئة وحدة تحكم إنشاء وتعديل المنشورات
*/
const initCreator = () => {
bindCreatorEventListeners();
return true;
};
global.FritreeRotationCreator = {
init: initCreator,
openAddModal: openAddPrevPostModal,
openEditModal: openEditPrevPostModal,
openEditGroupModal: (groupId = null, preselectedPostIds = []) => {
if (global.FritreeRotationGroups && typeof global.FritreeRotationGroups.openModal === 'function') {
global.FritreeRotationGroups.openModal(groupId, preselectedPostIds);
}
},
saveEditedPost: saveEditedPreviousPost
};
if (typeof document !== 'undefined') {
if (document.readyState === 'complete' || document.readyState === 'interactive') {
global.FritreeRotationCreator.init();
} else {
document.addEventListener('DOMContentLoaded', () => global.FritreeRotationCreator.init());
}
}
})(typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : this);
/**
* @fileoverview Content Rotation Post Creator & Modal Editor Controller
* @module controllers/rotation-creator-controller
* @description وحدة التحكم في إنشاء وتعديل منشورات مكتبة التدوير، إدارة المرفقات، وربط رسائل المتابعة التلقائية.
*/
(global => {
'use strict';
const state = global.FritreeRotationState;
/**
* بناء نافذة إضافة منشور جديد لمكتبة التدوير بالـ DOM
*/
const appendAddModalLayout = () => {
let modal = document.getElementById('s74nhbmzs5');
if (modal) return;
modal = document.createElement('div');
modal.className = 'cpzxome5dd';
modal.id = 's74nhbmzs5';
modal.style.cssText = 'position: fixed; top: 0; left: 0; width: 100%; height: 100%; backdrop-filter: blur(8px); display: none; align-items: center; justify-content: center; z-index: var(--z-modal-backdrop); background-color: rgba(15, 23, 42, 0.65); direction: rtl; text-align: right; box-sizing: border-box;';
modal.innerHTML = `
<div class="s4yvtq9394" style="max-width: min(960px, 95vw); max-height: min(92vh, 900px); border-radius: var(--radius-xl); border: 1px solid var(--border); box-shadow: var(--shadow-modal); background: var(--bg-card);">
<div class="x8pdlyq70a" style="border-bottom: 1px solid var(--border); padding: 14px 20px; display: flex; justify-content: space-between; align-items: center; background: var(--bg-subtle);">
<div class="tooau3ykdi" style="font-weight: 800; font-size: 14px; display: flex; align-items: center; gap: 8px;">
<i class="fa-solid fa-plus-circle" style="color: #0d9488;"></i>
<span>إضافة منشور جديد للمكتبة وتجهيزه للتدوير</span>
</div>
<button class="bcuz086hu4" id="anctu5etze">×</button>
</div>
<div class="zn6t0dl6ke" style="max-height: 80vh; overflow-y: auto; padding: clamp(14px, 1.6vw, 22px); gap: var(--space-md);">
<div class="xd506q5mar" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(clamp(280px, 30vw, 1fr), 1fr)); gap: 12px; margin-bottom: 0;">
<!-- العمود الأول: نص المنشور والـ Spintax -->
<div class="d5tp7way8h" style="height: 100%; display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 14px; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--bg-card); box-sizing: border-box;">
<div class="cm41ch7urz" style="margin-bottom: 2px; font-size: 13px;">
<span><i class="fa-solid fa-file-pen" style="color: var(--primary);"></i> <span>محتوى ونص المنشور</span></span>
</div>
<div class="d0uttwsjz2" style="margin: 0;">
<label style="font-weight: 700; font-size: 11.5px;"><i class="fa-solid fa-heading"></i> <span>اسم أو عنوان المنشور للتوضيح:</span></label>
<input type="text" id="wlunjizubf" class="xy26ymifmf" placeholder="مثال: منشور عروض الصيف العقارية">
</div>
<!-- فاحص الـ Spintax ومعاينة التمويه -->
<div class="suxidgikgm" style="margin-bottom: 0;">
<div class="dcaynff6el" style="margin-bottom: 4px;">
<span class="ipbz1xlmff" style="font-size: 11px; font-weight: 700;"><i class="fa-solid fa-wand-magic-sparkles" style="color: #8b5cf6;"></i> <span>محرك فحص الـ Spintax</span></span>
<div style="display: flex; gap: 4px;">
<button type="button" id="ukgv00a6ew" class="ipxi2jz4g0" style="padding: 3px 8px; font-size: 10px; height: auto;"><i class="fa-solid fa-microchip"></i> <span>فحص الجودة</span></button>
<button type="button" id="q1oy8rpm26" class="ipxi2jz4g0" style="padding: 3px 8px; font-size: 10px; height: auto;"><i class="fa-solid fa-mask"></i> <span>معاينة التمويه</span></button>
</div>
</div>
<div style="font-size: 10.5px; font-weight: 700; color: var(--text-muted);" id="pvd3acinzt">
<i class="fa-solid fa-circle-question"></i> <span>اكتب نصك واستخدم الأقواس {} وافحص جودة التوليد والتمويه...</span>
</div>
<div id="w2d0q5j0yl" style="display:none; margin-top: 8px; padding: 10px; border: 1px dashed var(--border-strong); border-radius: var(--radius-md); font-size: 11px; direction: rtl; text-align: right; background: var(--bg-subtle);">
<strong style="display: block; margin-bottom: 4px; color: var(--text-main);"><i class="fa-solid fa-eye"></i> <span>النص بعد التمويه وحقن البيانات الحقيقية:</span></strong>
<div id="p1yahnikb8" style="white-space: pre-wrap; color: var(--text-secondary); background: var(--bg-card); padding: 8px 10px; border-radius: var(--radius-sm); border: 1px solid var(--border); max-height: 100px; overflow-y: auto; font-size: 11.5px; line-height: 1.5;"></div>
<span style="font-size: 9.5px; margin-top: 4px; display: block; color: var(--text-muted);"><i class="fa-solid fa-info-circle"></i> <span>يتم تطبيق الحروف المتجانسة والفواصل الصفرية لحماية منشورك.</span></span>
</div>
</div>
<div class="d0uttwsjz2" style="flex: 1; margin: 0; display: flex; flex-direction: column;">
<label style="font-weight: 700; margin-bottom: 4px; font-size: 11.5px;"><i class="fa-solid fa-message"></i> <span>محتوى المنشور الأصلي:</span></label>
<textarea id="tfurtfdsqf" class="f0ngq4vbzj" style="flex: 1; height: 130px; min-height: 100px;" placeholder="اكتب نص منشورك هنا... جرب استخدام الأقواس مثل: {عرض خاص|خصم كبير} والمتغيرات مثل {{USER_NAME}} أو {{USER_PHONE}} أو {{WA_LINK}}..."></textarea>
</div>
<!-- أشرطة إدراج المتغيرات السريعة -->
<div style="display: flex; gap: 4px; flex-wrap: wrap; align-items: center; border: 1px solid var(--border); padding: 6px 8px; border-radius: var(--radius-md); background: var(--bg-subtle);">
<span style="font-size: 10px; font-weight: 700; color: var(--text-muted);"><i class="fa-solid fa-plus-circle"></i> <span>المتغيرات:</span></span>
<button type="button" class="ipxi2jz4g0 ynnugi2j1w" data-var="{{USER_NAME}}" style="padding: 2px 6px; font-size: 9.5px; height: auto; font-weight: 700;"><i class="fa-solid fa-user"></i> <span>الاسم</span></button>
<button type="button" class="ipxi2jz4g0 ynnugi2j1w" data-var="{{USER_PHONE}}" style="padding: 2px 6px; font-size: 9.5px; height: auto; font-weight: 700;"><i class="fa-solid fa-phone"></i> <span>الموبايل</span></button>
<button type="button" class="ipxi2jz4g0 ynnugi2j1w" data-var="{{WA_LINK}}" style="padding: 2px 6px; font-size: 9.5px; height: auto; font-weight: 700;"><i class="fa-brands fa-whatsapp"></i> <span>رابط الواتساب</span></button>
<button type="button" class="ipxi2jz4g0 ynnugi2j1w" data-var="{{RAN_T(5)}}" style="padding: 2px 6px; font-size: 9.5px; height: auto;"><i class="fa-solid fa-font"></i> <span>نص عشوائي</span></button>
<button type="button" class="ipxi2jz4g0 ynnugi2j1w" data-var="{{RAN_D(6)}}" style="padding: 2px 6px; font-size: 9.5px; height: auto;"><i class="fa-solid fa-hashtag"></i> <span>أرقام</span></button>
<button type="button" class="ipxi2jz4g0 ynnugi2j1w" data-var="{{GROUP_NAME}}" style="padding: 2px 6px; font-size: 9.5px; height: auto;"><i class="fa-solid fa-users"></i> <span>اسم الجروب</span></button>
</div>
<div style="display: grid; grid-template-columns: 2fr 1fr; gap: 8px; align-items: center;">
<div class="d0uttwsjz2" style="margin: 0;">
<label style="font-weight: 700; font-size: 11px;"><i class="fa-solid fa-font"></i> <span>النص البديل (احتياطي):</span></label>
<input type="text" id="ttzd830v71" class="xy26ymifmf" style="padding: 6px 10px;" placeholder="اكتب النص البديل هنا...">
</div>
<div class="d0uttwsjz2" style="margin: 0;">
<label style="font-weight: 700; font-size: 11px;"><i class="fa-solid fa-arrow-up-9-1"></i> <span>الأولوية (1-100):</span></label>
<input type="number" id="dpfsbbscb8" value="50" min="1" max="100" class="xy26ymifmf" style="padding: 6px 8px; text-align: center; font-weight: 700;">
</div>
</div>
</div>
<!-- العمود الثاني: إعدادات النشر ومتابعات الواتساب -->
<div class="d5tp7way8h" style="height: 100%; display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 14px; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--bg-card); box-sizing: border-box;">
<div class="cm41ch7urz" style="margin-bottom: 2px; font-size: 13px;">
<span><i class="fa-solid fa-gears" style="color: var(--primary);"></i> <span>إعدادات الفلاتر ومواعيد النشر</span></span>
</div>
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 8px;">
<div class="d0uttwsjz2" style="margin: 0;">