---
import AchizitiiLayout from '../../layouts/AchizitiiLayout.astro';
import { RECIPES } from '../../lib/recipes.js';

export const prerender = false;

const categoryLabels: Record<string, string> = {
  concentrare: 'Concentrare',
  directa: 'Achiziție directă',
  modificate: 'Modificări',
  temporal: 'Pattern temporal',
  reach: 'Reach geografic',
  cpv: 'Categorii CPV',
  firme: 'Profil firmă (ONRC + financiare)',
  politicieni: 'Politicieni × firme × stat (ANI)',
  'red-flags': '🚩 Red flags — pattern-uri legal/etic problematice',
};

const groups = RECIPES.reduce((acc, r) => {
  (acc[r.category] = acc[r.category] || []).push(r);
  return acc;
}, {} as Record<string, typeof RECIPES>);
---

<AchizitiiLayout
  title="Rețete investigative — semnale gata-pregătite · vreaudigital.ro"
  description="Rețete predefinite pentru jurnaliști și ONG: capture instituțională, achiziții directe mari, contracte modificate, spike Q4, dependență furnizor, etc."
>
  <main class="bg-page">
    <section class="max-w-content mx-auto px-4 py-10">
      <span class="label-meta">Rețete investigative</span>
      <h1 class="font-display text-5xl mt-3 max-w-3xl text-ink">
        Întrebări gata-puse <span class="text-stamp">despre achiziții publice</span>.
      </h1>
      <p class="text-base text-meta mt-4 max-w-2xl">
        Fiecare rețetă rulează un query peste cele 642K+ anunțuri SEAP/TED și-ți arată instant
        cele mai relevante semnale. Partajabile prin URL — copiază linkul, dă-l mai departe,
        apare la fel pentru oricine.
      </p>

      <div class="rule-meta mt-8" />

      {Object.entries(groups).map(([cat, recipes]) => (
        <div class="mb-10">
          <h2 class="font-display text-xl text-ink mb-3">{categoryLabels[cat] || cat}</h2>
          <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-3">
            {recipes.map((r) => (
              <a href={`/retete/${r.slug}`} class="panel hover:border-stamp transition-colors group">
                <div class="flex items-start justify-between gap-3 mb-2">
                  <div class="text-2xl">{r.icon}</div>
                  <span class="label-meta text-stamp" style="font-size: 9.5px;">→ deschide</span>
                </div>
                <div class="font-display text-base text-ink leading-snug group-hover:text-stamp transition-colors mb-2">{r.title}</div>
                <p class="text-xs text-meta leading-relaxed">{r.teaser}</p>
              </a>
            ))}
          </div>
        </div>
      ))}

      <div class="mt-12 p-6 panel" style="background: linear-gradient(180deg, var(--rule-soft) 0%, white 100%); border-left: 3px solid var(--stamp);">
        <div class="label-meta text-stamp">contribuie</div>
        <h3 class="font-display text-lg text-ink mt-2 mb-2">Ai o întrebare pe care ar trebui să o investigăm sistematic?</h3>
        <p class="text-sm text-meta">
          Rețetele sunt query-uri SQL pe schema OCDS/SEAP. Dacă faci jurnalism investigativ
          sau ONG advocacy și ai un pattern recurent (single-bidder pe spitale, cancelled-republished
          la primării, etc.), trimite-ne un email la <a href="mailto:retete@vreaudigital.ro" class="text-stamp underline">retete@vreaudigital.ro</a>
          cu descrierea + 2-3 exemple. Adăugăm rețeta în câteva zile.
        </p>
      </div>

    </section>
  </main>
</AchizitiiLayout>
