{% extends "base.html" %}
{% load static %}
{% block title %}Under construction · {{ SITE_NAME }}{% endblock %}
{% block body %}
<div class="page">
  <section class="section section-single context-dark bg-image" style="background-image: url({% static 'images/bg-image-1.jpg' %});">
    <div class="section-single-inner">
      <div class="section-single-header">
        <div class="container">
          <a class="brand" href="{% url 'public:home' %}">
            <img class="brand-logo-dark" src="{% static 'brand/logo.png' %}" alt="{{ SITE_NAME }}" width="158" height="39"/>
            <img class="brand-logo-light" src="{% static 'brand/logo-light.png' %}" alt="{{ SITE_NAME }}" width="130" height="32"/>
          </a>
        </div>
      </div>
      <div class="section-single-main">
        <div class="container">
          <h2><span class="font-weight-sbold">We're getting ready</span> <span class="font-weight-thin">to launch</span></h2>
          <p>{{ SITE_NAME }} — {{ SITE_TAGLINE }}. Leave your email and we will tell you when the shop goes live.</p>
          <div class="rd-mailform-wrap">
            <form class="rd-form form-lg rd-form-inline group-md justify-content-center" method="post" action="{% url 'public:under_construction' %}">
              {% csrf_token %}
              <div class="form-wrap">
                <input class="form-input" id="{{ form.email.id_for_label }}" type="email" name="{{ form.email.name }}" required value="{{ form.email.value|default:'' }}">
                <label class="form-label" for="{{ form.email.id_for_label }}"><span class="icon mdi mdi-email-outline"></span><span>Enter your email</span></label>
                {{ form.email.errors }}
              </div>
              <div class="form-button">
                <button class="button button-custom button-primary" type="submit" data-tianji-event="notify_me_submit">Notify me</button>
              </div>
            </form>
          </div>
          <p style="margin-top:24px">
            {% if CONTACT_PHONE %}<a href="tel:{{ CONTACT_PHONE_TEL }}">{{ CONTACT_PHONE }}</a>{% endif %}
            {% if CONTACT_EMAIL %}{% if CONTACT_PHONE %} · {% endif %}<a href="mailto:{{ CONTACT_EMAIL }}">{{ CONTACT_EMAIL }}</a>{% endif %}
          </p>
        </div>
      </div>
      <div class="section-single-footer">
        <div class="container">
          <p class="rights"><span>{{ SITE_NAME }}</span><span>&nbsp;&copy;&nbsp;</span><span>{% now "Y" %}</span><span>.&nbsp;</span><a href="{% url 'public:terms' %}">Terms of Service</a></p>
          <p class="footer-made-by">Made by <a href="{{ CREDIT_URL }}" target="_blank" rel="noopener noreferrer">{{ CREDIT_NAME }}</a></p>
        </div>
      </div>
    </div>
  </section>
</div>
{% endblock %}