{% extends "base.html" %}
{% block body_class %}themed-bg{% endblock %}

{% block content %}
<div class="page">

  <!-- Top toolbar -->
  <div class="result-toolbar" style="margin-bottom:12px;">
    <div class="rt-left">
      <a class="btn btn-secondary" href="{% url 'entry_view' entry.id %}">← Back to Entry</a>
      <span class="muted">Editing: #{{ entry.id }}</span>
    </div>
    <div class="rt-right">
      <a class="btn" href="{% url 'entry_view' entry.id %}">Cancel</a>
      <button form="entry-edit-form" class="btn btn-primary">Save</button>
    </div>
  </div>

  <div class="card form-card">
    <form id="entry-edit-form" method="post" novalidate>
      {% csrf_token %}

      <div class="form-group">
        <label class="form-label" for="id_subject">Subject</label>
        {{ form.subject.as_widget(attrs={
          'class': 'form-control',
          'placeholder': '',
          'rows': '2'
        }) }}
      </div>

      <div class="form-group">
        <label class="form-label" for="id_illustration">Illustration</label>
        {{ form.illustration.as_widget(attrs={
          'class': 'form-control form-textarea-tall',
          'rows': '12'
        }) }}
      </div>

      <div class="form-group">
        <label class="form-label" for="id_application">Application</label>
        {{ form.application.as_widget(attrs={
          'class': 'form-control form-textarea-tall',
          'rows': '10'
        }) }}
      </div>

      <div class="form-group">
        <label class="form-label" for="id_scripture_raw">Scripture</label>
        {{ form.scripture_raw.as_widget(attrs={
          'class': 'form-control',
          'placeholder': ''
        }) }}
      </div>

      <div class="form-grid-2">
        <div class="form-group">
          <label class="form-label" for="id_source">Source</label>
          {{ form.source.as_widget(attrs={'class': 'form-control'}) }}
        </div>

        <div class="form-group">
          <label class="form-label" for="id_talk_title">Talk Title</label>
          {{ form.talk_title.as_widget(attrs={'class': 'form-control'}) }}
        </div>
      </div>

      <div class="form-grid-3">
        <div class="form-group">
          <label class="form-label" for="id_talk_number">Talk Number</label>
          {{ form.talk_number.as_widget(attrs={'class': 'form-control'}) }}
        </div>

        <div class="form-group">
          <label class="form-label" for="id_entry_code">Entry Code</label>
          {{ form.entry_code.as_widget(attrs={'class': 'form-control'}) }}
        </div>

        <div class="form-group">
          <label class="form-label" for="id_date_added">Date Added</label>
          {{ form.date_added.as_widget(attrs={'class': 'form-control'}) }}
        </div>
      </div>

      <div class="form-group">
        <label class="form-label" for="id_date_edited">Date Edited</label>
        <!-- Will be overwritten to today on save by the view -->
        {{ form.date_edited.as_widget(attrs={'class': 'form-control'}) }}
      </div>

      <div class="form-actions">
        <a class="btn" href="{% url 'entry_view' entry.id %}">Cancel</a>
        <button class="btn btn-primary">Save</button>
      </div>
    </form>
  </div>
</div>
{% endblock %}