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

{% block content %}
<div class="row mb-3">
  <div class="col col-md-6">
    <div class="card">
      <h5 class="card-header">Validated Software Rule</h5>
      <table class="table table-hover attr-table">
        <tr><th scope="row">Software version</th><td>{{ object.software_version|linkify }}</td></tr>
        <tr><th scope="row">Start</th><td>{{ object.start }}</td></tr>
        <tr><th scope="row">End</th><td>{{ object.end|placeholder }}</td></tr>
        <tr><th scope="row">Preferred</th><td>{% checkmark object.preferred %}</td></tr>
        <tr><th scope="row">Currently valid</th><td>{% checkmark object.valid_now %}</td></tr>
      </table>
    </div>
  </div>
  <div class="col col-md-6">
    {% include 'inc/panels/custom_fields.html' %}
    {% include 'inc/panels/tags.html' %}
    {% include 'inc/panels/comments.html' %}
  </div>
</div>

<div class="row mb-3">
  <div class="col col-md-3">
    <div class="card">
      <h5 class="card-header">Device Types</h5>
      <ul class="list-group list-group-flush">
        {% for dt in object.device_types.all %}<li class="list-group-item">{{ dt|linkify }}</li>
        {% empty %}<li class="list-group-item text-muted">None</li>{% endfor %}
      </ul>
    </div>
  </div>
  <div class="col col-md-3">
    <div class="card">
      <h5 class="card-header">Device Roles</h5>
      <ul class="list-group list-group-flush">
        {% for role in object.device_roles.all %}<li class="list-group-item">{{ role|linkify }}</li>
        {% empty %}<li class="list-group-item text-muted">None</li>{% endfor %}
      </ul>
    </div>
  </div>
  <div class="col col-md-3">
    <div class="card">
      <h5 class="card-header">Platforms</h5>
      <ul class="list-group list-group-flush">
        {% for platform in object.platforms.all %}<li class="list-group-item">{{ platform|linkify }}</li>
        {% empty %}<li class="list-group-item text-muted">None</li>{% endfor %}
      </ul>
    </div>
  </div>
  <div class="col col-md-3">
    <div class="card">
      <h5 class="card-header">Specific Devices</h5>
      <ul class="list-group list-group-flush">
        {% for device in object.devices.all %}<li class="list-group-item">{{ device|linkify }}</li>
        {% empty %}<li class="list-group-item text-muted">None</li>{% endfor %}
      </ul>
    </div>
  </div>
</div>
{% endblock %}