<?php
if ( ! defined( 'ABSPATH' ) ) {
	exit;
}
?>

<div class="noesia-swa-card noesia-swa-card--span2">
	<div class="noesia-swa-card-header">
		<div>
			<div class="noesia-swa-kicker"><?php esc_html_e( 'SCREEN LOCK', 'noesia-smart-waiter' ); ?></div>
			<h3>
				<span class="dashicons dashicons-lock" aria-hidden="true"></span>
				<?php esc_html_e( 'Screen Lock', 'noesia-smart-waiter' ); ?>
			</h3>
			<p class="noesia-swa-muted">
				<?php esc_html_e( 'Protect the dashboard instantly with a blurred lock state and a clean unlock message.', 'noesia-smart-waiter' ); ?>
			</p>
		</div>

		<div class="noesia-swa-inline-actions">
			<button
				type="button"
				class="button button-primary"
				data-noesia-swa-screen-lock-trigger="1"
			>
				<span class="dashicons dashicons-lock" aria-hidden="true"></span>
				<?php esc_html_e( 'Lock Screen Now', 'noesia-smart-waiter' ); ?>
			</button>

			<button
				type="button"
				class="button"
				data-noesia-swa-nav-target="dashboard"
			>
				<span class="dashicons dashicons-chart-pie" aria-hidden="true"></span>
				<?php esc_html_e( 'Dashboard', 'noesia-smart-waiter' ); ?>
			</button>
		</div>
	</div>
</div>

<div class="noesia-swa-section-grid">
	<section class="noesia-swa-card">
		<div class="noesia-swa-card-header">
			<div>
				<div class="noesia-swa-kicker"><?php esc_html_e( 'LOCK ACTION', 'noesia-smart-waiter' ); ?></div>
				<h3>
					<span class="dashicons dashicons-shield" aria-hidden="true"></span>
					<?php esc_html_e( 'Manual lock', 'noesia-smart-waiter' ); ?>
				</h3>
				<p class="noesia-swa-muted">
					<?php esc_html_e( 'Use the header lock icon or the button above to activate the blurred lock overlay immediately.', 'noesia-smart-waiter' ); ?>
				</p>
			</div>
		</div>

		<div class="noesia-swa-mini-stats">
			<div>
				<strong><?php esc_html_e( 'Header icon', 'noesia-smart-waiter' ); ?></strong>
				<span><?php esc_html_e( 'Instant lock trigger from the top bar', 'noesia-smart-waiter' ); ?></span>
			</div>

			<div>
				<strong><?php esc_html_e( 'This screen', 'noesia-smart-waiter' ); ?></strong>
				<span><?php esc_html_e( 'Button-based manual lock trigger', 'noesia-smart-waiter' ); ?></span>
			</div>
		</div>
	</section>

	<section class="noesia-swa-card">
		<div class="noesia-swa-card-header">
			<div>
				<div class="noesia-swa-kicker"><?php esc_html_e( 'UNLOCK RULES', 'noesia-smart-waiter' ); ?></div>
				<h3>
					<span class="dashicons dashicons-unlock" aria-hidden="true"></span>
					<?php esc_html_e( 'Unlock behavior', 'noesia-smart-waiter' ); ?>
				</h3>
				<p class="noesia-swa-muted">
					<?php esc_html_e( 'Matches the current lock overlay logic already wired in the admin script.', 'noesia-smart-waiter' ); ?>
				</p>
			</div>
		</div>

		<div class="noesia-swa-mini-stats">
			<div>
				<strong><?php esc_html_e( 'Mouse / Touch', 'noesia-smart-waiter' ); ?></strong>
				<span><?php esc_html_e( 'Click outside the dialog to unlock', 'noesia-smart-waiter' ); ?></span>
			</div>

			<div>
				<strong><?php esc_html_e( 'Keyboard', 'noesia-smart-waiter' ); ?></strong>
				<span><?php esc_html_e( 'Press ESC to unlock', 'noesia-smart-waiter' ); ?></span>
			</div>
		</div>
	</section>

	<section class="noesia-swa-card noesia-swa-card--span2">
		<div class="noesia-swa-hero-card">
			<span class="noesia-swa-hero-icon" aria-hidden="true">
				<span class="dashicons dashicons-lock"></span>
			</span>

			<div>
				<div class="noesia-swa-kicker"><?php esc_html_e( 'LOCK PREVIEW', 'noesia-smart-waiter' ); ?></div>
				<h3><?php esc_html_e( 'Protected dashboard state', 'noesia-smart-waiter' ); ?></h3>
				<p class="noesia-swa-muted">
					<?php esc_html_e( 'When active, the interface is blurred and interaction pauses until the user unlocks the screen.', 'noesia-smart-waiter' ); ?>
				</p>

				<div class="noesia-swa-status-box" role="note" aria-label="<?php esc_attr_e( 'Screen lock preview', 'noesia-smart-waiter' ); ?>">
					<strong><?php esc_html_e( 'Screen is locked (blurred).', 'noesia-smart-waiter' ); ?></strong>
					<span><?php esc_html_e( 'Click outside this box or press ESC to unlock.', 'noesia-smart-waiter' ); ?></span>
				</div>
			</div>
		</div>
	</section>
</div>