<?php
/**
 * Dashboard Overview Page — Arabic.
 *
 * @package Kutby
 * @since   1.0.0
 */

declare(strict_types=1);

namespace Kutby\Pages;

if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

/**
 * Class DashboardPage
 */
final class DashboardPage extends AbstractPage {

	/** {@inheritdoc} */
	public function id(): string {
		return 'dashboard';
	}

	/** {@inheritdoc} */
	public function title(): string {
		return 'مرحباً بك في كتبي';
	}

	/** {@inheritdoc} */
	public function fields( array $options ): array {
		return array();
	}

	/** {@inheritdoc} */
	public function render( array $options ): void {
		?>
		<div class="kutby-panel kutby-panel--dashboard">
			<header class="kutby-panel__header">
				<h2><?php echo esc_html( $this->title() ); ?></h2>
				<p class="kutby-panel__lead">
					أساس احترافي لمنصة تعليمية عربية. اضبط المظهر والأداء وتحسين الظهور من القائمة الجانبية.
				</p>
			</header>

			<div class="kutby-stats">
				<div class="kutby-stat-card">
					<span class="kutby-stat-card__label">الإصدار</span>
					<strong class="kutby-stat-card__value"><?php echo esc_html( KUTBY_VERSION ); ?></strong>
				</div>
				<div class="kutby-stat-card">
					<span class="kutby-stat-card__label">إصدار بي إتش بي</span>
					<strong class="kutby-stat-card__value"><?php echo esc_html( PHP_VERSION ); ?></strong>
				</div>
				<div class="kutby-stat-card">
					<span class="kutby-stat-card__label">ووردبريس</span>
					<strong class="kutby-stat-card__value"><?php echo esc_html( get_bloginfo( 'version' ) ); ?></strong>
				</div>
			</div>

			<div class="kutby-cards">
				<div class="kutby-card kutby-card--info">
					<h3>الخطوات التالية</h3>
					<ol class="kutby-steps">
						<li>ارفع الشعار واضبط العرض من الإعدادات العامة.</li>
						<li>حدد نظام الألوان من قسم الألوان.</li>
						<li>فعّل تحسينات الأداء لسرعة أفضل.</li>
						<li>راجع إعدادات تحسين محركات البحث.</li>
					</ol>
				</div>
			</div>
		</div>
		<?php
	}
}
