<?php
require_once __DIR__ . '/inc/template.php';

page_active('articles');
page_title('Articles');
page_desc('Articles et conseils autour de la médecine chinoise, du Tuina, du Qigong et de la santé selon la tradition chinoise.');

$articles = articles_fusionnes();

ob_start();
?>
<section class="page-hero">
  <div class="grain"></div>
  <?php hero_image('hero.articles'); ?>
  <div class="wrap">
    <?= fil_ariane([['Articles', null]]) ?>
    <div class="kick tag">Le blog</div>
    <?php zone_texte('hero.articles.titre', '<h1 class="cor">Articles</h1>'); ?>
    <?php zone_texte('hero.articles.lead', '<p class="lead">Conseils et réflexions autour de la médecine chinoise et de la santé.</p>'); ?>
  </div>
</section>

<?php section_ouvrir('articles.1','wrap prose'); ?>
  <?php if (!$articles): ?>
    <div class="info-box" style="text-align:center">
      <p>Les premiers articles arrivent bientôt. Revenez prochainement pour découvrir conseils et réflexions sur la médecine chinoise.</p>
    </div>
  <?php else: ?>
    <div class="articles-grid">
      <?php foreach ($articles as $a):
        $ext = ($a['source'] === 'lishan');
        $href = e($a['lien']);
        $cible = $ext ? ' target="_blank" rel="noopener"' : '';
        $dateFr = !empty($a['date']) ? date('d/m/Y', strtotime($a['date'])) : '';
      ?>
        <a class="article-card" href="<?= $href ?>"<?= $cible ?>>
          <?php if (!empty($a['image'])): ?>
            <div class="article-img"><img src="<?= e($a['image']) ?>" alt="<?= e($a['titre']) ?>" loading="lazy"></div>
          <?php else: ?>
            <div class="article-img article-img-vide"><span class="cor">推拿</span></div>
          <?php endif; ?>
          <div class="article-body">
            <div class="article-meta">
              <?php if ($ext): ?>
                <span class="article-badge">Lishan</span>
              <?php elseif (!empty($a['cat'])): ?>
                <span class="article-cat"><?= e($a['cat']) ?></span>
              <?php endif; ?>
              <?php if ($dateFr): ?><span class="article-date"><?= e($dateFr) ?></span><?php endif; ?>
            </div>
            <h2 class="cor"><?= e($a['titre']) ?></h2>
            <p><?= e($a['extrait']) ?></p>
            <span class="article-lien"><?= $ext ? 'Lire sur lishan.fr →' : 'Lire la suite →' ?></span>
          </div>
        </a>
      <?php endforeach; ?>
    </div>
    <p class="articles-note">Certains articles proviennent de notre école partenaire <a href="https://lishan.fr" target="_blank" rel="noopener">Institut Lishan</a>.</p>
  <?php endif; ?>
<?php section_fermer(); ?>

<?php
render_page(ob_get_clean());