{% 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">Hardware Notice</h5>
      <table class="table table-hover attr-table">
        <tr><th scope="row">Device type</th><td>{{ object.device_type|linkify|placeholder }}</td></tr>
        <tr><th scope="row">Module type</th><td>{{ object.module_type|linkify|placeholder }}</td></tr>
        <tr><th scope="row">End of sale</th><td>{{ object.end_of_sale|placeholder }}</td></tr>
        <tr>
          <th scope="row">End of support</th>
          <td>
            {{ object.end_of_support|placeholder }}
            {% if object.end_of_support_passed %}<span class="badge text-bg-red">Past due</span>{% endif %}
          </td>
        </tr>
        <tr><th scope="row">End of security patches</th><td>{{ object.end_of_security_patches|placeholder }}</td></tr>
        <tr><th scope="row">End of SW releases</th><td>{{ object.end_of_sw_releases|placeholder }}</td></tr>
        <tr><th scope="row">Documentation</th><td>{{ object.documentation_url|linkify|placeholder }}</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>
{% endblock %}