{% extends 'generic/object.html' %}
{% load static %}
{% load helpers %}
{% load perms %}
{% load plugins %}
{% load render_table from django_tables2 %}
{% load i18n %}
{% load custom_object_utils %}

{% block extra_controls %}
    {% if perms.netbox_custom_objects.change_customobjecttype %}
        <a href="{% url 'plugins:netbox_custom_objects:customobjecttypefield_add' %}?custom_object_type={{ object.pk }}&return_url={% url 'plugins:netbox_custom_objects:customobjecttype' pk=object.pk %}" class="btn btn-primary">
            <i class="mdi mdi-plus-thick" aria-hidden="true"></i> {% trans "Add Field" %}
        </a>
    {% endif %}
{% endblock %}

{% block content %}
  <div class="row">
	  <div class="col col-md-6">
      <div class="card">
        <h5 class="card-header">{% trans "Custom Object Type" %}</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 "Readable name" %}</th>
            <td>{{ object.verbose_name }}</td>
          </tr>
          <tr>
            <th scope="row">{% trans "Version" %}</th>
            <td>{{ object.version }}</td>
          </tr>
          <tr>
            <th scope="row">{% trans "Description" %}</th>
            <td>{{ object.description|placeholder }}</td>
          </tr>
          <tr>
            <th scope="row">{% trans "Last activity" %}</th>
            <td>
              {{ latest_change.time|isodatetime|placeholder }}
              {% if latest_change %}
                <div class="small text-muted">{{ latest_change.time|timesince }} {% trans "ago" %}</div>
              {% endif %}
            </td>
          </tr>
        </table>
      </div>
      {% include 'inc/panels/tags.html' %}
      {% include 'inc/panels/custom_fields.html' %}
      {% plugin_left_page object %}
    </div>
    <div class="col col-md-6">
      {% include 'inc/panels/comments.html' %}
      {% plugin_right_page object %}
      <div class="card">
        <h2 class="card-header">Fields</h2>
        <table class="table table-hover attr-table">
            {% for group_name, group_fields in field_groups.items %}
              {% if group_name %}
                <tr class="table-group-header">
                  <th scope="row" colspan="7" class="fw-bold">{{ group_name }}</th>
                </tr>
              {% endif %}
              {% for field in group_fields %}
              <tr>
                  <th scope="row">{{ field }}</th>
                  <td>{{ field|get_field_type_verbose_name }}</td>
                  <td>{% if field.type == "object" or field.type == "multiobject" %}{{ field|get_field_object_type }}{% endif %}</td>
                  <td>
                      {% if field.required %}
                          <i
                            class="mdi mdi-asterisk text-primary"
                            data-bs-toggle="tooltip"
                            data-bs-placement="right"
                            title="Required"
                          ></i>
                      {% endif %}
                  </td>
                  <td>
                      {% if field.unique %}
                          <i
                            class="mdi mdi-snowflake text-primary"
                            data-bs-toggle="tooltip"
                            data-bs-placement="right"
                            title="Unique"
                          ></i>
                      {% endif %}
                  </td>
                  <td>
                      {% if field.primary %}
                          <i
                            class="mdi mdi-text-short text-primary"
                            data-bs-toggle="tooltip"
                            data-bs-placement="right"
                            title="Primary name field"
                          ></i>
                      {% endif %}
                  </td>
                  <td>
                  <span class="btn-group dropdown">
                      <a class="btn btn-sm btn-warning" href="{% url 'plugins:netbox_custom_objects:customobjecttypefield_edit' pk=field.pk %}?return_url={{ object.get_absolute_url }}" type="button"
                         aria-label="{attrs.title}"><i class="mdi mdi-pencil"></i></a>
                      <a class="btn btn-sm btn-warning dropdown-toggle" type="button" data-bs-toggle="dropdown"
                      style="padding-left: 2px">
                      <span class="visually-hidden">{toggle_text}</span></a>
                      <ul class="dropdown-menu">
                          <li><a class="dropdown-item" href="{% url 'plugins:netbox_custom_objects:customobjecttypefield_delete' pk=field.pk %}?return_url={{ object.get_absolute_url }}">
                          <i class="mdi mdi-trash-can-outline"></i> Delete</a></li>
                      </ul>
                  </span>
                  </td>
              </tr>
            {% endfor %}
          {% endfor %}
        </table>
      </div>
    </div>
  </div>
  <div class="row mb-3">
    <div class="col col-md-12">
      {% plugin_full_width_page object %}
    </div>
  </div>
{% endblock %}