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

{% block title %}{{ object }}{% endblock %}

{% block breadcrumbs %}
  {{ block.super }}
  <li class="breadcrumb-item">
    <a href="{% url 'plugins:netbox_assets:asset_list' %}?{{ object.kind }}_type_id={{ object.hardware_type.pk }}">{{ object.hardware_type.manufacturer }} {{ object.hardware_type }}</a>
  </li>
{% endblock %}

{% block content %}
  <div class="row mb-3">
    <div class="col col-md-6">
      <div class="card">
        <h5 class="card-header">Asset</h5>
        <table class="table table-hover attr-table">
          <tr>
            <th scope="row">Name</th>
            <td>{{ object.name|placeholder }}</td>
          </tr>
          <tr>
            <th scope="row">Description</th>
            <td>{{ object.description|placeholder }}</td>
          </tr>
          <tr>
            <th scope="row">Asset Tag</th>
            <td class="font-monospace d-flex justify-content-between align-items-center">
              {% if object.asset_tag %}
                <span id="attr_asset_tag">{{ object.asset_tag }}</span>
                <a class="btn btn-sm btn-primary copy-content" data-clipboard-target="#attr_asset_tag" title="Copy to clipboard">
                  <i class="mdi mdi-content-copy"></i>
                </a>
              {% else %}
                {{ ''|placeholder }}
              {% endif %}
            </td>
          </tr>
          <tr>
            <th scope="row">Serial Number</th>
            <td class="font-monospace d-flex justify-content-between align-items-center">
              {% if object.serial %}
                <span id="attr_serial">{{ object.serial }}</span>
                <a class="btn btn-sm btn-primary copy-content" data-clipboard-target="#attr_serial" title="Copy to clipboard">
                  <i class="mdi mdi-content-copy"></i>
                </a>
              {% else %}
                {{ ''|placeholder }}
              {% endif %}
            </td>
          </tr>
          <tr>
            <th scope="row">Status</th>
            <td>{% badge object.get_status_display bg_color=object.get_status_color %}</td>
          </tr>
          <tr>
            <th scope="row">Role</th>
            <td>
              {% if object.role %}
                  {% badge object.role.name hex_color=object.role.color url=object.role.get_absolute_url %}
              {% else %}
                —
              {% endif %}
            </td>
          </tr>
          <tr>
            <th scope="row">{{ object.get_kind_display }} Type</th>
            <td><a href="{{object.hardware_type.get_absolute_url}}">{{ object.hardware_type.manufacturer }} {{ object.hardware_type }}</a></td>
          </tr>
          <tr>
            <th scope="row" title="Where is this asset stored when not in use">Storage Location</th>
            <td>
              {% if object.storage_location %}
                {{ object.storage_location.site }} /
              {% endif %}
              {{ object.storage_location|linkify|placeholder }}</td>
          </tr>
        </table>
      </div>
      <div class="card">
        <h5 class="card-header">
          Assigned To
          <div class="card-actions">
            {# only show create button if user has add permissions for the kind of hardware being created #}
            {# django templates don't support parenthesis in if statements, but and has priority over or #}
            {% if object.kind == 'device' and perms.dcim.add_device or object.kind == 'module' and perms.dcim.add_module or object.kind == 'rack' and perms.dcim.add_rack %}
              {% if object.hardware %}
                <a href="#" class="btn btn-sm btn-ghost-dark disabled">
                  <i class="mdi mdi-vector-difference-ba" aria-hidden="true"></i> Create {{ object.get_kind_display }}
                </a>
              {% else %}
                <a href="{% url 'plugins:netbox_assets:asset_'|add:object.kind|add:'_create' %}?asset_id={{ object.pk }}" class="btn btn-sm btn-ghost-green" title="Create a new {{ object.get_kind_display }} from this asset">
                  <i class="mdi mdi-vector-difference-ba" aria-hidden="true"></i> Create {{ object.get_kind_display }}
                </a>
              {% endif %}
            {% endif %}
            {# only show edit button if user has change permission on asset #}
            {% if perms.netbox_assets.change_asset %}
              <a href="{% url 'plugins:netbox_assets:asset_assign' object.pk %}?return_url={{ object.get_absolute_url }}" class="btn btn-sm btn-ghost-orange">
                <i class="mdi mdi-vector-link" aria-hidden="true"></i> Edit Assignment
              </a>
            {% endif %}
          </div>
        </h5>
        <table class="table table-hover attr-table">
          <tr>
            <th scope="row">Tenant</th>
            <td>
              {% if object.tenant.group %}
                {{ object.tenant.group|linkify }} /
              {% endif %}
              {{ object.tenant|linkify|placeholder }}
            </td>
          </tr>
          <tr>
            <th scope="row">Contact</th>
            <td>
              {% if object.contact.group %}
                {{ object.contact.group|linkify }} /
              {% endif %}
              {{ object.contact|linkify|placeholder }}
            </td>
          </tr>
          <tr>
            <th scope="row">{{ object.get_kind_display }}</th>
            <td>{{ object.hardware|linkify|placeholder }}</td>
          </tr>
        </table>
      </div>
      <div class="card">
        <h5 class="card-header">Installed Location</h5>
        <table class="table table-hover attr-table">
          <tr>
            <th scope="row">Site</th>
            <td>{{ object.installed_site|linkify|placeholder }}</td>
          </tr>
          <tr>
            <th scope="row">Location</th>
            <td>
              {% if object.installed_location %}
                {% for location in object.installed_location.get_ancestors %}
                  {{ location|linkify }} /
                {% endfor %}
                {{ object.installed_location|linkify }}
              {% else %}
                {{ ''|placeholder }}
              {% endif %}
            </td>
          </tr>
          <tr>
            <th scope="row">Rack</th>
            <td>{{ object.installed_rack|linkify|placeholder }}</td>
          </tr>
          <tr>
            <th scope="row">Device</th>
            <td>{{ object.installed_device|linkify|placeholder }}</td>
          </tr>
        </table>
      </div>
      {% include 'inc/panels/custom_fields.html' %}
      {% plugin_left_page object %}
    </div>
    <div class="col col-md-6">
      <div class="card">
        <h5 class="card-header">Ownership</h5>
        <table class="table table-hover attr-table">
          <tr>
            <th scope="row">Owning tenant</th>
            <td>{{ object.owning_tenant|linkify|placeholder }}</td>
          </tr>
        </table>
      </div>
      {% include 'inc/panels/tags.html' %}
      {% include 'inc/panels/comments.html' %}
      {% include 'inc/panels/image_attachments.html' %}
      {% plugin_right_page object %}
    </div>
  </div>
  <div class="row mb-3">
    <div class="col col-md-12">
      {% plugin_full_width_page object %}
    </div>
  </div>
{% endblock content %}