// IndieVertical — resources page.

function ivResourceDomain(url) {
  try { return new URL(url).hostname.replace(/^www\./, ""); }
  catch (e) { return url; }
}

function IvResources() {
  return (
    <div className="pp dir-marquee">
      <IvHeader />
      <div className="pagehead">
        <h1>Resources</h1>
        <p className="intro">A few things we made to help you get your game in front of publishers — plus the outside resources we'd point any indie dev to.</p>
      </div>

      <div className="blog-list">
        <h2 className="res-sh">Downloads</h2>
        {IV_RESOURCES_DOWNLOADS.map((d) => (
          <a key={d.href} className="blog-card-link" href={d.href}>
            <article className="blog-card">
              <div className="rc-head">
                <span className="rc-badge">{d.fileLabel}</span>
              </div>
              <h3 className="bc-title">{d.title}</h3>
              <p className="bc-hook">{d.blurb}</p>
              <div className="rc-dl">Download →</div>
            </article>
          </a>
        ))}
      </div>

      <div className="blog-list res-links">
        <h2 className="res-sh">Useful links</h2>
        {IV_RESOURCES_LINKS.map((g) => (
          <div key={g.group} className="rl-group">
            <h3 className="rl-gh">{g.group}</h3>
            {g.links.map((l) => (
              <a key={l.url} className="rl-row" href={l.url} target="_blank" rel="noopener noreferrer">
                <div className="rl-main">
                  <span className="rl-label">{l.label}</span>
                  <span className="rl-note">{l.note}</span>
                </div>
                <span className="rl-domain">{ivResourceDomain(l.url)}</span>
                <span className="rl-arrow">↗</span>
              </a>
            ))}
          </div>
        ))}
      </div>

      <div className="res-cta">
        <p>Your game deserves a page that publishers can actually find.</p>
        <a className="btn btn-primary" href="#/signup">Make your publisher-ready page</a>
      </div>

      <IvFooter />
    </div>
  );
}

Object.assign(window, { IvResources });