// Downloads page
const BASE_URL = "https://arquivos.tecnologia8bits.com.br/util/";

const DOWNLOADS = [
  {
    name: "Suporte 8Bits",
    desc: "Ferramenta exclusiva da 8Bits para atendimento remoto rápido. Use quando solicitado pelo técnico.",
    type: "EXE", size: "25,5 MB", tag: "Suporte", cat: "Suporte",
    file: "suporte8bits.exe"
  },
  {
    name: "AnyDesk — Acesso Remoto",
    desc: "Alternativa de acesso remoto. Use para receber atendimento quando solicitado.",
    type: "EXE", size: "7,5 MB", tag: "Suporte", cat: "Suporte",
    file: "anydesk.exe"
  },
  {
    name: "WinRAR",
    desc: "Compactador e descompactador de arquivos. Necessário para abrir pacotes .rar e .zip.",
    type: "EXE", size: "6,3 MB", tag: "Utilitário", cat: "Utilitários",
    file: "winrar.exe"
  },
  {
    name: "Speccy",
    desc: "Exibe informações completas do hardware do computador. Útil para diagnóstico remoto.",
    type: "EXE", size: "18,4 MB", tag: "Utilitário", cat: "Utilitários",
    file: "speccy-1-33-079.exe"
  },
  {
    name: "Chocolatey",
    desc: "Gerenciador de pacotes para Windows. Facilita instalação de programas via linha de comando.",
    type: "ZIP", size: "1 KB", tag: "Utilitário", cat: "Utilitários",
    file: "chocolatey.zip"
  },
  {
    name: "MAS — Microsoft Activation Scripts",
    desc: "Scripts oficiais de ativação do Windows e Office. Uso sob responsabilidade do usuário.",
    type: "RAR", size: "133 KB", tag: "Utilitário", cat: "Utilitários",
    file: "MAS.rar"
  },
];

function DownloadsPage() {
  const cats = ["Todos", "Suporte", "Utilitários"];
  const [active, setActive] = React.useState("Todos");
  const filtered = active === "Todos" ? DOWNLOADS : DOWNLOADS.filter(d => d.cat === active);

  return (
    <>
      <section className="hero-page">
        <div className="grid-bg" />
        <div className="wrap">
          <div className="crumbs"><a href="#/home">Home</a> / Downloads</div>
          <h1 className="h-display">Os arquivos que usamos em atendimento.</h1>
          <p className="lede">Acesso remoto, utilitários e ferramentas de diagnóstico. Todos hospedados pela 8Bits — nada de link duvidoso.</p>
        </div>
      </section>

      <section className="section">
        <div className="wrap">
          <div className="filters">
            {cats.map(c => (
              <button key={c} className={active === c ? "active" : ""} onClick={() => setActive(c)}>{c}</button>
            ))}
          </div>

          <div className="dl-list">
            {filtered.map((d, i) => {
              const iconClass = d.type === "EXE" ? "exe" : d.type === "ZIP" ? "zip" : d.type === "RAR" ? "rar" : "";
              return (
                <div className="dl-row" key={i}>
                  <div className={"dl-icon " + iconClass}>{d.type}</div>
                  <div className="dl-meta">
                    <h4>{d.name}</h4>
                    <p>{d.desc}</p>
                  </div>
                  <span className="dl-tag">{d.tag}</span>
                  <span className="dl-size">{d.size}</span>
                  <a className="dl-btn" href={BASE_URL + d.file} target="_blank" rel="noreferrer">
                    <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor"><path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/></svg>
                    Baixar
                  </a>
                </div>
              );
            })}
          </div>
        </div>
      </section>

      <FinalCTA />
    </>
  );
}

Object.assign(window, { DownloadsPage });