<?php
require_once dirname(__DIR__) . '/common/init.php';

$page_title       = 'AIデータセンター投資・GPU節税 記事一覧';
$page_description = 'AIデータセンター投資・GPUサーバー・100%即時償却・経営強化税制A類型に関する専門記事一覧。業者比較・制度解説・実践ノウハウ・税務リスク・FAQを網羅。税理士監修・国税OB監修。';
$canonical_url    = SITE_URL . '/articles/';

$articles = require ROOT_DIR . '/data/articles.php';

// カテゴリフィルター
$cat_filter = $_GET['cat'] ?? '';
if ($cat_filter) {
    $articles = array_filter($articles, fn($a) => $a['category'] === $cat_filter);
}

// priority降順
$articles = is_array($articles) ? $articles : iterator_to_array($articles);
usort($articles, fn($a, $b) => ($b['priority'] ?? 0) <=> ($a['priority'] ?? 0));

$cat_names = [
    'guide'      => '制度解説',
    'comparison' => '業者比較',
    'practice'   => '実践・運用',
    'vendor'     => '業者レビュー',
    'risk'       => 'リスク',
    'faq'        => 'FAQ',
];

require_once ROOT_DIR . '/includes/header.php';
?>

<div class="container">
  <nav class="breadcrumb">
    <a href="<?= SITE_URL ?>/">ホーム</a><span>/</span>
    <span>記事一覧</span>
  </nav>

  <div class="page-header">
    <h1>AIデータセンター投資・GPU節税 記事一覧</h1>
    <p class="page-desc">AIデータセンター投資・GPUサーバー・100%即時償却・経営強化税制A類型に関する全<?= count($articles) ?>記事。業者比較・制度解説・実践ノウハウ・税務リスク・FAQを網羅。</p>
  </div>

  <div class="category-tabs">
    <a href="<?= SITE_URL ?>/articles/" class="category-tab <?= !$cat_filter ? 'is-active' : '' ?>">すべて</a>
    <?php foreach ($cat_names as $key => $label): ?>
    <a href="<?= SITE_URL ?>/articles/?cat=<?= h($key) ?>" class="category-tab <?= $cat_filter === $key ? 'is-active' : '' ?>"><?= h($label) ?></a>
    <?php endforeach; ?>
  </div>

  <div class="articles-grid">
    <?php foreach ($articles as $art): ?>
    <a href="<?= SITE_URL ?>/articles/<?= h($art['slug']) ?>/" class="article-card">
      <div class="article-card-thumb">
        <?php $thumb = ROOT_DIR . '/assets/img/thumbs/' . $art['slug'] . '.webp'; ?>
        <?php if (file_exists($thumb)): ?>
        <img src="<?= SITE_URL ?>/assets/img/thumbs/<?= h($art['slug']) ?>.webp" alt="<?= h($art['title']) ?>" loading="lazy">
        <?php else: ?>
        <i data-lucide="file-text"></i>
        <?php endif; ?>
      </div>
      <div class="article-card-body">
        <span class="article-card-cat"><?= h($cat_names[$art['category']] ?? $art['category']) ?></span>
        <h2 class="article-card-title"><?= h($art['title']) ?></h2>
        <p class="article-card-desc"><?= h($art['description']) ?></p>
        <span class="article-card-date"><?= h($art['updated_at']) ?></span>
      </div>
    </a>
    <?php endforeach; ?>
  </div>
</div>

<?php require_once ROOT_DIR . '/includes/footer.php'; ?>
