<?php

// If this file is called directly, abort.
if (!defined('WPINC')) {
	die;
}
?>

<section class="athena-wp-admin">
	<div class="athena-wp-admin-left-side">
		<?php include dirname(__FILE__) . '/partials/wp-admin-header.php'; ?>

		<div class="user-guide-view-intro">
			<p class="intro-title">Your First Steps with Athena Search!</p>
			<p class="intro-paragraph">Just activated Athena Search? Great! This quick guide will help you get everything set up — from entering your configuration details to adding shortcodes and running your first reindex — so you can start using powerful search on your website in no time.</p>
		</div>

		<div class="athena-cards user-guide-view-cards">
			<div class="athena-card-wrp">
				<div class="athena-card">
					<div class="card-top">
						<p class="card-title">Configuration Form</p>
					</div>
					<div class="card-bottom">
						<p class="list-title">Fill out the Configuration form right after activating the plugin — it’s the first and most important step. You’ll find all the required values in your <strong>Athena Dashboard</strong>:</p>
						<ul>
							<li><strong>Athena Dashboard Url</strong> and <strong>Dashboard Website Token</strong> → Settings → General Settings → Credentials for your platform</li>
							<li><strong>Client ID</strong> and <strong>Client Secret</strong> → Profile (top-right menu).</li>
						</ul>
						<strong style="display: block; margin-top: 4px;">Once everything is entered correctly, your website is ready for reindexing.</strong>
					</div>
				</div>
			</div>

			<div class="athena-card-wrp">
				<div class="athena-card">
					<div class="card-top">
						<p class="card-title">Shortcodes</p>
					</div>
					<div class="card-bottom">
						<p class="list-title">The plugin needs <strong>two shortcodes</strong> to work correctly. Both must be present on your website.</p>
						<ul>
							<li><strong>[athena_search]</strong> — displays the <strong>search bar</strong>. Place it anywhere on your site (you can wrap it to fit your theme).</li>
							<li><strong>[athena_search_results]</strong> — displays <strong>search results</strong>. Added automatically to the “Athena” page after activation. You can rename the page or assign another one in the “Landing Page” field of the Configuration form — just make sure this shortcode is added there too.</li>
						</ul>
					</div>
				</div>
			</div>

			<div class="athena-card-wrp">
				<div class="athena-card">
					<div class="card-top">
						<p class="card-title">Reindex</p>
					</div>
					<div class="card-bottom">
						<p>After entering your configuration details, you can run your first Full Reindex. The Full Reindex button is available on every plugin page — clicking it starts sending your data to Athena. When complete, you’ll get a success or error message. While reindexing, the button is disabled until the process finishes.</p>
					</div>
				</div>
			</div>
		</div>

		<div class="user-guide-view-outro">
			<p>Make sure to follow every step in this guide — skipping or misconfiguring any part may prevent Athena Search from working correctly.</p>
		</div>
	</div>

	<div class="athena-wp-admin-right-side">
		<?php include dirname(__FILE__) . '/partials/wp-admin-gallery.php'; ?>
	</div>
</section>