<?php
/**
 * Vue d'ensemble — plugins Volade installés sur ce site.
 *
 * @package Volade\SDK
 * @license GPL-2.0-or-later
 * @var array<string, array<string, mixed>> $hub_plugins
 * @var array $discover_stats
 * @var array{installed:int,categories:int} $hub_stats
 * @var array<int, array<string, mixed>> $hub_suggestions
 * @var object|null $user
 * @var int $catalog_total
 */

defined( 'ABSPATH' ) || exit;

$show_catalog = ! empty( $user );
?>
<div class="volade-wrap volade-hub-page">
	<?php
	$hero_kicker  = __( 'Votre site', 'core-version-switcher-by-volade' );
	$hero_title   = __( 'Vue d\'ensemble', 'core-version-switcher-by-volade' );
	$hero_lead    = $show_catalog
		? __( 'Extensions Volade actives sur ce site — accès rapide aux réglages, descriptions et catégories.', 'core-version-switcher-by-volade' )
		: __( 'Extensions Volade actives sur ce site — ouvrez les réglages de chaque plugin installé.', 'core-version-switcher-by-volade' );
	$hero_variant = 'dark';
	$hero_orbs    = array( '🏠', '⚡', '🔌' );
	ob_start();
	if ( $show_catalog ) :
		?>
		<a href="<?php echo esc_url( admin_url( 'admin.php?page=volade-discover' ) ); ?>" class="volade-btn volade-btn-primary">
			<?php esc_html_e( 'Découvrir le catalogue', 'core-version-switcher-by-volade' ); ?>
		</a>
		<a href="<?php echo esc_url( admin_url( 'admin.php?page=volade-activity' ) ); ?>" class="volade-btn volade-btn-secondary">
			<?php esc_html_e( 'Mon activité', 'core-version-switcher-by-volade' ); ?>
		</a>
	<?php else : ?>
		<a href="<?php echo esc_url( admin_url( 'admin.php?page=volade-auth' ) ); ?>" class="volade-btn volade-btn-secondary">
			<?php esc_html_e( 'Connexion Volade', 'core-version-switcher-by-volade' ); ?>
		</a>
		<?php
	endif;
	$hero_actions_html = ob_get_clean();
	require __DIR__ . '/partials/page-hero.php';
	?>

	<div class="volade-dash-grid volade-discover-stats">
		<div class="volade-stat-card">
			<div class="volade-stat-icon volade-stat-icon--indigo">✅</div>
			<span class="volade-stat-number"><?php echo (int) $hub_stats['installed']; ?></span>
			<span class="volade-stat-label"><?php esc_html_e( 'Installés ici', 'core-version-switcher-by-volade' ); ?></span>
		</div>
		<div class="volade-stat-card">
			<div class="volade-stat-icon volade-stat-icon--dark">📂</div>
			<span class="volade-stat-number"><?php echo (int) $hub_stats['categories']; ?></span>
			<span class="volade-stat-label"><?php esc_html_e( 'Catégories actives', 'core-version-switcher-by-volade' ); ?></span>
		</div>
		<?php if ( $show_catalog ) : ?>
			<div class="volade-stat-card">
				<div class="volade-stat-icon volade-stat-icon--indigo">🛠️</div>
				<span class="volade-stat-number"><?php echo (int) $discover_stats['live']; ?></span>
				<span class="volade-stat-label"><?php esc_html_e( 'Disponibles au catalogue', 'core-version-switcher-by-volade' ); ?></span>
			</div>
			<div class="volade-stat-card">
				<div class="volade-stat-icon volade-stat-icon--dark">📦</div>
				<span class="volade-stat-number"><?php echo (int) $catalog_total; ?></span>
				<span class="volade-stat-label"><?php esc_html_e( 'Extensions Volade', 'core-version-switcher-by-volade' ); ?></span>
			</div>
		<?php endif; ?>
	</div>

	<?php if ( empty( $hub_plugins ) ) : ?>
		<div class="volade-card volade-empty-state volade-hub-empty">
			<div class="volade-empty-icon">🔌</div>
			<h2><?php esc_html_e( 'Aucun plugin Volade actif', 'core-version-switcher-by-volade' ); ?></h2>
			<p class="volade-muted">
				<?php
				echo $show_catalog
					? esc_html__( 'Installez une extension depuis le catalogue pour la voir apparaître ici avec sa description et ses réglages.', 'core-version-switcher-by-volade' )
					: esc_html__( 'Activez une extension Volade sur ce site pour la voir apparaître ici.', 'core-version-switcher-by-volade' );
				?>
			</p>
			<?php if ( $show_catalog ) : ?>
				<a href="<?php echo esc_url( admin_url( 'admin.php?page=volade-discover' ) ); ?>" class="volade-btn volade-btn-primary" style="margin-top:16px;">
					<?php esc_html_e( 'Parcourir le catalogue', 'core-version-switcher-by-volade' ); ?>
				</a>
			<?php endif; ?>
		</div>
	<?php else : ?>
		<section class="volade-hub-section">
			<div class="volade-hub-section-head">
				<h2><?php esc_html_e( 'Vos extensions', 'core-version-switcher-by-volade' ); ?></h2>
				<p class="volade-muted"><?php esc_html_e( 'Cliquez sur une carte pour ouvrir les réglages du plugin.', 'core-version-switcher-by-volade' ); ?></p>
			</div>
			<div class="volade-hub-grid">
				<?php foreach ( $hub_plugins as $slug => $plugin ) : ?>
					<?php include __DIR__ . '/partials/hub-installed-card.php'; ?>
				<?php endforeach; ?>
			</div>
		</section>
	<?php endif; ?>

	<?php if ( $show_catalog && ! empty( $hub_suggestions ) ) : ?>
		<section class="volade-hub-section volade-hub-suggestions">
			<div class="volade-hub-section-head">
				<h2><?php esc_html_e( 'À découvrir', 'core-version-switcher-by-volade' ); ?></h2>
				<p class="volade-muted"><?php esc_html_e( 'Extensions disponibles que vous n\'avez pas encore installées.', 'core-version-switcher-by-volade' ); ?></p>
			</div>
			<div class="volade-discover-grid">
				<?php foreach ( $hub_suggestions as $plugin ) : ?>
					<?php include __DIR__ . '/partials/discover-card.php'; ?>
				<?php endforeach; ?>
			</div>
			<p class="volade-hub-more">
				<a href="<?php echo esc_url( admin_url( 'admin.php?page=volade-discover' ) ); ?>" class="volade-btn volade-btn-secondary">
					<?php esc_html_e( 'Voir tout le catalogue', 'core-version-switcher-by-volade' ); ?>
				</a>
			</p>
		</section>
	<?php endif; ?>
</div>
