{% extends 'generic/object.html' %}
{% load buttons %}
{% load custom_links %}
{% load static %}
{% load helpers %}
{% load netpicker %}
{% load perms %}
{% load plugins %}
{% load i18n %}

{% block controls %}
  <div class="btn-list justify-content-end mb-2">
    {% plugin_buttons object %}

    {# Add/edit/delete/etc. buttons #}
    {% block control-buttons %}

      {# Extra buttons #}
      {% block extra_controls %}{% endblock %}

      {# Default buttons #}
      {% if perms.extras.add_bookmark and object.bookmarks %}
        {#% bookmark_button object %#}
      {% endif %}
      {% if perms.extras.add_subscription and object.subscriptions %}
        {% subscribe_button object %}
      {% endif %}
      {% if request.user|can_add:object %}
        {% clone_button object %}
      {% endif %}
      {% run_button object %}
      {% if netboxed %}
        {% if request.user|can_change:object %}
          {% edit_button object %}
        {% endif %}
        {% if request.user|can_delete:object %}
          {% delete_button object %}
        {% endif %}
      {% endif %}
    {% endblock control-buttons %}
  </div>

  {# Custom links #}
  <div class="d-flex justify-content-end">
    <div class="btn-list">
      {% block custom-links %}
        {% custom_links object %}
      {% endblock custom-links %}
    </div>
  </div>
{% endblock controls %}


{% block content %}
    <div class="row">
        <div class="col col-12 col-xl-12">
            <div class="card">
                <h2 class="card-header">{% trans "Details" %}</h2>
                <table class="table table-hover attr-table">
                    <tr>
                        <th scope="row">{% trans "Name" %}</th>
                        <td>{{ object.name }}</td>
                    </tr>
                    <tr>
                        <th scope="row">{% trans "Platforms" %}</th>
                        <td>{{ object.platforms|join:"<br>" }}</td>
                    </tr>
                    <tr>
                        <th scope="row">{% trans "Commands" %}</th>
                        <td>{{ object.commands|join:"<br>" }}</td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
{% endblock %}