<?php defined( 'ABSPATH' ) || exit; ?>
<div class="wrap naseo-wrap">
    <h1>✍️ <?php esc_html_e( 'Генерація статті', 'nemynai-seo-autopilot' ); ?></h1>
    <p class="description"><?php esc_html_e( 'Заповніть поля і натисніть кнопку — стаття буде згенерована і одразу опублікована.', 'nemynai-seo-autopilot' ); ?></p>

    <div class="naseo-card">
        <table class="form-table">
            <tr>
                <th><?php esc_html_e( 'Заголовок статті', 'nemynai-seo-autopilot' ); ?> <span class="required">*</span></th>
                <td>
                    <input type="text" id="naseo-title" class="regular-text" placeholder="<?php esc_html_e( '10 найкращих місць для відпочинку в Карпатах', 'nemynai-seo-autopilot' ); ?>">
                </td>
            </tr>
            <tr>
                <th><?php esc_html_e( 'Ключове слово', 'nemynai-seo-autopilot' ); ?> <span class="required">*</span></th>
                <td>
                    <input type="text" id="naseo-keyword" class="regular-text" placeholder="<?php esc_html_e( 'відпочинок в Карпатах', 'nemynai-seo-autopilot' ); ?>">
                </td>
            </tr>
            <tr>
                <th><?php esc_html_e( 'LSI ключові слова', 'nemynai-seo-autopilot' ); ?></th>
                <td>
                    <input type="text" id="naseo-lsi" class="regular-text" placeholder="<?php esc_html_e( 'гори, природа, туризм, Буковель', 'nemynai-seo-autopilot' ); ?>">
                    <p class="description"><?php esc_html_e( 'Через кому. Покращує SEO.', 'nemynai-seo-autopilot' ); ?></p>
                </td>
            </tr>
        </table>

        <p>
            <button id="naseo-generate-btn" class="naseo-btn naseo-btn--primary naseo-btn--large">
                🤖 <?php esc_html_e( 'Згенерувати і опублікувати', 'nemynai-seo-autopilot' ); ?>
            </button>
        </p>

        <div id="naseo-generate-result" class="naseo-notice" style="display:none;"></div>
    </div>
</div>
