"use strict";



//  P A C K A G E S

import html from "choo/html";
import { require as local } from "app-root-path";

//  U T I L S

const config = local("/config");
const editLink = local("/app/components/edit-link").default;
const emailSubscribe = local("/app/components/email-subscribe").default;



//  E X P O R T

export default state => {
  return html`
    <section class="email-subscribe-container">
      ${emailSubscribe()}
    </section>

    <section class="alert" id="alert-beta">
      <div class="inner-wrap">
        <p><strong>This website is in beta and under heavy development.</strong><br/>All information should be considered incomplete and possibly incorrect and things may not work as expected.</p>

        <br/><br/>

        <p>Please do not share or link this site publicly while this message is here. This website is open source and you can <a href="https://github.com/lbryio/lbry.tech" target="_blank" rel="noopener noreferrer">contribute to it on Github</a>.</p>

        <button id="close-alert">&times;</button>
      </div>
    </section>

    <footer class="footer">
      <div class="inner-wrap">
        <ul>
          <li>
            <a href="//${process.env.NODE_ENV === "development" ? "localhost:8000" : "lbry.io"}" title="Rediscover content freedom">← LBRY.io</a> |
            ${editLink(state.href)}
          </li>

          <li><a href="/overview" title="LBRY overview">Overview</a></li>
          <li><a href="/playground" title="Play with LBRY">Playground</a></li>
          <li><a href="/resources" title="View LBRY resources">Resources</a></li>
          <li><a href="/community" title="Hang with LBRY">Community</a></li>
        </ul>
      </div>
    </footer>

    <script src="/assets/scripts/app.js"></script>

    <script>
      (function(i,s,o,g,r,a,m){i["GoogleAnalyticsObject"]=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
       m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
       })(window,document,"script","https://www.google-analytics.com/analytics.js","ga");

       ga("create", "${config.ga}", "auto");
       ga("send", "pageview");
    </script>
  `;
};