{% extends 'base/layout.html' %}
{% load i18n %}
{% load helpers %}

{% block title %}{{ config.name }} — {% trans "Type Metadata" %}{% endblock %}

{% block content %}
<div class="row mb-3">
  <div class="col">
    <nav aria-label="breadcrumb">
      <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{% url 'plugins:netbox_nsm:typemetadata_list' %}">{% trans "Type Metadata" %}</a></li>
        <li class="breadcrumb-item active">{{ config.name }}</li>
      </ol>
    </nav>
    <h1 class="h2">{{ config.name }}</h1>
    <p class="text-muted">
      <code>{{ config.slug }}</code>
      {% if has_stored_metadata %}
      <span class="badge text-bg-primary ms-2">{% trans "Stored" %}</span>
      {% else %}
      <span class="badge text-bg-secondary ms-2">{% trans "Defaults" %}</span>
      {% endif %}
    </p>
  </div>
  <div class="col-auto d-print-none">
    {% url 'plugins:netbox_nsm:typemetadata_edit' config.slug as edit_url %}
    {% if has_stored_metadata %}
    {% url 'plugins:netbox_nsm:typemetadata_delete' config.slug as delete_url %}
    {% include "netbox_nsm/inc/nsm_edit_delete_split_button.html" with edit_url=edit_url delete_url=delete_url show_edit_text=True large=True %}
    {% else %}
    {% include "netbox_nsm/inc/nsm_edit_delete_split_button.html" with edit_url=edit_url show_edit_text=True size="" %}
    {% endif %}
  </div>
</div>

<div class="row">
  <div class="col col-md-6">
    <div class="card">
      <h5 class="card-header">{% trans "Metadata" %}</h5>
      <table class="table table-hover attr-table mb-0">
        <tr>
          <th scope="row">{% trans "Role" %}</th>
          <td>
            {% if role_label %}
            <span class="badge text-bg-info">{{ role_label }}</span>
            {% else %}
            <span class="text-muted">{% trans "None" %}</span>
            {% endif %}
          </td>
        </tr>
      </table>
    </div>
    <div class="card mt-3">
      <h5 class="card-header">{% trans "Rule View" %}</h5>
      <table class="table table-hover attr-table mb-0">
        <tr><th scope="row">{% trans "Sort order" %}</th><td>{{ config.sort_order }}</td></tr>
        <tr><th scope="row">{% trans "Object Type" %}</th><td>{{ config.content_type_label|placeholder }}</td></tr>
        <tr><th scope="row">{% trans "Display Template" %}</th><td><code>{{ config.display_template|placeholder }}</code></td></tr>
        <tr>
          <th scope="row">{% trans "Rule areas" %}</th>
          <td>
            {% if area_labels %}
            {% for label in area_labels %}<span class="badge text-bg-secondary me-1">{{ label }}</span>{% endfor %}
            {% else %}
            <span class="text-muted">{% trans "None" %}</span>
            {% endif %}
          </td>
        </tr>
        <tr>
          <th scope="row">{% trans "Rule View columns" %}</th>
          <td>
            {% with cols=config_dict.columns %}
              {% if cols %}
                <div class="table-responsive">
                  <table class="table table-sm mb-0">
                    <thead>
                      <tr>
                        <th>{% trans "Label" %}</th>
                        <th>{% trans "Order" %}</th>
                        <th>{% trans "Key" %}</th>
                        <th>{% trans "Value template" %}</th>
                      </tr>
                    </thead>
                    <tbody>
                      {% for c in cols %}
                        <tr>
                          <td>{{ c.label }}</td>
                          <td>{{ c.column_order }}</td>
                          <td><code>{{ c.key }}</code></td>
                          <td><code>{{ c.value_template }}</code></td>
                        </tr>
                      {% endfor %}
                    </tbody>
                  </table>
                </div>
              {% else %}
                <span class="text-muted">{% trans "None" %}</span>
              {% endif %}
            {% endwith %}
          </td>
        </tr>
      </table>
    </div>
    {% if show_plugin_name_templates and plugin_name_templates %}
    <div class="card mt-3">
      <h5 class="card-header">{% trans "Plugin name templates" %}</h5>
      <p class="card-body text-muted mb-0 pb-2">
        {% trans "From PLUGINS_CONFIG address_name_templates." %}
      </p>
      <table class="table table-hover attr-table mb-0">
        {% for row in plugin_name_templates %}
        <tr>
          <th scope="row"><code>{{ row.match }}</code></th>
          <td><code>{{ row.template|default:"—" }}</code></td>
        </tr>
        {% endfor %}
      </table>
    </div>
    {% endif %}
  </div>
  <div class="col-md-6">
    <div class="card">
      <h5 class="card-header">{% trans "Comments" %}</h5>
      <div class="card-body">
        <pre class="mb-0 font-monospace small">{{ cot.comments|default:"" }}</pre>
      </div>
    </div>
  </div>
</div>
{% endblock %}