<?php
$currentPage = 'principals-message';
require __DIR__ . '/_includes/db_connect.php';

$site = getSiteSettings();
$page = getPageContent('principals-message');

$pageTitle = ($page['page_title'] ?? "Principal's Message") . ' - ' . ($site['school_name'] ?? '');
$metaDescription = $page['meta_description'] ?? '';
require __DIR__ . '/_includes/header.php';
?>

  <!-- Page Header -->
  <section class="page-header">
    <div class="container">
      <h1><?= e($page['section1_heading'] ?? "Principal's Message") ?></h1>
      <div class="breadcrumb">
        <a href="index.php">Home</a> / <a href="#">School</a> / Principal's Message
      </div>
    </div>
  </section>

  <!-- Content -->
  <section class="section">
    <div class="container">
      <div class="two-col">
        <div>
          <?= raw($page['section1_content'] ?? '') ?>
          <?php if (!empty($site['principal_name'])): ?>
          <p><strong><?= e($site['principal_name']) ?></strong><br><?= e($site['principal_title'] ?? '') ?>, <?= e($site['school_name'] ?? '') ?></p>
          <?php endif; ?>
        </div>
        <div class="placeholder-img placeholder-img--hero">
          <?php if (!empty($page['section1_video_url'])): ?>
          <?= renderVideo($page['section1_video_url']) ?>
          <?php elseif (!empty($page['section1_image_url'])): ?>
          <img src="<?= e($page['section1_image_url']) ?>" alt="<?= e($page['section1_image_alt'] ?? '') ?>" style="width:100%;height:100%;object-fit:cover;">
          <?php else: ?>
          [<?= e($page['section1_image_alt'] ?? "Principal's Photo") ?>]
          <?php endif; ?>
        </div>
      </div>
    </div>
  </section>

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