<?php
defined('ABSPATH') || exit;

/**
 * R-LLM SEO F02 Page
 */
require_once __DIR__ . '/view.php';

function r_llm_seo_f02_render_page(): void
{
	$selected_post_types = get_option('r_llm_seo_post_types', ['post']);
	$selected_post_types = is_array($selected_post_types) ? $selected_post_types : ['post'];

	if (empty($selected_post_types)) {
		?>
		<div class="notice notice-warning">
			<p><?php echo esc_html__('設定画面で下書き作成先の投稿タイプを1つ以上選択してください。', 'r-llm-seo'); ?></p>
		</div>
		<?php
		$selected_post_types = ['post'];
	}

	$default_pt = '';
	foreach ($selected_post_types as $pt) {
		$pt = sanitize_key((string)$pt);
		if ($pt && post_type_exists($pt)) {
			$default_pt = $pt;
			break;
		}
	}
	if ($default_pt === '') $default_pt = 'post';

	$items = function_exists('r_llm_seo_f02_store_get') ? r_llm_seo_f02_store_get() : [];
	$items = is_array($items) ? array_values($items) : [];

	?>
	<div class="wrap rllm-f02">

		<?php if (function_exists('r_llm_seo_render_quota_bar')): ?>
			<?php r_llm_seo_render_quota_bar(); ?>
		<?php endif; ?>

		<div class="strategy-box rllm-f02__panel">
			<div class="rllm-f02-controls">

				<div class="rllm-f02-field">
					<label class="rllm-f02-label"><?php echo esc_html__('下書きを作成する投稿タイプ', 'r-llm-seo'); ?></label>
					<select id="f02-post-type" class="rllm-f02-select">
						<?php foreach ($selected_post_types as $pt): ?>
							<?php $pt = sanitize_key((string)$pt); ?>
							<?php if (!$pt || !post_type_exists($pt)) continue; ?>
							<?php $obj = get_post_type_object($pt); ?>
							<option value="<?php echo esc_attr($pt); ?>" <?php selected($pt, $default_pt); ?>>
								<?php echo esc_html($obj ? $obj->labels->singular_name : $pt); ?>
							</option>
						<?php endforeach; ?>
					</select>
				</div>

				<div class="rllm-f02-field rllm-f02-field--wide">
					<label class="rllm-f02-label"><?php echo esc_html__('キーワード（スペース / Enter / Tab で追加）', 'r-llm-seo'); ?></label>
					<div id="f02-tagbox" class="f02-tagbox">
						<input id="f02-keyword-input" type="text" placeholder="<?php echo esc_attr__('キーワードを入力してください。', 'r-llm-seo'); ?>" />
					</div>
				</div>

				<div class="rllm-f02-field rllm-f02-field--btn">
					<button id="f02-generate" class="button button-primary rllm-f02-btn-primary">
						<?php echo esc_html__('タイトル案生成', 'r-llm-seo'); ?>
					</button>
				</div>

				<div class="rllm-f02-field rllm-f02-field--delete">
					<button id="f02-delete-all" class="button button-secondary">
						<?php echo esc_html__('一括削除', 'r-llm-seo'); ?>
					</button>
				</div>

				<div class="ai-notice-wrap">
					<p class="ai-notice-text"><?php echo esc_html__('AI機能の実行時に、処理に必要なタイトル・本文などの内容がAIサーバーへ送信されます。機密情報や個人情報は入力しないでください。', 'r-llm-seo'); ?></p>
				</div>
			</div>
		</div>

		<div class="rllm-f02-headrow">
			<h2 class="rllm-f02__section-title"><?php echo esc_html__('生成タイトル案一覧', 'r-llm-seo'); ?></h2>

			<div class="rllm-f02-headrow__actions">
				<button id="f02-filter-all" class="button"><?php echo esc_html__('すべて', 'r-llm-seo'); ?></button>
				<button id="f02-filter-fav" class="button"><?php echo esc_html__('お気に入り', 'r-llm-seo'); ?></button>
			</div>
		</div>

		<table class="wp-list-table widefat fixed striped rllm-f02-table">
			<thead>
				<tr>
					<th class="rllm-f02-col-status"><?php echo esc_html__('状態', 'r-llm-seo'); ?></th>
					<th class="rllm-f02-col-title"><?php echo esc_html__('タイトル案', 'r-llm-seo'); ?></th>
					<th><?php echo esc_html__('メタ情報', 'r-llm-seo'); ?></th>
					<th class="rllm-f02-col-actions"><?php echo esc_html__('操作', 'r-llm-seo'); ?></th>
				</tr>
			</thead>

			<tbody id="f02-table-body">
				<?php
				if (!empty($items)) {
					foreach ($items as $it) {
						if (!is_array($it)) continue;
						echo wp_kses_post(r_llm_seo_f02_render_row($it, $default_pt));
					}
				} else {
					?>
					<tr class="f02-empty">
						<td colspan="4"><?php echo esc_html__('まだタイトル案がありません。キーワードを入れて「タイトル案生成」を押してください。', 'r-llm-seo'); ?></td>
					</tr>
					<?php
				}
				?>
			</tbody>
		</table>

	</div>
	<?php
}