<?php
/**
 * Plugin Name: Platonia Dev - Chatbot Tester
 * Description: چت‌بات ساده برای تست Gateway افزونه Platonia Dev. برای GPTها از chat/completions و برای مدل‌های reasoning مثل o1/o3 و gpt-5 از responses استفاده می‌کند.
 * Version: 1.2.0
 * Author: Platonia
 * Text Domain: platonia-dev-chatbot
 */




if (!defined('ABSPATH')) exit;




class Platonia_Dev_Chatbot_Tester {
    public static function init() {
        add_shortcode('platonia_dev_chatbot', [__CLASS__, 'render_chatbot']);
    }




    public static function render_chatbot($atts = []) {
        $atts = shortcode_atts([
            'endpoint'       => 'https://platonia.co/wp-json/platonia-dev/v1/proxy',
            'model'          => 'gpt-4o-mini',
            'system_prompt'  => 'You are a helpful assistant. پاسخ‌ها را تا حد امکان به زبان فارسی ارائه بده.',
            'temperature'    => '0.5',
        ], $atts, 'platonia_dev_chatbot');




        $container_id = 'pdc_' . wp_generate_uuid4();
        $endpoint = esc_url_raw($atts['endpoint']);




        ob_start();
        ?>




        <style>
            #<?php echo esc_attr($container_id); ?> .pdc-box { border: 1px solid #ddd; border-radius: 8px; max-width: 720px; margin: 10px 0 20px; font-family: sans-serif; }
            #<?php echo esc_attr($container_id); ?> .pdc-header { padding: 10px 12px; border-bottom: 1px solid #eee; background: #f9f9f9; display: flex; align-items: center; justify-content: space-between; }
            #<?php echo esc_attr($container_id); ?> .pdc-body { padding: 12px; max-height: 520px; overflow-y: auto; background: #fff; }
            #<?php echo esc_attr($container_id); ?> .pdc-controls { padding: 12px; border-top: 1px solid #eee; background: #fafafa; }
            #<?php echo esc_attr($container_id); ?> .pdc-row { display: flex; gap: 8px; align-items: center; margin-bottom: 8px; flex-wrap: wrap; }
            #<?php echo esc_attr($container_id); ?> .pdc-row label { font-size: 12px; color: #555; }
            #<?php echo esc_attr($container_id); ?> .pdc-input, #<?php echo esc_attr($container_id); ?> .pdc-select { padding: 6px 8px; border: 1px solid #ccc; border-radius: 4px; }
            #<?php echo esc_attr($container_id); ?> .pdc-input { width: 100%; max-width: 380px; }
            #<?php echo esc_attr($container_id); ?> .pdc-select { width: auto; }
            #<?php echo esc_attr($container_id); ?> .pdc-messages { display: flex; flex-direction: column; gap: 10px; }
            #<?php echo esc_attr($container_id); ?> .pdc-msg { padding: 10px 12px; border-radius: 10px; max-width: 80%; line-height: 1.5; white-space: pre-wrap; }
            #<?php echo esc_attr($container_id); ?> .pdc-msg.user { margin-left: auto; background: #e6f2ff; border: 1px solid #cfe6ff; }
            #<?php echo esc_attr($container_id); ?> .pdc-msg.assistant { margin-right: auto; background: #f3f3f3; border: 1px solid #e5e5e5; }
            #<?php echo esc_attr($container_id); ?> .pdc-footer { display: flex; gap: 8px; align-items: center; margin-top: 8px; }
            #<?php echo esc_attr($container_id); ?> .pdc-textarea { width: 100%; min-height: 60px; padding: 8px; border-radius: 6px; border: 1px solid #ccc; resize: vertical; }
            #<?php echo esc_attr($container_id); ?> .pdc-btn { padding: 8px 12px; background: #2271b1; color: #fff; border: none; border-radius: 6px; cursor: pointer; }
            #<?php echo esc_attr($container_id); ?> .pdc-btn:disabled { background: #9bbcdf; cursor: not-allowed; }
            #<?php echo esc_attr($container_id); ?> .pdc-status { font-size: 12px; color: #666; margin-left: 6px; }
            #<?php echo esc_attr($container_id); ?> .pdc-error { color: #b71c1c; background: #fdecea; border: 1px solid #f5c6cb; padding: 8px 10px; border-radius: 6px; }
            #<?php echo esc_attr($container_id); ?> .pdc-keyhint { font-size: 12px; color: #777; }
        </style>




        <div id="<?php echo esc_attr($container_id); ?>">
            <div class="pdc-box">
                <div class="pdc-header">
                    <strong>Platonia Dev - Chatbot Tester</strong>
                    <span class="pdc-status" id="<?php echo esc_attr($container_id); ?>_status">آماده</span>
                </div>
                <div class="pdc-controls">
                    <div class="pdc-row">
                        <label>کلید API کاربر:</label>
                        <input class="pdc-input" type="password" placeholder="pltn_..." id="<?php echo esc_attr($container_id); ?>_apikey" />
                        <button class="pdc-btn" id="<?php echo esc_attr($container_id); ?>_savekey">ذخیره در مرورگر</button>
                        <button class="pdc-btn" id="<?php echo esc_attr($container_id); ?>_clearkey" style="background:#888;">حذف کلید ذخیره‌شده</button>
                    </div>
                    <div class="pdc-row">
                        <label>مدل:</label>
                        <select class="pdc-select" id="<?php echo esc_attr($container_id); ?>_model">
                            <option value="gpt-4o-mini" selected>gpt-4o-mini</option>
                            <option value="gpt-4o">gpt-4o</option>
                            <option value="gpt-4.1-mini">gpt-4.1-mini</option>
                            <option value="gpt-4.1">gpt-4.1</option>                                                  
                            <option value="o1-mini">o1-mini</option>                            
                            <option value="o3-mini">o3-mini</option>
                        </select>
                        <label>Temperature:</label>
                        <input class="pdc-input" style="max-width:80px" type="number" step="0.1" min="0" max="2" id="<?php echo esc_attr($container_id); ?>_temp" value="<?php echo esc_attr($atts['temperature']); ?>" />
                    </div>
                    <div class="pdc-row">
                        <span class="pdc-keyhint">کلید باید همان کلید اختصاصی Platonia Dev باشد. در LocalStorage مرورگر ذخیره می‌شود.</span>
                    </div>
                </div>
                <div class="pdc-body">
                    <div class="pdc-messages" id="<?php echo esc_attr($container_id); ?>_messages"></div>
                </div>
                <div class="pdc-controls">
                    <div id="<?php echo esc_attr($container_id); ?>_error" class="pdc-error" style="display:none;"></div>
                    <div class="pdc-footer">
                        <textarea class="pdc-textarea" id="<?php echo esc_attr($container_id); ?>_input" placeholder="پیام خود را بنویسید..."></textarea>
                        <button class="pdc-btn" id="<?php echo esc_attr($container_id); ?>_send">ارسال</button>
                    </div>
                </div>
            </div>
        </div>




        <script>
        (function(){
            const cId = <?php echo wp_json_encode($container_id); ?>;
            const endpoint = <?php echo wp_json_encode($endpoint); ?>;
            const defaultModel = <?php echo wp_json_encode($atts['model']); ?>;
            const systemPromptDefault = <?php echo wp_json_encode($atts['system_prompt']); ?>;




            const el = (id) => document.getElementById(id);
            const apikeyInput = el(cId + '_apikey');
            const saveKeyBtn = el(cId + '_savekey');
            const clearKeyBtn = el(cId + '_clearkey');
            const modelSel = el(cId + '_model');
            const tempInput = el(cId + '_temp');
            const msgList = el(cId + '_messages');
            const statusEl = el(cId + '_status');
            const errorEl = el(cId + '_error');
            const inputEl = el(cId + '_input');
            const sendBtn = el(cId + '_send');




            const LS_KEY = 'pdc_user_api_key';




            try { const saved = localStorage.getItem(LS_KEY); if (saved) apikeyInput.value = saved; } catch (e) {}
            modelSel.value = defaultModel;




            const conversation = [
                { role: 'system', content: systemPromptDefault }
            ];




            function setStatus(text) { statusEl.textContent = text; }
            function showError(msg) { errorEl.style.display = 'block'; errorEl.textContent = msg || 'خطای نامشخص'; }
            function hideError() { errorEl.style.display = 'none'; errorEl.textContent = ''; }
            function appendMessage(role, content) {
                const wrap = document.createElement('div');
                wrap.className = 'pdc-msg ' + (role === 'user' ? 'user' : 'assistant');
                wrap.textContent = content;
                msgList.appendChild(wrap);
                msgList.scrollTop = msgList.scrollHeight;
            }
            function sanitizeModel(m) { return String(m || '').trim() || 'gpt-4o-mini'; }
            function isValidUserKey(k) {
                const s = String(k || '').trim();
                return s.startsWith('pltn_') && s.length >= 12 && !/^https?:\/\//i.test(s);
            }




            // الگوی مدل‌هایی که باید از Responses API استفاده کنند: o1، o3 و gpt-5
            function isResponsesModel(model) {
                const m = String(model || '').toLowerCase();
                return /^(o1|o3)(?:-|$)/.test(m) || /^gpt-5(?:-|$)/.test(m);
            }
            function isO1O3(model) {
                const m = String(model || '').toLowerCase();
                return /^(o1|o3)(?:-|$)/.test(m);
            }
            function isGpt5(model) {
                return /^gpt-5(?:-|$)/i.test(String(model || ''));
            }




            // نمایش/غیرفعال‌سازی فیلد Temperature برای مدل‌های responses
            function updateTemperatureField() {
                const resp = isResponsesModel(modelSel.value);
                tempInput.disabled = resp;
                tempInput.title = resp ? 'این مدل از temperature پشتیبانی نمی‌کند.' : '';
            }




            // instructions از پیام‌های system
            function extractSystemInstructions(conv) {
                return conv.filter(m => m.role === 'system').map(m => String(m.content || '')).filter(Boolean).join('\n');
            }
            function stripSystem(conv) { return conv.filter(m => m.role !== 'system'); }




            // برای responses: ورودی تجمیع‌شده user با input_text
            function toResponsesInput(convNoSystem) {
                const lines = convNoSystem.map(m => {
                    const prefix = m.role === 'assistant' ? 'Assistant: ' : 'User: ';
                    return prefix + String(m.content || '');
                }).join('\n\n');
                return [{
                    role: 'user',
                    content: [{ type: 'input_text', text: lines }]
                }];
            }




            // ساخت payload
            function buildRequest(model, conversationAll, temperature) {
                const m = sanitizeModel(model);
                if (isResponsesModel(m)) {
                    const instructions = extractSystemInstructions(conversationAll);
                    const convNoSystem = stripSystem(conversationAll);
                    const req = {
                        openai_path: 'responses',
                        model: m,
                        input: toResponsesInput(convNoSystem),
                        max_output_tokens: 800
                    };
                    // برای o1/o3 می‌توان reasoning تنظیم کرد؛ برای gpt-5 فعلاً ارسال نمی‌کنیم
                    if (isO1O3(m)) req.reasoning = { effort: 'medium' };
                    if (instructions) req.instructions = instructions;
                    return req;
                } else {
                    return {
                        openai_path: 'chat/completions',
                        model: m,
                        messages: conversationAll,
                        temperature: temperature
                    };
                }
            }




            // استخراج متن پاسخ
            function extractAssistantText(data) {
                // chat/completions
                if (data && Array.isArray(data.choices) && data.choices.length) {
                    const ch = data.choices[0];
                    if (ch.message && ch.message.content) return ch.message.content;
                    if (ch.text) return ch.text;
                }
                // responses: output_text
                if (data && typeof data.output_text === 'string' && data.output_text.trim() !== '') {
                    return data.output_text;
                }
                // responses: قطعه‌ای
                if (data && Array.isArray(data.output)) {
                    const pieces = [];
                    data.output.forEach(out => {
                        if (out && Array.isArray(out.content)) {
                            out.content.forEach(seg => {
                                if (!seg || typeof seg !== 'object') return;
                                if (seg.type === 'output_text' && typeof seg.text === 'string') pieces.push(seg.text);
                                else if (seg.type === 'summary_text' && typeof seg.text === 'string') pieces.push(seg.text);
                                else if (typeof seg.text === 'string') pieces.push(seg.text);
                            });
                        }
                    });
                    if (pieces.length) return pieces.join('\n');
                }
                // برخی پاسخ‌ها ممکن است message.content داشته باشند
                if (data && data.message && Array.isArray(data.message.content)) {
                    const parts = data.message.content.map(seg => seg && (seg.text || seg.output_text || '')).filter(Boolean);
                    if (parts.length) return parts.join('\n');
                }
                return '[پاسخ نامشخص]';
            }




            function getErrorMessage(data) {
                if (!data) return 'خطای نامشخص';
                if (typeof data.error === 'string') return data.error;
                if (data.error && typeof data.error === 'object') return data.error.message || JSON.stringify(data.error);
                if (data.message) return data.message;
                try { return JSON.stringify(data); } catch(e) { return 'خطای نامشخص'; }
            }




            async function sendMessage() {
                hideError();




                const key = (apikeyInput.value || '').trim();
                if (!isValidUserKey(key)) {
                    showError('کلید API معتبر نیست. باید با pltn_ شروع شود و URL نباشد.');
                    return;
                }




                const userText = (inputEl.value || '').trim();
                if (!userText) return;




                appendMessage('user', userText);
                conversation.push({ role: 'user', content: userText });
                inputEl.value = '';




                const model = sanitizeModel(modelSel.value);
                const temp = parseFloat(tempInput.value || '0.5') || 0.5;




                const payload = buildRequest(model, conversation, temp);




                sendBtn.disabled = true;
                setStatus('ارسال درخواست...');




                try {
                    const res = await fetch(endpoint, {
                        method: 'POST',
                        mode: 'cors',
                        credentials: 'omit',
                        headers: {
                            'Content-Type': 'application/json',
                            'Authorization': 'Bearer ' + key
                        },
                        body: JSON.stringify(payload)
                    });




                    const tokensUsed = res.headers.get('X-Tokens-Used') || '';
                    const elapsed = res.headers.get('X-Elapsed-ms') || '';




                    let data = null;
                    try { data = await res.json(); } catch(e) { data = null; }




                    if (!res.ok) {
                        const msg = getErrorMessage(data);
                        showError(msg);
                        setStatus('خطا' + (elapsed ? ' • ' + elapsed + 'ms' : ''));
                        return;
                    }




                    const assistantText = extractAssistantText(data);
                    appendMessage('assistant', assistantText);
                    conversation.push({ role: 'assistant', content: assistantText });




                    let st = 'موفق';
                    if (tokensUsed) st += ' • ' + tokensUsed + ' tokens';
                    if (elapsed) st += ' • ' + elapsed + 'ms';
                    setStatus(st);




                } catch (err) {
                    showError('خطای شبکه یا CORS: ' + (err && err.message ? err.message : String(err)));
                    setStatus('خطا');
                } finally {
                    sendBtn.disabled = false;
                }
            }




            // رویدادها
            sendBtn.addEventListener('click', sendMessage);
            inputEl.addEventListener('keydown', (e) => {
                if ((e.ctrlKey || e.metaKey) && e.key === 'Enter') sendMessage();
            });
            saveKeyBtn.addEventListener('click', function(){
                const key = (apikeyInput.value || '').trim();
                if (!isValidUserKey(key)) { alert('کلید API معتبر نیست.'); return; }
                try { localStorage.setItem(LS_KEY, key); alert('کلید ذخیره شد.'); } catch(e) { alert('عدم امکان ذخیره‌سازی LocalStorage'); }
            });
            clearKeyBtn.addEventListener('click', function(){
                try { localStorage.removeItem(LS_KEY); } catch(e) {}
                apikeyInput.value = '';
                alert('کلید پاک شد.');
            });




            // مدیریت temperature بر اساس مدل انتخاب‌شده
            modelSel.addEventListener('change', updateTemperatureField);
            updateTemperatureField();




            appendMessage('assistant', 'سلام! کلید API را وارد کنید. برای مدل‌های o1/o3 و gpt-5 از API responses استفاده می‌شود و temperature ارسال نمی‌گردد.');
        })();
        </script>




        <?php
        return ob_get_clean();
    }
}




Platonia_Dev_Chatbot_Tester::init();