<?php
/**
 * Settings V2: Guide.
 *
 * @package WP_Agentic_Writer
 */

if (!defined("ABSPATH")) {
    exit();
} ?>
<div class="section-head"><div><p class="eyebrow"><?php esc_html_e(
    "Reference",
    "wp-agentic-writer",
); ?></p><h2><?php esc_html_e(
    "Model guide",
    "wp-agentic-writer",
); ?></h2><p><?php esc_html_e(
    "Understand which model role is used for each feature and estimate costs.",
    "wp-agentic-writer",
); ?></p></div></div>

<div class="panel">
	<div class="panel-head"><div class="panel-title"><h3><?php esc_html_e(
     "Tasks and model roles",
     "wp-agentic-writer",
 ); ?></h3><p><?php esc_html_e(
    "Each workflow stage uses a dedicated model.",
    "wp-agentic-writer",
); ?></p></div></div>
	<div class="panel-body">
		<table class="ds-table">
			<thead><tr>
				<th><?php esc_html_e("Task", "wp-agentic-writer"); ?></th>
				<th><?php esc_html_e("Model role", "wp-agentic-writer"); ?></th>
				<th><?php esc_html_e("Est. cost", "wp-agentic-writer"); ?></th>
				<th><?php esc_html_e("Purpose", "wp-agentic-writer"); ?></th>
			</tr></thead>
			<tbody>
				<tr>
					<td><strong><?php esc_html_e("Planning", "wp-agentic-writer"); ?></strong></td>
					<td><span class="chip on"><?php esc_html_e(
         "Planning",
         "wp-agentic-writer",
     ); ?></span></td>
					<td class="guide-cost">~$0.001</td>
					<td><?php esc_html_e(
         "Creates article outline with sections and structure.",
         "wp-agentic-writer",
     ); ?></td>
				</tr>
				<tr>
					<td><strong><?php esc_html_e(
         "Clarity Check",
         "wp-agentic-writer",
     ); ?></strong></td>
					<td><span class="chip on"><?php esc_html_e(
         "Clarity",
         "wp-agentic-writer",
     ); ?></span></td>
					<td class="guide-cost">~$0.0005</td>
					<td><?php esc_html_e(
         "Analyzes your prompt and asks clarifying questions.",
         "wp-agentic-writer",
     ); ?></td>
				</tr>
				<tr class="ds-table-highlight">
					<td><strong><?php esc_html_e("Writing", "wp-agentic-writer"); ?></strong></td>
					<td><span class="chip on"><?php esc_html_e(
         "Writing",
         "wp-agentic-writer",
     ); ?></span></td>
					<td class="guide-cost">~$0.05–0.15</td>
					<td><?php esc_html_e(
         "Generates full article content section by section.",
         "wp-agentic-writer",
     ); ?></td>
				</tr>
				<tr>
					<td><strong><?php esc_html_e("Chat", "wp-agentic-writer"); ?></strong></td>
					<td><span class="chip on"><?php esc_html_e(
         "Chat",
         "wp-agentic-writer",
     ); ?></span></td>
					<td class="guide-cost">~$0.001</td>
					<td><?php esc_html_e(
         "Answers questions and provides quick assistance.",
         "wp-agentic-writer",
     ); ?></td>
				</tr>
				<tr>
					<td><strong><?php esc_html_e(
         "Block Refinement",
         "wp-agentic-writer",
     ); ?></strong></td>
					<td><span class="chip on"><?php esc_html_e(
         "Refinement",
         "wp-agentic-writer",
     ); ?></span></td>
					<td class="guide-cost">~$0.01–0.03</td>
					<td><?php esc_html_e(
         "Improves or rewrites selected content blocks.",
         "wp-agentic-writer",
     ); ?></td>
				</tr>
				<tr>
					<td><strong><?php esc_html_e(
         "Image Generation",
         "wp-agentic-writer",
     ); ?></strong></td>
					<td><span class="chip on"><?php esc_html_e(
         "Image",
         "wp-agentic-writer",
     ); ?></span></td>
					<td class="guide-cost">~$0.003–0.04</td>
					<td><?php esc_html_e(
         "Creates images for articles.",
         "wp-agentic-writer",
     ); ?></td>
				</tr>
			</tbody>
		</table>
	</div>
</div>

<div class="panel">
	<div class="panel-head"><div class="panel-title"><h3><?php esc_html_e(
     "Recommended models",
     "wp-agentic-writer",
 ); ?></h3><p><?php esc_html_e(
    "Best models for each purpose based on quality and cost.",
    "wp-agentic-writer",
); ?></p></div></div>
	<div class="panel-body">
		<table class="ds-table">
			<thead><tr>
				<th><?php esc_html_e("Model", "wp-agentic-writer"); ?></th>
				<th><?php esc_html_e("Best for", "wp-agentic-writer"); ?></th>
				<th><?php esc_html_e("Cost / 1M tokens", "wp-agentic-writer"); ?></th>
				<th><?php esc_html_e("Notes", "wp-agentic-writer"); ?></th>
			</tr></thead>
			<tbody>
				<tr>
					<td><strong>Gemini 2.5 Flash</strong></td>
					<td><?php esc_html_e("Chat, Clarity, Planning", "wp-agentic-writer"); ?></td>
					<td class="guide-cost">$0.15 / $0.60</td>
					<td>⭐ <?php esc_html_e(
         "Best balanced option. Fast reasoning.",
         "wp-agentic-writer",
     ); ?></td>
				</tr>
				<tr>
					<td><strong>Claude 3.5 Sonnet</strong></td>
					<td><?php esc_html_e("Writing, Refinement", "wp-agentic-writer"); ?></td>
					<td class="guide-cost">$3.00 / $15.00</td>
					<td>⭐ <?php esc_html_e(
         "Best quality writing. Recommended.",
         "wp-agentic-writer",
     ); ?></td>
				</tr>
				<tr>
					<td><strong>GPT-4.1</strong></td>
					<td><?php esc_html_e(
         "Writing, Refinement (Premium)",
         "wp-agentic-writer",
     ); ?></td>
					<td class="guide-cost">$2.00 / $8.00</td>
					<td>🏆 <?php esc_html_e(
         "Premium option. Excellent instruction following.",
         "wp-agentic-writer",
     ); ?></td>
				</tr>
				<tr>
					<td><strong>GPT-4o</strong></td>
					<td><?php esc_html_e("Image Generation", "wp-agentic-writer"); ?></td>
					<td class="guide-cost">$2.50 / $10.00</td>
					<td>⭐ <?php esc_html_e(
         "Generates article images from text prompts.",
         "wp-agentic-writer",
     ); ?></td>
				</tr>
			</tbody>
		</table>
	</div>
</div>

<div class="panel">
	<div class="panel-head"><div class="panel-title"><h3><?php esc_html_e(
     "Cost examples",
     "wp-agentic-writer",
 ); ?></h3><p><?php esc_html_e(
    "Real-world cost estimates for common tasks.",
    "wp-agentic-writer",
); ?></p></div></div>
	<div class="panel-body">
		<div class="grid-3">
			<div class="metric-card guide-cost-card">
				<h3><?php esc_html_e("Single article (Balanced)", "wp-agentic-writer"); ?></h3>
				<ul class="guide-cost-list">
					<li><?php esc_html_e("Clarity Check", "wp-agentic-writer"); ?>: ~$0.001</li>
					<li><?php esc_html_e("Planning", "wp-agentic-writer"); ?>: ~$0.001</li>
					<li><?php esc_html_e(
         "Writing (5 sections)",
         "wp-agentic-writer",
     ); ?>: ~$0.10</li>
					<li><?php esc_html_e("1 Image", "wp-agentic-writer"); ?>: ~$0.003</li>
				</ul>
				<div class="guide-cost-total">
					<span><?php esc_html_e("Total", "wp-agentic-writer"); ?></span>
					<strong>~$0.10–0.15</strong>
				</div>
			</div>
			<div class="metric-card guide-cost-card">
				<h3><?php esc_html_e("10 articles / month", "wp-agentic-writer"); ?></h3>
				<ul class="guide-cost-list">
					<li><?php esc_html_e('10 articles × $0.15', "wp-agentic-writer"); ?></li>
					<li><?php esc_html_e(
         "Some chat interactions",
         "wp-agentic-writer",
     ); ?>: ~$0.05</li>
					<li><?php esc_html_e("Refinements", "wp-agentic-writer"); ?>: ~$0.20</li>
				</ul>
				<div class="guide-cost-total">
					<span><?php esc_html_e("Total", "wp-agentic-writer"); ?></span>
					<strong>~$1.50–2.00</strong>
				</div>
			</div>
			<div class="metric-card guide-cost-card">
				<h3><?php esc_html_e("With web search", "wp-agentic-writer"); ?></h3>
				<ul class="guide-cost-list">
					<li><?php esc_html_e(
         'Add ~$0.02 per search request',
         "wp-agentic-writer",
     ); ?></li>
					<li><?php esc_html_e(
         "Typical: 1–2 searches per article",
         "wp-agentic-writer",
     ); ?></li>
				</ul>
				<div class="guide-cost-total">
					<span><?php esc_html_e("Extra", "wp-agentic-writer"); ?></span>
					<strong class="guide-cost-warn">~$0.02–0.04</strong>
				</div>
			</div>
		</div>
	</div>
</div>
