<?php
/**
 * index.php — generic blog/listing fallback.
 * front-page.php (static page loader) is added in Stage 2.
 */
defined('ABSPATH') || exit;
get_header(); ?>

<div class="zpj-wrap">
  <?php zpj_breadcrumbs(); ?>

  <header class="zpj-list-head">
    <h1 class="zpj-list-title"><?php echo esc_html(is_home() ? '記事一覧' : get_the_archive_title()); ?></h1>
  </header>

  <?php if (have_posts()) : ?>
    <div class="zpj-post-grid">
      <?php while (have_posts()) : the_post(); ?>
        <article class="zpj-card">
          <a class="zpj-card__link" href="<?php the_permalink(); ?>">
            <?php if (has_post_thumbnail()) : ?>
              <div class="zpj-ci"><?php the_post_thumbnail('zpj-card', ['loading' => 'lazy', 'decoding' => 'async']); ?></div>
            <?php endif; ?>
            <div class="zpj-cb">
              <?php $pc = zpj_primary_cat(); if ($pc) : ?>
                <span class="zpj-tag" style="--t:<?php echo esc_attr(zpj_cat_hue($pc)); ?>"><?php echo esc_html($pc->name); ?></span>
              <?php endif; ?>
              <h2 class="zpj-ct"><?php the_title(); ?></h2>
              <p class="zpj-card-excerpt"><?php echo zpj_excerpt(); ?></p>
              <span class="zpj-cm"><?php echo zpj_pub_date(); ?> · 約<?php echo (int) zpj_calc_rt(); ?>分</span>
            </div>
          </a>
        </article>
      <?php endwhile; ?>
    </div>

    <div class="zpj-pager"><?php the_posts_pagination(['mid_size' => 1, 'prev_text' => '前へ', 'next_text' => '次へ']); ?></div>

  <?php else : ?>
    <p class="zpj-empty">記事が見つかりませんでした。</p>
  <?php endif; ?>
</div>

<?php get_footer();