{% extends "../boilerplate.html" %}

{% block main %}

<div>
{% include "./item.html" %}

<div class="approve">
  {% if I.details %}
  <div class="details">
    <span>Details</span><br>
    {{ I.details }}</div>
  {% endif %}
  <div class="status">Status: <span>{{ I.statusText }}</span></div>

  <div class="actions">
    {% if approve %}
    <a href="/items/{{ I.pk }}/approve" class="btn">Approve</a>
    <a href="/items/{{ I.pk }}/reject" class="btn">Reject</a>
    {% endif %}
    <a href="/items/{{ I.pk }}/delete" class="btn">Delete</a>
    <a href="/items/{{ I.pk }}/edit" class="btn">Edit</a>
    <a href="/items" class="btn">Back</a>
  </div>

  <a href="{{ I.image.url }}">
    <img src="{{ I.image.thumbnail.url }}" alt="Click to view">
  </a>
</div>
</div>

{% endblock %}