/**
 * ChatTechnicianSection.js — پنل چت اختصاصی کارشناس میدانی در ERP
 */
import TechnicianQueueChatSection from "../../shared/TechnicianQueueChatSection.js";

export default class ChatTechnicianSection extends TechnicianQueueChatSection {

    getTitle() {
        return "💬 چت مشتریان من";
    }

    getHeaderHtml() {
        return `
        <div class="acc-card" style="padding:14px 16px;margin-bottom:14px;background:linear-gradient(135deg,#eff6ff,#f0fdf4);border:1px solid #bfdbfe;border-radius:12px;">
            <div style="font-size:14px;font-weight:700;color:#1e40af;margin-bottom:8px;">👷 راهنمای ورود کارشناس به چت</div>
            <ol style="margin:0;padding-right:20px;font-size:12px;color:#334155;line-height:1.9;">
                <li><b>از ویجت سایت:</b> تب <b>👷 کارشناس</b> → ورود با حساب ERP → صف کار + چت مشتری</li>
                <li><b>از ERP:</b> منوی <b>💬 چت و پشتیبانی</b> → <b>چت مشتریان من</b></li>
                <li>پس از Dispatch، پرونده‌های تخصیص‌یافته در لیست ظاهر می‌شوند</li>
                <li>پاسخ شما در <b>همان thread ویجت مشتری</b> نمایش داده می‌شود</li>
            </ol>
            <div style="margin-top:10px;font-size:11px;color:#64748b;">
                تست: <code dir="ltr">svc_tech1_demo</code> / <code dir="ltr">Demo@2026</code>
            </div>
        </div>`;
    }
}
