<?php
/**
 * Content Hub — full-area skeleton (KPIs + card + table).
 *
 * Used in Module Hub placeholder (modules.php) and in page-central.php
 * until the central table AJAX completes.
 *
 * @package Contentosapp_Studio
 */
defined( 'ABSPATH' ) || exit;
// phpcs:disable WordPress.NamingConventions.PrefixAllGlobals -- Included admin template; local presentation variables are scoped to the including page.
?>
<div id="fos-content-hub-skeleton" class="fos-content-hub-skeleton" aria-hidden="true">
	<div class="fos-ch-sk-kpis">
		<?php for ( $i = 0; $i < 4; $i++ ) : ?>
			<div class="fos-ch-sk-kpi">
				<div class="fos-ch-sk-kpi__accent fos-ch-sk-shimmer" aria-hidden="true"></div>
				<div class="fos-ch-sk-kpi__label fos-ch-sk-shimmer" aria-hidden="true"></div>
				<div class="fos-ch-sk-kpi__value fos-ch-sk-shimmer" aria-hidden="true"></div>
				<div class="fos-ch-sk-kpi__sub fos-ch-sk-shimmer" aria-hidden="true"></div>
			</div>
		<?php endfor; ?>
	</div>

	<div class="fos-ch-sk-card">
		<div class="fos-ch-sk-card__head">
			<div class="fos-ch-sk-tabs">
				<span class="fos-ch-sk-tab fos-ch-sk-shimmer" aria-hidden="true"></span>
				<span class="fos-ch-sk-tab fos-ch-sk-shimmer" aria-hidden="true"></span>
			</div>
			<div class="fos-ch-sk-actions">
				<span class="fos-ch-sk-btn fos-ch-sk-shimmer" aria-hidden="true"></span>
				<span class="fos-ch-sk-btn fos-ch-sk-btn--primary fos-ch-sk-shimmer" aria-hidden="true"></span>
			</div>
		</div>
		<div class="fos-ch-sk-toolbar">
			<span class="fos-ch-sk-search fos-ch-sk-shimmer" aria-hidden="true"></span>
			<span class="fos-ch-sk-select fos-ch-sk-shimmer" aria-hidden="true"></span>
			<span class="fos-ch-sk-select fos-ch-sk-shimmer" aria-hidden="true"></span>
			<span class="fos-ch-sk-select fos-ch-sk-shimmer" aria-hidden="true"></span>
			<span class="fos-ch-sk-filter fos-ch-sk-shimmer" aria-hidden="true"></span>
			<span class="fos-ch-sk-toolbar__spacer" aria-hidden="true"></span>
			<span class="fos-ch-sk-cta fos-ch-sk-shimmer" aria-hidden="true"></span>
		</div>
		<div class="fos-ch-sk-table" role="presentation">
			<div class="fos-ch-sk-thead">
				<span class="fos-ch-sk-th fos-ch-sk-shimmer" aria-hidden="true"></span>
				<span class="fos-ch-sk-th fos-ch-sk-th--grow fos-ch-sk-shimmer" aria-hidden="true"></span>
				<span class="fos-ch-sk-th fos-ch-sk-shimmer" aria-hidden="true"></span>
				<span class="fos-ch-sk-th fos-ch-sk-shimmer" aria-hidden="true"></span>
				<span class="fos-ch-sk-th fos-ch-sk-th--priority fos-ch-sk-shimmer" aria-hidden="true"></span>
				<span class="fos-ch-sk-th fos-ch-sk-shimmer" aria-hidden="true"></span>
				<span class="fos-ch-sk-th fos-ch-sk-th--actions fos-ch-sk-shimmer" aria-hidden="true"></span>
			</div>
			<?php for ( $r = 0; $r < 5; $r++ ) : ?>
				<div class="fos-ch-sk-tr">
					<span class="fos-ch-sk-td fos-ch-sk-shimmer" aria-hidden="true"></span>
					<span class="fos-ch-sk-td fos-ch-sk-td--grow fos-ch-sk-shimmer" aria-hidden="true"></span>
					<span class="fos-ch-sk-td fos-ch-sk-shimmer" aria-hidden="true"></span>
					<span class="fos-ch-sk-td fos-ch-sk-shimmer" aria-hidden="true"></span>
					<span class="fos-ch-sk-td fos-ch-sk-td--priority fos-ch-sk-shimmer" aria-hidden="true"></span>
					<span class="fos-ch-sk-td fos-ch-sk-td--badge fos-ch-sk-shimmer" aria-hidden="true"></span>
					<span class="fos-ch-sk-td fos-ch-sk-td--actions fos-ch-sk-shimmer" aria-hidden="true"></span>
				</div>
			<?php endfor; ?>
		</div>
	</div>
</div>
