<?php

function ai_writer_admin_page() {
?>
<div class="wrap">
    <h1>AI VPS Writer PRO</h1>

    <input type="text" id="topic" placeholder="Topic" style="width:400px;"><br><br>

    <textarea id="instructions" placeholder="Instructions (how AI should write)" style="width:400px;height:120px;"></textarea><br><br>

    <input type="text" id="keywords" placeholder="SEO Keywords" style="width:400px;"><br><br>

   <?php
$categories = get_categories(['hide_empty' => false]);
?>

<select id="category">
    <option value="">-- Select Category --</option>
    <?php foreach ($categories as $cat): ?>
<option value="<?php echo esc_attr($cat->slug); ?>">
    <?php echo esc_html($cat->name); ?>
        </option>
    <?php endforeach; ?>
</select><br><br>

    <input type="number" id="daily_posts" placeholder="Posts per day" style="width:200px;"><br><br>

    <select id="status">
        <option value="draft">Draft</option>
        <option value="publish">Publish</option>
    </select><br><br>

    <button onclick="generateArticle()">Generate Article</button>

<hr>
<h2>Generated Posts</h2>

<?php
$logs = get_option('ai_writer_logs', []);
$logs = array_reverse($logs);

if (!empty($logs)) :
?>

<table style="width:100%;background:#fff;">
    <tr>
        <th>Time</th>
        <th>Title</th>
        <th>Status</th>
        <th>Link</th>
    </tr>

    <?php foreach ($logs as $log): ?>
        <tr>
            <td><?php echo esc_html($log['time']); ?></td>
            <td><?php echo esc_html($log['title']); ?></td>
            <td><?php echo esc_html($log['status']); ?></td>
            <td><a href="<?php echo esc_url($log['url']); ?>" target="_blank">View</a></td>
        </tr>
    <?php endforeach; ?>
</table>

<?php else: ?>
<p>No posts generated yet.</p>
<?php endif; ?>

    <pre id="result" style="margin-top:20px;white-space:pre-wrap;background:#111;color:#0f0;padding:10px;"></pre>
</div>

<script>
async function generateArticle() {

    const resultBox = document.getElementById('result');
    const btn = document.querySelector("button");

    btn.disabled = true;
    btn.innerText = "Generating...";

    resultBox.style.background = "#111";
    resultBox.style.color = "#0f0";
    resultBox.innerText = "Generating articles. Please wait...";

    const payload = {
        topic: document.getElementById('topic').value || "",
        instructions: document.getElementById('instructions').value || "",
        keywords: document.getElementById('keywords').value || "",
        category: document.getElementById('category').value || "",
        status: document.getElementById('status').value || "draft",
        daily_posts: parseInt(document.getElementById('daily_posts').value || 1)
    };

    try {

        const res = await fetch(ajaxurl + '?action=ai_generate', {
            method: "POST",
            headers: {"Content-Type": "application/json"},
            body: JSON.stringify(payload)
        });

        const data = await res.json();

        console.log(data);

        if (!data.success) {
            resultBox.innerText = "Error: " + (data.error || "Unknown error");
            return;
        }

        let output = "SUCCESS\n\n";
        output += "Posts created: " + data.count + "\n\n";

        if (data.post_ids && data.post_ids.length) {
            output += "Links:\n";

            data.post_ids.forEach(id => {
                output += window.location.origin + "/?p=" + id + "\n";
            });
        }

        resultBox.innerText = output;

    } catch (e) {
        resultBox.innerText = "Request failed: " + e.message;
    }

    btn.disabled = false;
    btn.innerText = "Generate Article";
}
</script>
<?php
}믯㲿砿汭瘠牥楳湯∽⸱∰攠据摯湩㵧唢䙔㠭㼢㰾獲⁳敶獲潩㵮㈢〮ਢ砉汭獮挺湯整瑮∽瑨灴⼺瀯牵⹬牯⽧獲⽳⸱⼰潭畤敬⽳潣瑮湥⽴ਢ砉汭獮眺睦∽瑨灴⼺眯汥晬牯敭睤扥漮杲䌯浯敭瑮偁⽉ਢ砉汭獮携㵣栢瑴㩰⼯異汲漮杲搯⽣汥浥湥獴ㄯㄮ∯ऊ浸湬㩳瑡浯∽瑨灴⼺眯睷眮⸳牯⽧〲㔰䄯潴≭ऊ浸湬㩳祳∽瑨灴⼺瀯牵⹬牯⽧獲⽳⸱⼰潭畤敬⽳祳摮捩瑡潩⽮ਢ砉汭獮猺慬桳∽瑨灴⼺瀯牵⹬牯⽧獲⽳⸱⼰潭畤敬⽳汳獡⽨ਢ㸉ਊ挼慨湮汥ਾ㰉楴汴㹥潣灭敬整簠嘠楯散捳潬摵⼼楴汴㹥ऊ愼潴㩭楬歮栠敲㵦栢瑴獰⼺眯睷瘮楯散捳潬摵挮浯琯条振浯汰瑥⽥敦摥∯爠汥∽敳晬•祴数∽灡汰捩瑡潩⽮獲⭳浸≬⼠ਾ㰉楬歮㰾氯湩㹫ऊ搼獥牣灩楴湯䜾潬慢⁬潖捩⁥癏牥匠牥楶散㱳搯獥牣灩楴湯ਾ㰉慬瑳畂汩䑤瑡㹥牆Ⱪ㈠‹慍⁹〲㘲ㄠ㨳㠵〺‴〫〰㰰氯獡䉴極摬慄整ਾ㰉慬杮慵敧放⵮单⼼慬杮慵敧ਾ㰉祳町摰瑡健牥潩㹤ऊ潨牵祬㰉猯㩹灵慤整敐楲摯ਾ㰉祳町摰瑡䙥敲畱湥祣ਾㄉ㰉猯㩹灵慤整牆煥敵据㹹ऊ朼湥牥瑡牯栾瑴獰⼺眯牯灤敲獳漮杲㼯㵶⸷㰰术湥牥瑡牯ਾ㰊浩条㹥ऊ甼汲栾瑴獰⼺眯睷瘮楯散捳潬摵挮浯眯⵰潣瑮湥⽴灵潬摡⽳〲ㄲ〯⼴牣灯数ⵤㄵ砲ㄵⴲⴱ㈳㍸⸲湰㱧甯汲ਾ㰉楴汴㹥潣灭敬整簠嘠楯散捳潬摵⼼楴汴㹥ऊ氼湩㹫⼼楬歮ਾ㰉楷瑤㹨㈳⼼楷瑤㹨ऊ格楥桧㹴㈳⼼敨杩瑨ਾ⼼浩条㹥ਠ⼼档湡敮㹬㰊爯獳ਾ