// Home page — hero + trust strip + feature preview + pricing teaser + testimonial

const homeModules = [
  { id: 'crm',        label: 'CRM',        icon: 'assets/odoo-crm.svg' },
  { id: 'pirkimai',   label: 'Pirkimai',   icon: 'assets/odoo-purchase.svg' },
  { id: 'pardavimai', label: 'Pardavimai', icon: 'assets/odoo-sales.svg' },
  { id: 'atsargos',   label: 'Atsargos',   icon: 'assets/odoo-inventory.svg' },
  { id: 'projektai',  label: 'Projektai',  icon: 'assets/odoo-project.svg' },
  { id: 'prieziura',  label: 'Priežiūra',  icon: 'assets/odoo-maintenance.svg' },
  { id: 'apskaita',   label: 'Apskaita',   icon: 'assets/odoo-accounting.svg' },
  { id: 'gamyba',     label: 'Gamyba',     icon: 'assets/odoo-manufacturing.svg' },
  { id: 'skydeliai',  label: 'Skydeliai',  icon: 'assets/odoo-dashboards.svg' },
];

function HomePage() {
  const url = window.__erp_url;
  const [mod, setMod] = React.useState('crm');

  return (
    <>
      {/* Hero */}
      <section className="erp-hero erp-hero-center">
        <img src="assets/orbit-pattern.svg" className="erp-hero-orbit" alt="" />
        <div className="erp-container">
          <div className="erp-hero-center-inner">
            <h1 className="erp-hero-title">
              ERP, kuris veikia<br/>
              <span className="erp-accent">nuo pirmos dienos.</span>
            </h1>
            <p className="erp-hero-lede">
              Odoo ERP nuomos paslauga pritaikyta Lietuvos įmonėms.<br />
              Pradėkite dirbti per kelias dienas — ne mėnesius.<br />
              Neriboti vartotojai nuo 99 EUR / mėn.
            </p>
            <div className="erp-hero-ctas">
              <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-lg">Užsisakyti demo →</a>
              <a href={url('funkcionalumas')} className="erp-btn erp-btn-ghost-dark erp-btn-lg">Pažiūrėti funkcionalumą</a>
            </div>
            <div className="erp-hero-meta">
              <span><span className="erp-check">✓</span> 10+ metų patirtis</span>
              <span className="erp-hero-meta-sep" aria-hidden="true">·</span>
              <span><span className="erp-check">✓</span> Pradėkite greitai</span>
              <span className="erp-hero-meta-sep" aria-hidden="true">·</span>
              <span><span className="erp-check">✓</span> Padėsime importuoti duomenis</span>
            </div>
          </div>
          <HomeModuleNav modules={homeModules} active={mod} onSelect={setMod} url={url} />
          <div className="erp-hero-mock-wrap">
            <div className="erp-hero-mock-glow" aria-hidden="true" />
            <HomeMockSwitch kind={mod} />
          </div>
        </div>
      </section>

      {/* Trust block — text + client logos */}
      <section className="erp-trust">
        <div className="erp-container">
          <div className="erp-trust-grid">
            <div className="erp-trust-text">
              <h2 className="erp-trust-title">Mumis pasitiki</h2>
              <p className="erp-trust-lede">
                Per ilgus darbo metus esame įgyvendinę ne vieną ypatingo
                sudėtingumo projektą. Taip pat daugybę mažesnės apimties
                projektų. Džiaugiamės savo klientais ir galimybe dirbti kartu.
              </p>
            </div>
            <div className="erp-trust-logos">
              {[
                { name: 'Inforsanas',        file: 'inforsanas.svg' },
                { name: 'Carglass',          file: 'carglass.png' },
                { name: 'Cherrymusic',       file: 'cherrymusic.png' },
                { name: 'Klimato vektoriai', file: 'klimato-vektoriai.png' },
                { name: 'Lithutec',          file: 'lithutec.svg' },
                { name: 'Muresta',           file: 'muresta.png' },
                { name: 'GeoNovus',          file: 'geonovus.svg' },
                { name: 'MDP Cloud',         file: 'mdp-cloud.png' },
              ].map(c => (
                <div key={c.name} className="erp-trust-logo">
                  <img src={`assets/clients/${c.file}`} alt={c.name} />
                </div>
              ))}
            </div>
          </div>
        </div>
      </section>

      {/* Feature preview */}
      <section className="erp-section">
        <div className="erp-container">
          <div className="erp-section-head">
            <div className="erp-eyebrow">20 Odoo modulių</div>
            <h2 className="erp-section-title">Viskas, ko reikia verslo valdymui.</h2>
            <p className="erp-section-lede">Vienas prisijungimas. Viena duomenų bazė. Jokio Excel chaoso.</p>
          </div>
          <div className="erp-feature-grid">
            {[
              { icon: 'trending-up', title: 'Finansai', body: 'Sąskaitų valdymas, išlaidos. VMI i.SAF integracija ir mokėjimų stebėjimas realiu laiku.' },
              { icon: 'users', title: 'Pardavimai ir CRM', body: 'Pardavimų piltuvas, pasiūlymai, užsakymai — nuo pirmo kontakto iki sumokėtos sąskaitos.' },
              { icon: 'package', title: 'Tiekimo grandinė', body: 'Sandėlis, gamyba, pirkimai ir įrangos priežiūra — sinchronizuoti likučiai realiu laiku.' },
              { icon: 'users-round', title: 'Žmogiškieji ištekliai', body: 'Darbuotojai, įdarbinimas, atostogos ir įmonės transporto parkas.' },
              { icon: 'megaphone', title: 'Rinkodara', body: 'El. paštas, SMS, renginiai ir apklausos — segmentuotos kampanijos tiesiai iš CRM.' },
              { icon: 'briefcase', title: 'Paslaugos ir komanda', body: 'Projektai, laiko apskaita, lauko darbai ir vidinė komandos komunikacija.' },
            ].map(f => (
              <div key={f.title} className="erp-feature-card">
                <div className="erp-feature-icon"><i data-lucide={f.icon}></i></div>
                <h3>{f.title}</h3>
                <p>{f.body}</p>
              </div>
            ))}
          </div>
          <div style={{textAlign: 'center', marginTop: 40}}>
            <a href={url('funkcionalumas')} className="erp-btn erp-btn-ghost">Visi moduliai →</a>
          </div>
        </div>
      </section>

      {/* Why ERP365 (alternating dark) */}
      <section className="erp-section erp-section-dark">
        <div className="erp-container">
          <div className="erp-section-head">
            <div className="erp-eyebrow">Kodėl ERP365</div>
            <h2 className="erp-section-title">ERP be staigmenų. Be paslėptų kainų.</h2>
            <p className="erp-section-lede">Mes dirbame kitaip nei tipinis ERP diegėjas. Štai konkretūs skirtumai.</p>
          </div>
          <div className="erp-feature-grid">
            {[
              { icon: 'zap', title: 'Diegimas per 4–6 savaites', body: 'Ne 6–12 mėnesių. Turime standartinius šablonus pagal veiklos sritį — jų dauguma tinka iškart.' },
              { icon: 'wallet', title: 'Skaidri kainodara', body: 'Konkretūs skaičiai — planai nuo 99€/mėn. su neribotais vartotojais. Jokio „susisiekite dėl kainos". Jokių licencijų klausimų.' },
              { icon: 'handshake', title: 'Ilgalaikė partnerystė', body: 'Ne projektas, o ryšys. 10+ metų patirties. Klientai lieka su mumis po 5, 8, 10 metų.' },
            ].map(f => (
              <div key={f.title} className="erp-feature-card" style={{background: 'rgba(255,255,255,0.04)', borderColor: 'rgba(255,255,255,0.08)'}}>
                <div className="erp-feature-icon" style={{background: 'rgba(0,128,255,0.2)', color: '#50C3FF'}}><i data-lucide={f.icon}></i></div>
                <h3 style={{color: '#fff'}}>{f.title}</h3>
                <p style={{color: '#8B98AB'}}>{f.body}</p>
              </div>
            ))}
          </div>
        </div>
      </section>

      {/* Pricing teaser */}
      <section className="erp-section erp-section-gray">
        <div className="erp-container">
          <div className="erp-section-head">
            <div className="erp-eyebrow">Kainodara</div>
            <h2 className="erp-section-title">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={url('kontaktai')} 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 talpinimas ir atsarginės kopijos</li>
                <li>1 val. / mėn. konsultacijų</li>
                <li>Priežiūra</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={url('kontaktai')} 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 talpinimas ir atsarginės kopijos</li>
                <li>4 val. / mėn. konsultacijų</li>
                <li>Prioritetinė priežiūra</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 planas</li>
                <li>Visi būtini programavimo darbai</li>
                <li>Mokymai ir dokumentacija</li>
                <li>Diegimas jūsų serveryje</li>
                <li>Priežiūra po paleidimo</li>
              </ul>
            </div>
          </div>
          <div style={{textAlign: 'center', marginTop: 32}}>
            <a href={url('kainos')} className="erp-btn erp-btn-ghost">Visa kainodaros informacija →</a>
          </div>
        </div>
      </section>

      <CTASection />
    </>
  );
}

function HomeModuleNav({ modules, active, onSelect, url }) {
  return (
    <div className="erp-home-modnav" role="tablist" aria-label="Modulių peržiūra">
      {modules.map(m => (
        <button
          key={m.id}
          type="button"
          role="tab"
          aria-selected={active === m.id}
          className={`erp-home-modnav-item ${active === m.id ? 'is-active' : ''}`}
          onClick={() => onSelect(m.id)}
        >
          <img src={m.icon} alt="" className="erp-home-modnav-icon" />
          <span className="erp-home-modnav-label">{m.label}</span>
        </button>
      ))}
      <a href={url('funkcionalumas')} className="erp-home-modnav-item erp-home-modnav-more">
        <span className="erp-home-modnav-more-plus" aria-hidden="true">+</span>
        <span className="erp-home-modnav-label">ir dar 15+ modulių<span className="erp-home-modnav-more-extra"><br />kai tik prireiks</span></span>
      </a>
    </div>
  );
}

function HomeMockSwitch({ kind }) {
  if (kind === 'crm')        return <><DashboardMock /><DashboardMockMobileCRM /></>;
  if (kind === 'pardavimai') return <><DashboardMockPardavimai /><DashboardMockMobilePardavimai /></>;
  if (kind === 'atsargos')   return <><DashboardMockAtsargos /><DashboardMockMobileAtsargos /></>;
  if (kind === 'projektai')  return <><DashboardMockProjektai /><DashboardMockMobileProjektai /></>;
  if (kind === 'apskaita')   return <><DashboardMockApskaita /><DashboardMockMobileApskaita /></>;
  if (kind === 'gamyba')     return <><DashboardMockGamyba /><DashboardMockMobileGamyba /></>;
  if (kind === 'skydeliai')  return <><DashboardMockSkydeliai /><DashboardMockMobileSkydeliai /></>;
  if (kind === 'pirkimai')   return <><DashboardMockPirkimai /><DashboardMockMobilePirkimai /></>;
  if (kind === 'prieziura')  return <><DashboardMockPrieziura /><DashboardMockMobilePrieziura /></>;
  return <DashboardMock />;
}

window.HomePage = HomePage;