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

    <div class="naseo-card">
        <h3><?php esc_html_e( 'Формат CSV файлу', 'nemynai-seo-autopilot' ); ?></h3>
        <code class="naseo-code-block">date,title,keyword,lsi_keywords,category,schedule
2025-06-01,Заголовок статті,ключове слово,"lsi1, lsi2",Категорія,daily
2025-06-03,Ще одна стаття,інше слово,"lsi3, lsi4",Блог,every2days</code>

        <table class="naseo-table" style="margin-top:16px;">
            <tr><th>date</th><td><?php esc_html_e( 'Дата публікації (YYYY-MM-DD). Необов\'язково.', 'nemynai-seo-autopilot' ); ?></td></tr>
            <tr><th>title</th><td><?php esc_html_e( 'Заголовок статті. Обов\'язково.', 'nemynai-seo-autopilot' ); ?></td></tr>
            <tr><th>keyword</th><td><?php esc_html_e( 'Головне ключове слово. Обов\'язково.', 'nemynai-seo-autopilot' ); ?></td></tr>
            <tr><th>lsi_keywords</th><td><?php esc_html_e( 'LSI слова через кому. Необов\'язково.', 'nemynai-seo-autopilot' ); ?></td></tr>
            <tr><th>category</th><td><?php esc_html_e( 'Категорія WordPress. Необов\'язково.', 'nemynai-seo-autopilot' ); ?></td></tr>
            <tr><th>schedule</th><td><?php esc_html_e( 'daily / every2days / every4days. Необов\'язково.', 'nemynai-seo-autopilot' ); ?></td></tr>
        </table>
    </div>

    <div class="naseo-card" style="margin-top:20px;">
        <h3><?php esc_html_e( 'Завантажити CSV', 'nemynai-seo-autopilot' ); ?></h3>
        <input type="file" id="naseo-csv-file" accept=".csv" style="margin-bottom:12px;">
        <br>
        <button id="naseo-import-btn" class="naseo-btn naseo-btn--primary">
            📥 <?php esc_html_e( 'Імпортувати', 'nemynai-seo-autopilot' ); ?>
        </button>
        <div id="naseo-import-result" class="naseo-notice" style="display:none;margin-top:12px;"></div>
    </div>
</div>
