/* v2 Actors — l'ecosistema forestal: 6 perspectives al voltant d'una finca */

const V2_ACTORS = [
  {
    id: "ACT · 01", title: "Enginyers forestals",
    copy: "Consultors i autònoms que redacten IOFs, tramiten ajuts a SIDER i coordinen contractistes. Gestionen entre 20 i 50 finques simultàniament.",
    photo: V2_PHOTOS.forestMist,
    count: ["~1.000", "enginyers actius a Catalunya"],
    tags: ["IOF · PTGMF", "SIDER", "Coordinació"],
  },
  {
    id: "ACT · 02", title: "Cooperatives forestals",
    copy: "Gestionen finques de socis, distribueixen ordres de treball i consoliden documentació per a auditories. Centralitzen inventari, actuacions i costos.",
    photo: V2_PHOTOS.forestRoad,
    count: ["Multi-finca", "una sola cartera"],
    tags: ["Cartera consolidada", "Auditoria", "Reporting"],
  },
  {
    id: "ACT · 03", title: "Ens locals i administracions",
    copy: "Gestionen IOFs públics, monitoritzen vigències i justifiquen subvencions FEADER. Calendari d'instruments i evidències d'execució exportables.",
    photo: V2_PHOTOS.forestMtn,
    count: ["GFS · 5 línies", "SGF001 — SGF005"],
    tags: ["IOFs públics", "FEADER", "Justificació"],
  },
  {
    id: "ACT · 04", title: "Propietaris forestals",
    copy: "Famílies, masies i patrimonis privats. Veuen tota la vida de la finca — instruments vigents, actuacions executades i subvencions cobrades.",
    photo: V2_PHOTOS.forestAutumn,
    count: ["15-20 anys", "vigència del pla"],
    tags: ["Historial", "Subvencions", "Patrimoni"],
  },
  {
    id: "ACT · 05", title: "Contractistes silvícoles",
    copy: "Empreses que executen actuacions: aclarides, tales, xarxa viària, prevenció d'incendis. Reben ordres de treball amb rodals i pressupost desglossat.",
    photo: V2_PHOTOS.forestDense,
    count: ["Actuació", "amb evidències foto"],
    tags: ["Ordres de treball", "Execució", "Evidències"],
  },
  {
    id: "ACT · 06", title: "Centre de la Propietat Forestal",
    copy: "Tècnics del CPF que aproven IOFs i verifiquen actuacions. ForestOS prepara la documentació conforme a l'estàndard CPF — memòria, pressupost i mapes.",
    photo: V2_PHOTOS.forestPath,
    count: ["4.400 IOF", "vigents a Catalunya"],
    tags: ["Estàndard CPF", "Comprovació", "Bases reguladores"],
  },
];

const V2Actors = () => (
  <section id="ecosistema" className="v2-section">
    <div className="v2-container">
      <div className="reveal" style={{ maxWidth: 900, marginBottom: 56 }}>
        <V2Eyebrow>L'ecosistema forestal</V2Eyebrow>
        <h2>Cada ofici del bosc, <em>connectat</em>.<br/>Una sola plataforma, sis perspectives.</h2>
        <p className="v2-section__lede">
          Al voltant d'una sola finca treballen l'enginyer, la cooperativa, l'ens
          local, el propietari, el contractista i el CPF. ForestOS connecta tots
          aquests rols al mateix expedient, amb la mateixa veritat operativa.
        </p>
      </div>

      <div className="v2-actors-grid">
        {V2_ACTORS.map((a, i) => (
          <article key={a.id} className="v2-actor reveal" style={{ transitionDelay: `${i * 70}ms` }}>
            <div className="v2-actor__media">
              <img src={a.photo} alt="" loading="lazy"/>
            </div>
            <div className="v2-actor__hud">
              <span className="v2-actor__id">{a.id}</span>
              <span className="v2-actor__count"><strong>{a.count[0]}</strong> · {a.count[1]}</span>
            </div>
            <div className="v2-actor__body">
              <h3 className="v2-actor__title">{a.title}</h3>
              <p className="v2-actor__copy">{a.copy}</p>
              <div className="v2-actor__tags">
                {a.tags.map((t) => <span key={t} className="v2-actor__tag">{t}</span>)}
              </div>
            </div>
            <span className="v2-actor__corner">
              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
            </span>
          </article>
        ))}
      </div>
    </div>
  </section>
);

window.V2Actors = V2Actors;