// Kainos — plans aligned to erp365.lt/kainos (Core / Plus / Enterprise) + onboarding + comparison + FAQ

function PricingPage() {
  const url = window.__erp_url;
  return (
    <>
      <section className="erp-pagehead">
        <img src="assets/orbit-pattern.svg" className="erp-pagehead-orbit" alt="" />
        <div className="erp-container">
          <div className="erp-pagehead-inner">
            <div className="erp-breadcrumb">
              <a href={url('home')}>Pradžia</a>
              <span>/</span><span>Kainos</span>
            </div>
            <div className="erp-eyebrow">Kainos</div>
            <h1>Mūsų planai ir kainos</h1>
            <p>Mes siūlome daugiau nei išvystytą ERP sistemą — su planais gaunate ne tik sistemą ir neribotus nemokamus vartotojus, bet ir kitas būtinas paslaugas.</p>
          </div>
        </div>
      </section>

      {/* Mėnesiniai planai */}
      <section className="erp-section" style={{paddingTop: 64}}>
        <div className="erp-container">
          <div className="erp-section-head">
            <div className="erp-eyebrow">Mėnesiniai planai įmonėms</div>
            <h2 className="erp-section-title erp-section-title-sm">Pasirinkite jums tinkamą planą.</h2>
            <p className="erp-section-lede">Visi planai apima neribotą nemokamų vartotojų skaičių, sistemos talpinimą, atsargines kopijas ir priežiūrą.</p>
          </div>

          <div className="erp-pricing-grid erp-pricing-grid-3">
            {/* CORE */}
            <div className="erp-pricing-card">
              <div className="erp-eyebrow erp-eyebrow-muted">Core</div>
              <p className="erp-price-tag">Sklandžiai pradžiai</p>
              <div className="erp-price"><span className="erp-price-n">99€</span><span className="erp-price-u">/ mėn</span></div>
              <p className="erp-price-desc">Greitai pradžiai su nedidelėmis investicijomis.</p>
              <a href="https://appt.link/meet-with-erp365-7L7tGvrg" onClick={(e) => { e.preventDefault(); window.__erp_book_demo && window.__erp_book_demo(); }} className="erp-btn erp-btn-ghost erp-btn-full">Išbandykite ERP365</a>
              <div className="erp-price-sep">Kas įeina į planą:</div>
              <ul className="erp-price-list">
                <li>Neriboti nemokami vartotojai</li>
                <li>Vienos įmonės valdymas</li>
                <li>Visi standartiniai moduliai</li>
                <li>Sistemos talpinimo paslauga</li>
                <li>Atsarginės kopijos</li>
                <li>1 val. / mėn. konsultacijų</li>
                <li>Priežiūra</li>
              </ul>
              <div className="erp-price-sep erp-price-sep-sm">Papildomos paslaugos:</div>
              <ul className="erp-price-list erp-price-list-muted">
                <li>Papildomi poreikiai — 75 €/val.</li>
              </ul>
            </div>

            {/* PLUS */}
            <div className="erp-pricing-card erp-pricing-card-featured">
              <div className="erp-eyebrow">Plus</div>
              <p className="erp-price-tag">Augančiam verslui</p>
              <div className="erp-price"><span className="erp-price-n">299€</span><span className="erp-price-u">/ mėn</span></div>
              <p className="erp-price-desc">Greitai pradžiai su profesionalia nuolatine priežiūra.</p>
              <a href="https://appt.link/meet-with-erp365-7L7tGvrg" onClick={(e) => { e.preventDefault(); window.__erp_book_demo && window.__erp_book_demo(); }} className="erp-btn erp-btn-primary erp-btn-full">Išbandykite ERP365</a>
              <div className="erp-price-sep">Kas įeina į planą:</div>
              <ul className="erp-price-list">
                <li>Neriboti nemokami vartotojai</li>
                <li>Keleto įmonių valdymas</li>
                <li>Visi standartiniai moduliai</li>
                <li>Sistemos talpinimo paslauga</li>
                <li>Atsarginės kopijos</li>
                <li>4 val. / mėn. konsultacijų</li>
                <li>Prioritetinė priežiūra</li>
              </ul>
              <div className="erp-price-sep erp-price-sep-sm">Papildomos paslaugos:</div>
              <ul className="erp-price-list erp-price-list-muted">
                <li>Papildomi poreikiai — 65 €/val.</li>
              </ul>
            </div>

            {/* ENTERPRISE */}
            <div className="erp-pricing-card erp-pricing-card-dark">
              <div className="erp-eyebrow erp-eyebrow-picton">Enterprise</div>
              <p className="erp-price-tag erp-price-tag-light">Individualūs projektai įmonėms</p>
              <div className="erp-price"><span className="erp-price-n erp-price-n-sm" style={{fontSize: '36px'}}>nuo 10K€</span></div>
              <p className="erp-price-desc">Individualūs projektai, nuo analizės iki priežiūros po diegimo.</p>
              <a href={url('kontaktai')} className="erp-btn erp-btn-yellow erp-btn-full">Susisiekite su mumis</a>
              <div className="erp-price-sep erp-price-sep-light">Paslaugos:</div>
              <ul className="erp-price-list erp-price-list-light">
                <li>Detali poreikių analizė / auditas</li>
                <li>Projekto įvertinimas ir diegimo plano parengimas</li>
                <li>Projekto vykdymo priežiūra</li>
                <li>Visi būtini programavimo darbai</li>
                <li>Mokymai, dokumentacijos paruošimas</li>
                <li>Priežiūra sistemos paleidimo metu</li>
                <li>Diegimas jūsų serveryje</li>
                <li>Priežiūra po paleidimo</li>
              </ul>
            </div>
          </div>
        </div>
      </section>

      {/* Sklandaus starto paketas */}
      <section className="erp-section erp-section-gray" style={{paddingTop: 80}}>
        <div className="erp-container">
          <div className="erp-section-head">
            <div className="erp-eyebrow">Sklandaus starto paketas</div>
            <h2 className="erp-section-title erp-section-title-sm">Sėkmingam ir efektyviam startui.</h2>
            <p className="erp-section-lede">Sėkmingam sistemos startui būtina tinkamai pasiruošti. Nauji klientai gali pradėti savarankiškai arba su mūsų pagalba.</p>
          </div>

          <div className="erp-pricing-grid erp-pricing-grid-2">
            <div className="erp-pricing-card erp-pricing-card-featured erp-pricing-card-recommended">
              <div className="erp-eyebrow">Assisted</div>
              <div className="erp-price"><span className="erp-price-n">nuo 399€</span></div>
              <p className="erp-price-desc">Nuo 8 dedikuotų valandų šiems darbams:</p>
              <ul className="erp-price-list">
                <li>Nuotoliniai mokymai, konsultacijos</li>
                <li>Modulių konfigūravimas</li>
                <li>Pradinių duomenų importas</li>
                <li>Programavimo darbai</li>
                <li>Visi kiti su sistema susiję klausimai</li>
              </ul>
              <a href={url('kontaktai')} className="erp-btn erp-btn-ghost erp-btn-full">Susisiekti</a>
            </div>

            <div className="erp-pricing-card">
              <div className="erp-eyebrow erp-eyebrow-muted">Self</div>
              <div className="erp-price"><span className="erp-price-n">0€</span></div>
              <p className="erp-price-desc">Pradėk savarankiškai:</p>
              <ul className="erp-price-list">
                <li>Mokomoji online medžiaga</li>
                <li>Savarankiškas modulių konfigūravimas</li>
                <li>Savarankiškas pradinių duomenų importas</li>
              </ul>
              <a href={url('kontaktai')} className="erp-btn erp-btn-ghost erp-btn-full">Pradėti</a>
            </div>
          </div>
        </div>
      </section>

      {/* Comparison */}
      <section className="erp-section" style={{paddingTop: 80}}>
        <div className="erp-container">
          <div className="erp-section-head">
            <div className="erp-eyebrow">Palyginimas</div>
            <h2 className="erp-section-title erp-section-title-sm">Kas įeina į kiekvieną planą.</h2>
            <p className="erp-section-lede">Papildomi moduliai gali būti pridedami už papildomą mėnesinį mokestį — susisiekite dėl detalių.</p>
          </div>
          <div className="erp-price-compare-scroll">
          <table className="erp-price-compare-table">
            <thead>
              <tr>
                <th>Funkcijos</th><th>Core</th><th>Plus</th><th>Enterprise</th>
              </tr>
            </thead>
            <tbody>
              <tr className="erp-cat"><td colSpan="4">Vartotojai ir įmonės</td></tr>
              {[
                ['Nemokami vartotojai', 'Neriboti', 'Neriboti', 'Neriboti'],
                ['Įmonių valdymas', '1 įmonė', 'Kelios įmonės', 'Individualu'],
              ].map(([l, a, b, c]) => (
                <tr key={l}><td>{l}</td><td>{a}</td><td>{b}</td><td>{c}</td></tr>
              ))}

              <tr className="erp-cat"><td colSpan="4">Standartiniai moduliai</td></tr>
              {[
                ['Sąskaitų valdymas', true, true, true],
                ['Išlaidos', true, true, true],
                ['CRM', true, true, true],
                ['Pardavimai', true, true, true],
                ['Sandėlis', true, true, true],
                ['Gamyba', true, true, true],
                ['Pirkimai', true, true, true],
                ['Priežiūra (bazinis)', true, true, true],
                ['Darbuotojai', true, true, true],
                ['Įdarbinimas', true, true, true],
                ['Atostogos', true, true, true],
                ['Transportas', true, true, true],
                ['El. pašto rinkodara', true, true, true],
                ['SMS rinkodara', true, true, true],
                ['Renginiai', true, true, true],
                ['Apklausos', true, true, true],
                ['Projektai', true, true, true],
                ['Darbo laikas', true, true, true],
                ['Lauko darbai', true, true, true],
                ['Komunikacija', true, true, true],
              ].map(([l, a, b, c]) => (
                <tr key={l}>
                  <td>{l}</td>
                  <td>{a ? <span className="erp-cell-check">✓</span> : <span className="erp-cell-no">—</span>}</td>
                  <td>{b ? <span className="erp-cell-check">✓</span> : <span className="erp-cell-no">—</span>}</td>
                  <td>{c ? <span className="erp-cell-check">✓</span> : <span className="erp-cell-no">—</span>}</td>
                </tr>
              ))}

              <tr className="erp-cat"><td colSpan="4">Papildomi moduliai (už papildomą mėn. mokestį)</td></tr>
              {[
                ['Rivilė integracija (Odoo ⇄ Rivilė)', '+ 100 €/mėn.', '+ 100 €/mėn.', '+ 100 €/mėn.'],
                ['Įrangos priežiūra (Maintenance)', '+ 50 €/mėn.', '+ 50 €/mėn.', '+ 50 €/mėn.'],
                ['Siuntų integracija — DPD', '+ 20 €/mėn.', '+ 20 €/mėn.', '+ 20 €/mėn.'],
                ['Siuntų integracija — LP Express', '+ 20 €/mėn.', '+ 20 €/mėn.', '+ 20 €/mėn.'],
                ['Siuntų integracija — Omniva', '+ 20 €/mėn.', '+ 20 €/mėn.', '+ 20 €/mėn.'],
                ['Siuntų integracija — Venipak', '+ 20 €/mėn.', '+ 20 €/mėn.', '+ 20 €/mėn.'],
              ].map(([l, a, b, c]) => (
                <tr key={l}><td>{l}</td><td>{a}</td><td>{b}</td><td>{c}</td></tr>
              ))}

              <tr className="erp-cat"><td colSpan="4">Paslaugos ir priežiūra</td></tr>
              {[
                ['Sistemos talpinimas', 'Įskaičiuota', 'Įskaičiuota', 'Jūsų serveryje'],
                ['Atsarginės kopijos', 'Įskaičiuota', 'Įskaičiuota', 'Įskaičiuota'],
                ['Konsultacijų laikas', '1 val. / mėn.', '4 val. / mėn.', 'Individualu'],
                ['Priežiūra', 'Standartinė', 'Prioritetinė', 'Dedikuota'],
                ['Papildomi poreikiai (val. įkainis)', '75 €/val.', '65 €/val.', 'Pagal projektą'],
              ].map(([l, a, b, c]) => (
                <tr key={l}><td>{l}</td><td>{a}</td><td>{b}</td><td>{c}</td></tr>
              ))}

              <tr className="erp-cat"><td colSpan="4">Talpinimo paslaugos resursai</td></tr>
              {[
                ['Procesorius (vCPU)', '2 vCPU', '4 vCPU', 'Pagal projektą'],
                ['Operatyvioji atmintis (RAM)', '4 GB', '8 GB', 'Pagal projektą'],
                ['Duomenų saugykla (SSD)', '50 GB', '150 GB', 'Pagal projektą'],
                ['Mėnesinis duomenų srautas', '500 GB', '2 TB', 'Neribota'],
                ['Duomenų centro lokacija', 'LT / ES', 'LT / ES', 'Pasirinktinai'],
              ].map(([l, a, b, c]) => (
                <tr key={l}><td>{l}</td><td>{a}</td><td>{b}</td><td>{c}</td></tr>
              ))}

              <tr className="erp-cat"><td colSpan="4">Papildomi resursai (priedas prie mėn. mokesčio)</td></tr>
              {[
                ['+1 vCPU', '+ 9 €/mėn.', '+ 9 €/mėn.', 'Pagal projektą'],
                ['+1 GB RAM', '+ 6 €/mėn.', '+ 6 €/mėn.', 'Pagal projektą'],
                ['+50 GB SSD saugyklos', '+ 12 €/mėn.', '+ 12 €/mėn.', 'Pagal projektą'],
                ['+500 GB duomenų srauto', '+ 8 €/mėn.', '+ 8 €/mėn.', 'Neribota'],
                ['Dedikuotas IP adresas', '+ 5 €/mėn.', '+ 5 €/mėn.', 'Įskaičiuota'],
                ['Atskiras testinis (staging) serveris', '+ 49 €/mėn.', '+ 39 €/mėn.', 'Įskaičiuota'],
              ].map(([l, a, b, c]) => (
                <tr key={l}><td>{l}</td><td>{a}</td><td>{b}</td><td>{c}</td></tr>
              ))}
            </tbody>
          </table>
          </div>
          <p className="erp-compare-legend">
            <span className="erp-cell-check">✓</span> įskaičiuota &nbsp;·&nbsp;
            <span style={{color: 'var(--erp-freedom)', fontWeight: 600}}>+</span> galima pridėti už papildomą mėn. mokestį &nbsp;·&nbsp;
            — neįskaičiuota
          </p>
          <p className="erp-compare-legend" style={{marginTop: 6}}>
            Enterprise plano atveju talpinimas vyksta kliento serveryje arba pasirinktame duomenų centre — resursai planuojami pagal konkretų projektą.
          </p>
        </div>
      </section>

      {/* FAQ */}
      <section className="erp-section erp-section-gray">
        <div className="erp-container">
          <div className="erp-section-head erp-section-head-center" style={{textAlign: 'center'}}>
            <div className="erp-eyebrow">D.U.K.</div>
            <h2 className="erp-section-title erp-section-title-sm" style={{margin: '0 auto 14px'}}>Dažniausiai užduodami klausimai.</h2>
            <p className="erp-section-lede">Jei čia neradote atsakymo — parašykite, atsakysime per dieną.</p>
          </div>
          <FAQ />
        </div>
      </section>

      <CTASection title="Pasirengę dirbti išmaniau?" lede="Mes pasiruošę padėti — 30 minučių demo parodysime, kaip ERP365 veiks su jūsų duomenimis." primary="Išbandykite ERP365 →" secondary="Peržiūrėti funkcionalumą" />
    </>
  );
}

function FAQ() {
  const [open, setOpen] = React.useState(0);
  const items = [
    ['Ar į mėnesinį planą įeina visi vartotojai?', 'Taip. Visi mėnesiniai planai (Core, Plus) apima neribotą nemokamų vartotojų skaičių — jums nereikia mokėti už kiekvieną darbuotoją atskirai.'],
    ['Kuo skiriasi Core ir Plus planai?', 'Core skirtas vienos įmonės valdymui su 1 val./mėn. konsultacijų ir standartine priežiūra. Plus leidžia valdyti kelias įmones, apima 4 val./mėn. konsultacijų ir prioritetinę priežiūrą. Papildomų darbų įkainis Plus plane — 65 €/val. (vs. 75 €/val. Core plane).'],
    ['Kas yra Enterprise planas?', 'Enterprise — tai individualūs projektai įmonėms, kurioms reikia gilesnio pritaikymo, diegimo savo serveryje arba specifinių integracijų. Projektai prasideda nuo 10 000 €. Apima detalią poreikių analizę, diegimo planą, programavimo darbus, mokymus ir priežiūrą po paleidimo.'],
    ['Kas yra papildomi moduliai?', 'Prie standartinių modulių galite pridėti specializuotus mūsų sukurtus modulius — Rivilės integraciją (100 €/mėn.), Įrangos priežiūrą (50 €/mėn.) ir kurjerių siuntų integracijas (DPD, LP Express, Omniva, Venipak — po 20 €/mėn. už kurjerį). Detalesnis aprašymas — Sprendimų skiltyje, sąrašas su kainomis — palyginimo lentelėje aukščiau.'],
    ['Ar reikia mokėti diegimo mokestį?', 'Starto paketas pasirenkamas atskirai: Self (0 €) — pradėkite savarankiškai pagal mokomąją medžiagą; Assisted (nuo 399 €) — 8 dedikuotos valandos nuotoliniams mokymams, konfigūravimui ir duomenų importui.'],
    ['Ar galima migruoti duomenis iš dabartinės sistemos?', 'Taip. Turime patirties migruojant iš 1C, SAP Business One, Microsoft Dynamics, Sage, Navision ir Excel. Migracijos darbai atliekami pagal valandinį įkainį arba įtraukiami į Enterprise projekto apimtį.'],
    ['Ar duomenys laikomi Lietuvoje?', 'Taip. ERP365 duomenys laikomi sertifikuotuose duomenų centruose Europos Sąjungoje (Lietuvoje ir Vokietijoje), atitinkančiuose ISO 27001 ir BDAR (GDPR) reikalavimus.'],
    ['Kas bus, jei norėsiu išvykti?', 'Galite bet kada eksportuoti visus savo duomenis standartiniais formatais (CSV, Excel, SQL). Sistema yra atviro kodo, todėl neprisirišate prie vieno tiekėjo.'],
  ];
  return (
    <div className="erp-faq">
      {items.map(([q, a], i) => (
        <div key={i} className={`erp-faq-item ${open === i ? 'is-open' : ''}`}>
          <div className="erp-faq-q" onClick={() => setOpen(open === i ? -1 : i)}>
            <span>{q}</span>
            <span className="erp-faq-icon">+</span>
          </div>
          <div className="erp-faq-a">
            <div className="erp-faq-a-inner"><p>{a}</p></div>
          </div>
        </div>
      ))}
    </div>
  );
}

window.PricingPage = PricingPage;