{% extends "base.html" %}
{% block title %}Entry - Illustrations DB{% endblock %}
{% block content %}
  <div class="toolbar">
    <div class="small">Viewing: Record {{ position }} of {{ count }}</div>
    <div>
      <a class="btn" href="/nav/prev/?i={{ position|add:-1 }}">← Prev</a>
      <a class="btn" href="/nav/next/?i={{ position|add:-1 }}">Next →</a>
      <a class="btn" href="/search/">Back to Search</a>
      <a class="btn primary" href="/entry/{{ entry.id }}/edit/">Unlock to Edit</a>
      <a class="btn danger" href="/entry/{{ entry.id }}/delete/">Delete</a>
    </div>
  </div>

  <div class="panel">
    <h2 style="margin-top:0;">{{ entry.talk_title|default:"(untitled)" }}</h2>
    <div class="small">Code: {{ entry.entry_code }} • Source: {{ entry.source }} • Talk # {{ entry.talk_number }}</div>
    <div class="spacer"></div>
    <div class="row">
      <div>
        <label>Subject</label>
        <div class="chips">
          {% for t in entry.subject.split(',') %}{% if t.strip %}<span class="chip">{{ t.strip }}</span>{% endif %}{% endfor %}
        </div>
      </div>
      <div>
        <label>Scripture</label>
        <div class="chips">
          {% for t in entry.scripture_raw.split(';') %}{% if t.strip %}<span class="chip" style="background:#eef4ff;">{{ t.strip }}</span>{% endif %}{% endfor %}
        </div>
      </div>
    </div>
    <div class="spacer"></div>
    <label>Illustration</label>
    <div class="card">{{ entry.illustration|linebreaksbr }}</div>
    <div class="spacer"></div>
    <label>Application</label>
    <div class="card">{{ entry.application|linebreaksbr }}</div>
    <div class="spacer"></div>
    <div class="small">Date Added: {{ entry.date_added }} • Date Edited: {{ entry.date_edited }}</div>
  </div>
{% endblock %}