/**
 * BvPS — Centrale artikelenlijst
 *
 * Voeg nieuwe artikelen toe aan het begin van deze array.
 * Datum-formaat: "YYYY-MM-DD" (wordt gebruikt voor automatische sortering).
 * De homepage toont altijd de 3 meest recente artikelen.
 */

const BVPS_ARTIKELEN = [
  {
    datum:       "2026-02-01",
    datumLabel:  "Februari 2026",
    label:       "PM-CM",
    titel:       "Capaciteitsmanagement is geen rapportage. Het is drie gesprekken op drie niveaus.",
    intro:       "Operationeel, tactisch en strategisch capaciteitsmanagement zijn drie verschillende disciplines — met elk een eigen vraag, horizon en detailniveau. Wie dat onderscheid niet maakt, verliest grip op alle drie.",
    url:         "https://www.bvps.nl/artikelen/capaciteitsmanagement-drie-niveaus.html",
  },
  {
    datum:       "2026-06-01",
    datumLabel:  "Juni 2026",
    label:       "PM-CM",
    titel:       "Capaciteitsmanagement in overheidsportfolio's",
    intro:       "Van knelpunt naar strategisch stuurmiddel — hoe je vraag en aanbod in balans brengt en bewuste portfoliokeuzes maakt.",
    url:         "https://www.bvps.nl/artikelen/capaciteitsmanagement-overheidsportfolios.html",
  },
  {
    datum:       "2026-05-01",
    datumLabel:  "Mei 2026",
    label:       "SPM",
    titel:       "Wat is strategisch portfoliomanagement?",
    intro:       "Hoe overheidsorganisaties regie krijgen over hun veranderagenda — en de juiste keuzes maken over welke initiatieven ze wél en niet oppakken.",
    url:         "https://www.bvps.nl/artikelen/wat-is-strategisch-portfoliomanagement.html",
  },
  {
    datum:       "2026-04-01",
    datumLabel:  "April 2026",
    label:       "PPM · SPM",
    titel:       "PPM vs SPM: wat is het verschil?",
    intro:       "PPM en SPM worden regelmatig door elkaar gebruikt — maar ze zijn niet hetzelfde. Het verschil begrijpen bepaalt of uw portfoliofunctie strategisch gewicht heeft of uitsluitend administratief blijft.",
    url:         "https://www.bvps.nl/artikelen/ppm-vs-spm-wat-is-het-verschil.html",
  },
  {
    datum:       "2026-03-01",
    datumLabel:  "Maart 2026",
    label:       "SPM",
    titel:       "Hoe koppel je SPM aan de strategie van je organisatie?",
    intro:       "Van hoog-over ambitie naar een toetsbaar portfolio — waarom strategie bij de overheid vaak niet \"landt\", en hoe je een werkbare koppeling tussen strategie en portfolio bouwt.",
    url:         "https://www.bvps.nl/artikelen/koppeling-strategie-portfolio.html",
  },
];

/**
 * Geeft artikelen terug, gesorteerd op datum (nieuwste eerst).
 * @param {number|null} max  - Optioneel: maximaal aantal terug te geven artikelen.
 */
function getBvpsArtikelen(max) {
  const gesorteerd = [...BVPS_ARTIKELEN].sort((a, b) => b.datum.localeCompare(a.datum));
  return max ? gesorteerd.slice(0, max) : gesorteerd;
}

/**
 * Genereert de HTML voor één artikelkaart.
 */
function renderArtikelKaart(artikel) {
  return `
    <a class="inzicht-card" href="${artikel.url}">
      <div class="inzicht-card-top"></div>
      <div class="inzicht-card-body">
        <div class="inzicht-meta">
          <span class="inzicht-label">${artikel.label}</span>
          <span class="inzicht-date">${artikel.datumLabel}</span>
        </div>
        <h3>${artikel.titel}</h3>
        <p>${artikel.intro}</p>
        <span class="inzicht-readmore">
          Lees artikel
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
        </span>
      </div>
    </a>`;
}