<?php
/**
 * @var array $brand
 * @var array $theme
 * @var array $contact
 * @var array $social
 * @var array $seo
 * @var array $nav
 * @var array|null $dealer
 * @var string $dealerName
 * @var string $content
 * @var string $__page
 * @var string|null $pageTitle
 * @var string|null $pageDescription
 */

$titleTemplate = $seo['title_template'] ?? '%PAGE% — %DEALER_NAME%';
$pageTitleStr  = isset($pageTitle) && $pageTitle ? $pageTitle : ucfirst($__page);
$titleFinal    = str_replace(['%PAGE%', '%DEALER_NAME%'], [$pageTitleStr, $dealerName], $titleTemplate);
$descFinal     = $pageDescription ?? ($seo['default_description'] ?? '');
$primary       = $theme['primary'] ?? '#dc2626';
$primaryFg     = $theme['primary_contrast'] ?? '#ffffff';
$accent        = $theme['accent'] ?? '#f59e0b';
$radius        = $theme['radius_base'] ?? '0.75rem';
$darkMode      = $theme['dark_mode'] ?? 'auto';
$motion        = $theme['motion_intensity'] ?? 'medium';
$motionVal     = ['subtle' => '0.5', 'medium' => '1', 'strong' => '1.5'][$motion] ?? '1';
$fontDisplay   = $theme['font_family_display'] ?? 'Inter';
$fontBody      = $theme['font_family_body'] ?? 'Inter';

$heroGradient = $hero_cfg['background_gradient'] ?? ['#0f172a','#1e293b'];
$heroGradStr  = 'linear-gradient(135deg,' . implode(',', $heroGradient) . ')';

$brandLogo    = $brand['logo_path'] ?? null;
$ogImage      = $seo['og_image'] ?? null;
?><!doctype html>
<html lang="fr" <?= $darkMode !== 'auto' ? 'data-theme="' . e($darkMode) . '"' : '' ?>>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title><?= e($titleFinal) ?></title>
<?php if ($descFinal): ?><meta name="description" content="<?= attr($descFinal) ?>"><?php endif; ?>
<?php if ($ogImage): ?>
<meta property="og:title" content="<?= attr($titleFinal) ?>">
<meta property="og:description" content="<?= attr($descFinal) ?>">
<meta property="og:image" content="<?= attr($ogImage) ?>">
<?php endif; ?>
<?php if ($brand['favicon_path'] ?? null): ?><link rel="icon" href="<?= e($brand['favicon_path']) ?>"><?php endif; ?>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=<?= e(str_replace(' ', '+', $fontBody)) ?>:wght@400;500;600;700;800&display=swap">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
<link rel="stylesheet" href="<?= asset('css/coquille.css') ?>">
<style>
:root {
  --c-primary: <?= e($primary) ?>;
  --c-primary-contrast: <?= e($primaryFg) ?>;
  --c-accent: <?= e($accent) ?>;
  --radius: <?= e($radius) ?>;
  --motion-intensity: <?= e($motionVal) ?>;
  --hero-gradient: <?= e($heroGradStr) ?>;
  --font-display: '<?= e($fontDisplay) ?>', system-ui, -apple-system, sans-serif;
  --font-body: '<?= e($fontBody) ?>', system-ui, -apple-system, sans-serif;
}
</style>
<?php if (!empty($seo['google_analytics_id'])): ?>
<script async src="https://www.googletagmanager.com/gtag/js?id=<?= e($seo['google_analytics_id']) ?>"></script>
<script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());gtag('config','<?= e($seo['google_analytics_id']) ?>');</script>
<?php endif; ?>
</head>
<body>

<?php require __DIR__ . '/partials/header.php'; ?>

<main id="main">
<?= $content ?>
</main>

<?php require __DIR__ . '/partials/footer.php'; ?>

<script src="<?= asset('js/coquille.js') ?>" defer></script>
</body>
</html>
