"use strict";



//  P A C K A G E

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

//  V A R I A B L E S

const page404 = local("app/views/404.js");
const redirects = local("app/data/redirects.json");



//  E X P O R T

module.exports = exports = state => {
  const redirectUrl = redirects[state.href];

  if (redirectUrl) {
    return html`
      <article class="page" itemtype="http://schema.org/BlogPosting">
        <header class="page__header">
          <div class="page__header-wrap">
            <div class="inner-wrap">
              <h1 class="page__header__title" itemprop="name headline">404</h1>
            </div>
          </div>
        </header>

        <section class="page__content page__markup" itemprop="articleBody">
          <div class="inner-wrap">
            <p>Redirecting you to <strong>${redirectUrl}</strong></p>
          </div>
        </section>
      </article>

      <script>
        setTimeout(() => {
          window.location.href = "${redirectUrl}";
        }, 2000);
      </script>
    `;
  } else {
    return page404();
  }
};