<?php defined( 'ABSPATH' ) || exit; ?>
<div class="wrap naseo-wrap naseo-help">

    <h1>📖 <?php esc_html_e( 'Інструкція', 'nemynai-seo-autopilot' ); ?></h1>
    <p class="description"><?php esc_html_e( 'Тут все що потрібно знати для початку роботи з плагіном.', 'nemynai-seo-autopilot' ); ?></p>

    <!-- Кроки початку роботи -->
    <div class="naseo-card">
        <h2>🚀 <?php esc_html_e( 'Початок роботи — 3 кроки', 'nemynai-seo-autopilot' ); ?></h2>

        <div class="naseo-steps">

            <div class="naseo-step">
                <div class="naseo-step__num">1</div>
                <div class="naseo-step__body">
                    <h3><?php esc_html_e( 'Отримайте API ключі', 'nemynai-seo-autopilot' ); ?></h3>
                    <p><strong>Claude API</strong> — для генерації тексту:</p>
                    <ol>
                        <li><?php esc_html_e( 'Зареєструйтесь на', 'nemynai-seo-autopilot' ); ?> <a href="https://console.anthropic.com" target="_blank">console.anthropic.com</a></li>
                        <li><?php esc_html_e( 'Перейдіть в', 'nemynai-seo-autopilot' ); ?> <a href="https://console.anthropic.com/settings/keys" target="_blank">Settings → API Keys</a></li>
                        <li><?php esc_html_e( 'Натисніть "Create Key" → скопіюйте ключ (починається з', 'nemynai-seo-autopilot' ); ?> <code>sk-ant-</code>)</li>
                        <li><?php esc_html_e( 'Поповніть баланс від $5 (≈ 50–100 статей)', 'nemynai-seo-autopilot' ); ?></li>
                    </ol>
                    <p style="margin-top:12px;"><strong>Pexels API</strong> — для фото (безкоштовно):</p>
                    <ol>
                        <li><?php esc_html_e( 'Зареєструйтесь на', 'nemynai-seo-autopilot' ); ?> <a href="https://www.pexels.com/api/" target="_blank">pexels.com/api</a></li>
                        <li><?php esc_html_e( 'Натисніть "Get Started" → скопіюйте ключ', 'nemynai-seo-autopilot' ); ?></li>
                    </ol>
                </div>
            </div>

            <div class="naseo-step">
                <div class="naseo-step__num">2</div>
                <div class="naseo-step__body">
                    <h3><?php esc_html_e( 'Введіть ключі в налаштуваннях', 'nemynai-seo-autopilot' ); ?></h3>
                    <p><?php esc_html_e( 'Перейдіть в', 'nemynai-seo-autopilot' ); ?>
                        <a href="<?php echo esc_url( admin_url( 'admin.php?page=naseo-settings' ) ); ?>">NemynAI SEO → Налаштування</a>
                        <?php esc_html_e( '→ вставте обидва ключі → натисніть "Зберегти налаштування".', 'nemynai-seo-autopilot' ); ?>
                    </p>
                    <div class="naseo-tip">
                        💡 <?php esc_html_e( 'Також оберіть мову контенту і автора публікацій.', 'nemynai-seo-autopilot' ); ?>
                    </div>
                </div>
            </div>

            <div class="naseo-step">
                <div class="naseo-step__num">3</div>
                <div class="naseo-step__body">
                    <h3><?php esc_html_e( 'Згенеруйте першу статтю', 'nemynai-seo-autopilot' ); ?></h3>
                    <p><?php esc_html_e( 'Перейдіть в', 'nemynai-seo-autopilot' ); ?>
                        <a href="<?php echo esc_url( admin_url( 'admin.php?page=naseo-generate' ) ); ?>">NemynAI SEO → Генерація</a>
                        <?php esc_html_e( '→ введіть заголовок і ключове слово → натисніть кнопку. Стаття готова за 30–60 секунд.', 'nemynai-seo-autopilot' ); ?>
                    </p>
                </div>
            </div>

        </div>
    </div>

    <!-- Free vs Pro -->
    <div class="naseo-card" style="margin-top:20px;">
        <h2>⚡ <?php esc_html_e( 'Free vs Pro', 'nemynai-seo-autopilot' ); ?></h2>
        <table class="naseo-compare-table">
            <thead>
                <tr>
                    <th><?php esc_html_e( 'Функція', 'nemynai-seo-autopilot' ); ?></th>
                    <th>Free</th>
                    <th>Pro</th>
                </tr>
            </thead>
            <tbody>
                <tr><td><?php esc_html_e( 'Генерація статей вручну', 'nemynai-seo-autopilot' ); ?></td><td class="yes">✅</td><td class="yes">✅</td></tr>
                <tr><td><?php esc_html_e( 'Pexels фото автоматично', 'nemynai-seo-autopilot' ); ?></td><td class="yes">✅</td><td class="yes">✅</td></tr>
                <tr><td><?php esc_html_e( 'SEO мета (Yoast / RankMath)', 'nemynai-seo-autopilot' ); ?></td><td class="yes">✅</td><td class="yes">✅</td></tr>
                <tr><td><?php esc_html_e( 'Кастомний промпт', 'nemynai-seo-autopilot' ); ?></td><td class="yes">✅</td><td class="yes">✅</td></tr>
                <tr><td><?php esc_html_e( 'Логи і черга публікацій', 'nemynai-seo-autopilot' ); ?></td><td class="yes">✅</td><td class="yes">✅</td></tr>
                <tr><td><?php esc_html_e( 'Імпорт контент-плану CSV', 'nemynai-seo-autopilot' ); ?></td><td class="no">❌</td><td class="yes">✅</td></tr>
                <tr><td><?php esc_html_e( 'Автопублікація щодня о 09:00', 'nemynai-seo-autopilot' ); ?></td><td class="no">❌</td><td class="yes">✅</td></tr>
                <tr><td><?php esc_html_e( 'Кнопка "Опублікувати зараз"', 'nemynai-seo-autopilot' ); ?></td><td class="no">❌</td><td class="yes">✅</td></tr>
                <tr><td><?php esc_html_e( 'Пакетна публікація (1/2/3/всі)', 'nemynai-seo-autopilot' ); ?></td><td class="no">❌</td><td class="yes">✅</td></tr>
                <tr><td><?php esc_html_e( 'OG та Twitter мета теги', 'nemynai-seo-autopilot' ); ?></td><td class="no">❌</td><td class="yes">✅</td></tr>
                <tr><td><?php esc_html_e( 'Автоматичні теги до статті', 'nemynai-seo-autopilot' ); ?></td><td class="no">❌</td><td class="yes">✅</td></tr>
            </tbody>
        </table>

        <?php if ( ! naseo_is_pro() ) : ?>
        <div style="margin-top:16px;">
            <a href="https://checkout.freemius.com/mode/dialog/plugin/31117/plan/51043/" target="_blank" class="naseo-btn naseo-btn--pro naseo-btn--large">
                ⚡ <?php esc_html_e( 'Купити Pro — €19 (one-time)', 'nemynai-seo-autopilot' ); ?>
            </a>
            <p class="description" style="margin-top:8px;"><?php esc_html_e( 'One-time платіж. Ліцензія для 1 сайту. Без підписки.', 'nemynai-seo-autopilot' ); ?></p>
        </div>
        <?php endif; ?>
    </div>

    <!-- CSV формат -->
    <div class="naseo-card" style="margin-top:20px;">
        <h2>📥 <?php esc_html_e( 'Як працює CSV автопілот (Pro)', 'nemynai-seo-autopilot' ); ?></h2>

        <p><?php esc_html_e( 'Завантажте контент-план на місяць у CSV файлі — плагін публікуватиме статті автоматично щодня о 09:00 без вашої участі.', 'nemynai-seo-autopilot' ); ?></p>

        <h3><?php esc_html_e( 'Формат файлу', 'nemynai-seo-autopilot' ); ?></h3>
        <code class="naseo-code-block">date,title,keyword,lsi_keywords,category,schedule
2025-06-01,10 найкращих місць для відпочинку в Карпатах,відпочинок в Карпатах,"гори, природа, туризм",Туризм,daily
2025-06-03,Як вибрати ноутбук для роботи вдома,ноутбук для роботи,"офісний ноутбук, продуктивність",Техніка,every2days
2025-06-07,Здорове харчування для початківців,здорове харчування,"правильне харчування, дієта, меню",Здоров'я,every4days</code>

        <h3 style="margin-top:20px;"><?php esc_html_e( 'Опис колонок', 'nemynai-seo-autopilot' ); ?></h3>
        <table class="naseo-table widefat">
            <thead><tr><th><?php esc_html_e( 'Колонка', 'nemynai-seo-autopilot' ); ?></th><th><?php esc_html_e( 'Обов\'язкова', 'nemynai-seo-autopilot' ); ?></th><th><?php esc_html_e( 'Опис', 'nemynai-seo-autopilot' ); ?></th><th><?php esc_html_e( 'Приклад', 'nemynai-seo-autopilot' ); ?></th></tr></thead>
            <tbody>
                <tr><td><code>title</code></td><td class="yes">✅</td><td><?php esc_html_e( 'Заголовок статті', 'nemynai-seo-autopilot' ); ?></td><td>10 найкращих місць в Карпатах</td></tr>
                <tr><td><code>keyword</code></td><td class="yes">✅</td><td><?php esc_html_e( 'Головне ключове слово для SEO', 'nemynai-seo-autopilot' ); ?></td><td>відпочинок в Карпатах</td></tr>
                <tr><td><code>lsi_keywords</code></td><td class="no">—</td><td><?php esc_html_e( 'Додаткові ключові слова через кому', 'nemynai-seo-autopilot' ); ?></td><td>гори, природа, туризм</td></tr>
                <tr><td><code>category</code></td><td class="no">—</td><td><?php esc_html_e( 'Категорія WordPress (створюється автоматично)', 'nemynai-seo-autopilot' ); ?></td><td>Туризм</td></tr>
                <tr><td><code>date</code></td><td class="no">—</td><td><?php esc_html_e( 'Дата публікації (формат YYYY-MM-DD)', 'nemynai-seo-autopilot' ); ?></td><td>2025-06-01</td></tr>
                <tr><td><code>schedule</code></td><td class="no">—</td><td><?php esc_html_e( 'Частота: daily / every2days / every4days', 'nemynai-seo-autopilot' ); ?></td><td>daily</td></tr>
            </tbody>
        </table>

        <div class="naseo-tip" style="margin-top:16px;">
            💡 <?php esc_html_e( 'Файл підтримує UTF-8 і Windows-1251. Можна робити в Excel або Google Sheets — головне зберегти як .csv.', 'nemynai-seo-autopilot' ); ?>
        </div>

        <div style="margin-top:16px;">
            <a href="<?php echo esc_url( wp_nonce_url( admin_url( 'admin-ajax.php?action=naseo_download_csv' ), 'naseo_nonce', 'nonce' ) ); ?>" class="naseo-btn">
                ⬇️ <?php esc_html_e( 'Завантажити приклад CSV', 'nemynai-seo-autopilot' ); ?>
            </a>
        </div>
    </div>

    <!-- Змінні промпту -->
    <div class="naseo-card" style="margin-top:20px;">
        <h2>🧠 <?php esc_html_e( 'Кастомний промпт', 'nemynai-seo-autopilot' ); ?></h2>
        <p><?php esc_html_e( 'В налаштуваннях можна задати власний промпт для Claude. Доступні змінні:', 'nemynai-seo-autopilot' ); ?></p>
        <table class="naseo-table widefat">
            <thead><tr><th><?php esc_html_e( 'Змінна', 'nemynai-seo-autopilot' ); ?></th><th><?php esc_html_e( 'Що підставляється', 'nemynai-seo-autopilot' ); ?></th></tr></thead>
            <tbody>
                <tr><td><code>{TITLE}</code></td><td><?php esc_html_e( 'Заголовок статті з CSV або форми', 'nemynai-seo-autopilot' ); ?></td></tr>
                <tr><td><code>{KEYWORD}</code></td><td><?php esc_html_e( 'Головне ключове слово', 'nemynai-seo-autopilot' ); ?></td></tr>
                <tr><td><code>{LSI_KEYWORDS}</code></td><td><?php esc_html_e( 'LSI ключові слова через кому', 'nemynai-seo-autopilot' ); ?></td></tr>
                <tr><td><code>{LANGUAGE}</code></td><td><?php esc_html_e( 'Мова контенту (uk / en / pl / de)', 'nemynai-seo-autopilot' ); ?></td></tr>
                <tr><td><code>{SITE_NAME}</code></td><td><?php esc_html_e( 'Назва сайту з WordPress', 'nemynai-seo-autopilot' ); ?></td></tr>
                <tr><td><code>{YEAR}</code></td><td><?php esc_html_e( 'Поточний рік', 'nemynai-seo-autopilot' ); ?></td></tr>
            </tbody>
        </table>
        <div class="naseo-tip" style="margin-top:12px;">
            💡 <?php esc_html_e( 'Якщо поле порожнє — використовується стандартний промпт (журналіст, 1200-1800 слів, HTML структура).', 'nemynai-seo-autopilot' ); ?>
        </div>
    </div>

    <!-- FAQ -->
    <div class="naseo-card" style="margin-top:20px;">
        <h2>❓ <?php esc_html_e( 'Часті питання', 'nemynai-seo-autopilot' ); ?></h2>

        <div class="naseo-faq">
            <div class="naseo-faq__item">
                <div class="naseo-faq__q"><?php esc_html_e( 'Скільки коштує Claude API?', 'nemynai-seo-autopilot' ); ?></div>
                <div class="naseo-faq__a"><?php esc_html_e( 'Нові акаунти отримують $5 безкоштовно. Одна стаття на claude-sonnet-4-5 коштує ≈ $0.05–0.10 (залежить від довжини). Тобто $5 = приблизно 50–100 статей.', 'nemynai-seo-autopilot' ); ?></div>
            </div>
            <div class="naseo-faq__item">
                <div class="naseo-faq__q"><?php esc_html_e( 'Чи буде стаття схожа на AI?', 'nemynai-seo-autopilot' ); ?></div>
                <div class="naseo-faq__a"><?php esc_html_e( 'Промпт налаштований на журналістський стиль з низьким відсотком AI-контенту. Можна покращити додавши власний кастомний промпт з вашим стилем і вимогами.', 'nemynai-seo-autopilot' ); ?></div>
            </div>
            <div class="naseo-faq__item">
                <div class="naseo-faq__q"><?php esc_html_e( 'Потрібен Yoast або RankMath?', 'nemynai-seo-autopilot' ); ?></div>
                <div class="naseo-faq__a"><?php esc_html_e( 'Не обов\'язково. Якщо встановлений Yoast або RankMath — плагін автоматично запише SEO мета. Якщо ні — стаття все одно публікується, просто без SEO полів.', 'nemynai-seo-autopilot' ); ?></div>
            </div>
            <div class="naseo-faq__item">
                <div class="naseo-faq__q"><?php esc_html_e( 'О котрій годині публікуються статті?', 'nemynai-seo-autopilot' ); ?></div>
                <div class="naseo-faq__a"><?php esc_html_e( 'О 09:00 за часовим поясом сервера. В налаштуваннях можна обрати: щодня або 2 рази на тиждень (понеділок і четвер). Або одразу — кнопка "Опублікувати зараз" на дашборді (Pro).', 'nemynai-seo-autopilot' ); ?></div>
            </div>
            <div class="naseo-faq__item">
                <div class="naseo-faq__q"><?php esc_html_e( 'Чи можна перенести Pro ліцензію на інший сайт?', 'nemynai-seo-autopilot' ); ?></div>
                <div class="naseo-faq__a"><?php esc_html_e( 'Так. Зайдіть в Налаштування → натисніть "Деактивувати ліцензію" → активуйте на новому сайті.', 'nemynai-seo-autopilot' ); ?></div>
            </div>
        </div>
    </div>

</div>
