{% extends "base.html" %}
{% block title %}New Entry - Illustrations DB{% endblock %}
{% block body_class %}themed-bg{% endblock %}

{% block content %}
<div class="container">
  <h1 class="page-title">New Entry</h1>
  <p class="page-subtitle">Add a new illustration. Subject, Illustration, and Application are the most important fields.</p>

  <form method="post" class="search-form card">
    {% csrf_token %}

    <div class="form-grid">
      <div class="form-row">
        <label>Subject</label>
        {{ form.subject }}
        {% if form.subject.errors %}<div class="err">{{ form.subject.errors|striptags }}</div>{% endif %}
      </div>

      <div class="form-row">
        <label>Illustration</label>
        {{ form.illustration }}
        {% if form.illustration.errors %}<div class="err">{{ form.illustration.errors|striptags }}</div>{% endif %}
      </div>

      <div class="form-row">
        <label>Application</label>
        {{ form.application }}
        {% if form.application.errors %}<div class="err">{{ form.application.errors|striptags }}</div>{% endif %}
      </div>

      <div class="form-row two">
        <div>
          <label>Scripture</label>
          {{ form.scripture_raw }}
          {% if form.scripture_raw.errors %}<div class="err">{{ form.scripture_raw.errors|striptags }}</div>{% endif %}
        </div>
        <div>
          <label>Source</label>
          {{ form.source }}
          {% if form.source.errors %}<div class="err">{{ form.source.errors|striptags }}</div>{% endif %}
        </div>
      </div>

      <div class="form-row two">
        <div>
          <label>Talk Title</label>
          {{ form.talk_title }}
          {% if form.talk_title.errors %}<div class="err">{{ form.talk_title.errors|striptags }}</div>{% endif %}
        </div>
        <div>
          <label>Talk Number</label>
          {{ form.talk_number }}
          {% if form.talk_number.errors %}<div class="err">{{ form.talk_number.errors|striptags }}</div>{% endif %}
        </div>
      </div>

      <div class="form-row two">
        <div>
          <label>Code</label>
          {{ form.entry_code }}
          {% if form.entry_code.errors %}<div class="err">{{ form.entry_code.errors|striptags }}</div>{% endif %}
        </div>
        <div>
          <label>Dates</label>
          <div class="two">
            {{ form.date_added }} {{ form.date_edited }}
          </div>
          {% if form.date_added.errors %}<div class="err">{{ form.date_added.errors|striptags }}</div>{% endif %}
          {% if form.date_edited.errors %}<div class="err">{{ form.date_edited.errors|striptags }}</div>{% endif %}
        </div>
      </div>
    </div>

    <div class="result-toolbar" style="margin-top:18px;">
      <div class="rt-left"></div>
      <div class="rt-right">
        <a class="btn btn-secondary" href="{% url 'search' %}">Cancel</a>
        <button class="btn btn-primary" type="submit">Save</button>
      </div>
    </div>
  </form>
</div>
{% endblock %}