{% extends 'extras/tag/_base.html' %}
{% load render_table from django_tables2 %}
{% load helpers %}
{% block subcontent %}
<div class="row">
  <div class="col-md-6">
    <div class="card mb-3">
      <div class="card-header"><strong>Details</strong></div>
      <table class="card-body table table-hover attr-table mb-0">
        <tr>
          <td>Name</td>
          <td>{{ instance.name }}</td>
        </tr>
        <tr>
          <td>Slug</td>
          <td>{{ instance.slug }}</td>
        </tr>
        <tr>
          <td>Description</td>
          <td>{{ instance.description|render_none }}</td>
        </tr>
        <tr>
          <td>Tagged Items</td>
          <td>{{ tagged_item_count }}</td>
        </tr>
        <tr>
          <td>Colour</td>
          <td>
            <span class="label colour-block" style="background-color: #{{ instance.color }}">
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            </span>
          </td>
        </tr>
      </table>
    </div>
  </div>
  {% if object_types %}
  <div class="col-md-6">
    <div class="card mb-3">
      <div class="card-header"><strong>Tagged Item Types</strong></div>
      <table class="card-body table table-hover attr-table mb-0">
        {% for object_type in object_types %}
          <tr>
            <td>{{ object_type.content_type.name|title_with_uppers }}</td>
            <td>{{ object_type.item_count }}</td>
          </tr>
        {% endfor %}
      </table>
    </div>
  </div>
  {% endif %}
</div>
<div class="row">
  <div class="col">
    <div class="card mb-3">
      <div class="card-header"><strong>Tagged Objects</strong></div>
      {% render_table taggeditem_table 'includes/table.html' %}
    </div>
    {% include 'includes/pagination.html' with paginator=taggeditem_table.paginator page=taggeditem_table.page %}
  </div>
</div>
{% endblock %}