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

{% block extra_controls %}
  <a href="{% url 'plugins:netbox_nsm:bundle_export' %}?type={{ object.pk }}"
     class="btn btn-sm btn-outline-secondary"
     title="{% trans 'Export as YAML Bundle' %}">
    <i class="mdi mdi-download"></i> {% trans "Export YAML" %}
  </a>
{% endblock %}

{% block content %}
<div class="row">
  <div class="col col-md-6">
    <div class="card">
      <h5 class="card-header">{% trans "Custom Type" %}</h5>
      <table class="table table-hover attr-table">
        <tr>
          <th scope="row">{% trans "Type" %}</th>
          <td>
            {% if object.icon %}<i class="mdi {{ object.icon }} me-1"></i>{% endif %}
            {{ object.name }}
          </td>
        </tr>
        <tr><th scope="row">{% trans "Area" %}</th><td>{{ object.get_area_display }}</td></tr>
        <tr>
          <th scope="row">{% trans "Icon" %}</th>
          <td>
            {% if object.icon %}
              <i class="mdi {{ object.icon }} me-1 fs-5"></i>
              <code>{{ object.icon }}</code>
            {% else %}—{% endif %}
          </td>
        </tr>
        <tr><th scope="row">{% trans "Description" %}</th><td>{{ object.description|placeholder }}</td></tr>
        {% if object.display_template %}
        <tr>
          <th scope="row">{% trans "Display Template" %}</th>
          <td><code>{{ object.display_template }}</code></td>
        </tr>
        {% endif %}
      </table>
    </div>
    {% if object.field_definitions %}
    <div class="card mt-3">
      <h5 class="card-header">{% trans "Field Definitions" %}</h5>
      <table class="table table-hover">
        <thead><tr><th>{% trans "Slug" %}</th><th>{% trans "Label" %}</th><th>{% trans "Type" %}</th><th>{% trans "Model" %}</th></tr></thead>
        <tbody>
          {% for field_def in object.field_definitions %}
          <tr>
            <td><code>{{ field_def.name }}</code></td>
            <td>{{ field_def.label }}</td>
            <td>{{ field_def.type|default:"text" }}</td>
            <td>{{ field_def.model|default:"—" }}</td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
    {% endif %}
    {% include 'inc/panels/custom_fields.html' %}
  </div>
  <div class="col-md-6">
    <div class="card">
      <h5 class="card-header">{% trans "Objects" %}</h5>
      <table class="table table-hover">
        <thead><tr><th>{% trans "Name" %}</th><th>{% trans "Description" %}</th></tr></thead>
        <tbody>
          {% for obj in object.custom_objects.all %}
          <tr>
            <td><a href="{{ obj.get_absolute_url }}">{{ obj.name }}</a></td>
            <td>{{ obj.description|placeholder }}</td>
          </tr>
          {% empty %}
          <tr><td colspan="2" class="text-muted">{% trans "No objects defined." %}</td></tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
    {% include 'inc/panels/tags.html' %}
    {% include 'inc/panels/comments.html' %}
  </div>
</div>
{% endblock %}