{% extends "base.html" %}
{% load static %}
{% block title %}Under construction · {{ SITE_NAME }}{% endblock %}
{% block body %}
<div class="page">
  <section class="section one-page-section">
    <div class="row no-gutters row-flex">
      <div class="col-lg-6">
        <div class="one-page-wrap">
          <div class="one-page-header">
            <a class="brand" href="{% url 'public:home' %}">
              <img class="brand-logo-dark" src="{% static 'brand/logo.png' %}" alt="{{ SITE_NAME }}" width="180" height="71"/>
            </a>
          </div>
          <div class="one-page-content">
            {% if messages %}
            <ul class="flash">
              {% for message in messages %}
                <li class="{{ message.tags }}">{{ message }}</li>
              {% endfor %}
            </ul>
            {% endif %}
            <div class="big">Our website is coming soon</div>
            <h4 class="custom-title custom-title-small">{{ SITE_NAME }} is getting a new site. Leave your email and we will let you know when it is live.</h4>
            <div class="heading-6">Subscribe to be notified:</div>
            <form class="rd-form rd-form-inline" method="post" action="{% url 'public:under_construction' %}">
              {% csrf_token %}
              <div class="form-wrap form-wrap-icon">
                <div class="form-icon mdi mdi-email-outline"></div>
                <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 }}">E-mail</label>
                {{ form.email.errors }}
              </div>
              <div class="form-button">
                <button class="button button-default" type="submit" data-tianji-event="notify_me_submit">Send</button>
              </div>
            </form>
            <p class="paragraph-custom">We respect your privacy and never share your info.</p>
            {% if CONTACT_PHONE %}
            <p>Need a painter now? Call <a class="contact-link" href="tel:{{ CONTACT_PHONE_TEL }}">{{ CONTACT_PHONE }}</a>.</p>
            {% endif %}
          </div>
          <div class="one-page-footer">
            <p class="footer-made-by">
              Made by <a href="{{ CREDIT_URL }}" target="_blank" rel="noopener noreferrer">{{ CREDIT_NAME }}</a>
            </p>
          </div>
        </div>
      </div>
      <div class="col-lg-6 one-page-image" style="background: url({% static 'images/cc-exterior-2.jpg' %}) no-repeat; background-size:cover;"></div>
    </div>
  </section>
</div>
{% endblock %}