---
// PC4 - Liste articles Substack en scroll sous l'iframe carte.
// V1 placeholder data en dur ; PC6 (journal n8n) remplacera par fetch journal.json filtre tag #politique.
const articles = [
  {
    date: '2026-04-28',
    titre: 'Cap sur l\'autonomie : retour sur 6 mois de chantier',
    url: 'https://transformations.substack.com/p/cap-autonomie',
  },
  {
    date: '2026-04-15',
    titre: 'Le commun comme infrastructure',
    url: 'https://transformations.substack.com/p/commun-infrastructure',
  },
  {
    date: '2026-03-30',
    titre: 'Architecte ou operateur de bifurcation ?',
    url: 'https://transformations.substack.com/p/architecte-bifurcation',
  },
  {
    date: '2026-03-12',
    titre: 'Reseaux AEP : pourquoi la coordination est politique',
    url: 'https://transformations.substack.com/p/aep-coordination',
  },
  {
    date: '2026-02-26',
    titre: 'Sortir du sauveur, entrer dans le compagnon',
    url: 'https://transformations.substack.com/p/sauveur-compagnon',
  },
  {
    date: '2026-02-08',
    titre: 'Petit manifeste contre l\'expert isole',
    url: 'https://transformations.substack.com/p/contre-expert-isole',
  },
  {
    date: '2026-01-22',
    titre: 'Ce que la commande publique fait a la pensee',
    url: 'https://transformations.substack.com/p/commande-publique',
  },
  // TODO PC6 : remplacer par fetch journal.json filtre tag #politique.
];
---
<section class="border-t border-neutral-200 py-6 px-4 bg-white">
  <h3 class="text-sm font-semibold uppercase tracking-wider text-neutral-500 mb-4">
    Derniers articles ; Substack
  </h3>
  <ul class="space-y-3">
    {articles.map(({ date, titre, url }) => (
      <li>
        <a
          href={url}
          target="_blank"
          rel="noopener"
          class="block group"
        >
          <time class="text-xs text-neutral-400">{date}</time>
          <p class="text-sm text-neutral-800 group-hover:text-neutral-600 transition-colors leading-snug">
            {titre}
          </p>
        </a>
      </li>
    ))}
  </ul>
  <a
    href="https://transformations.substack.com"
    target="_blank"
    rel="noopener"
    class="inline-block mt-4 text-xs text-neutral-500 hover:text-neutral-900"
  >
    Voir tous les articles &rarr;
  </a>
</section>