{% extends 'generic/object.html' %}
{% load i18n %}
{% load helpers %}
{% load tabs %}

{% block tabs %}
  <ul class="nav nav-tabs" role="presentation">
    <li class="nav-item">
      <a class="nav-link{% if not tab %} active{% endif %}" href="{{ object.get_absolute_url }}">{{ object.custom_type.name }}</a>
    </li>
    {% model_view_tabs object %}
  </ul>
{% endblock tabs %}

{% block content %}
<div class="row">
  <div class="col col-md-6">
    <div class="card">
      <h5 class="card-header">{{ object.custom_type.name }}</h5>
      <table class="table table-hover attr-table">
        <tr>
          <th scope="row">{% trans "Name" %}</th>
          <td>{{ object.name }}</td>
        </tr>
        <tr>
          <th scope="row">{% trans "Type" %}</th>
          <td><a href="{{ object.custom_type.get_absolute_url }}">{{ object.custom_type }}</a></td>
        </tr>
        <tr>
          <th scope="row">{% trans "Description" %}</th>
          <td>{{ object.description|placeholder }}</td>
        </tr>
      </table>
    </div>

    {% if object.field_data %}
    <div class="card mt-3">
      <h5 class="card-header">{% trans "Custom Fields" %}</h5>
      <table class="table table-hover attr-table">
        {% for field_def in field_defs %}
        <tr>
          <th scope="row">{{ field_def.label }}</th>
          <td>
            {% with val=normalized_field_data|get_item:field_def.name %}
              {% if field_def.type == "object_ref" %}
                {% if val %}<a href="{{ val.url }}">{{ val.str }}</a>{% else %}—{% endif %}
              {% elif field_def.type == "markdown" %}
                {% if val %}{{ val|markdown }}{% else %}—{% endif %}
              {% else %}
                {{ val|placeholder }}
              {% endif %}
            {% endwith %}
          </td>
        </tr>
        {% endfor %}
      </table>
    </div>
    {% endif %}

    {% if object.table_data %}
    <div class="card mt-3">
      <h5 class="card-header">{% trans "Key/Value Table" %}</h5>
      <table class="table table-hover">
        <thead><tr><th>{% trans "Key" %}</th><th>{% trans "Value" %}</th></tr></thead>
        <tbody>
          {% for row in object.table_data %}
          <tr><td>{{ row.key }}</td><td>{{ row.value }}</td></tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
    {% endif %}

    {% include 'inc/panels/custom_fields.html' %}
  </div>
  <div class="col-md-6">
    {% include 'inc/panels/tags.html' %}
    {% if rendered_comments %}
    <div class="card mt-3">
      <h5 class="card-header">{% trans "Comments" %}</h5>
      <div class="card-body rendered-markdown">{{ rendered_comments|markdown }}</div>
    </div>
    {% else %}
    {% include 'inc/panels/comments.html' %}
    {% endif %}
  </div>
</div>
{% endblock %}