{% load filters %}
{% load helpers %}
{# renders panel on object (device) with support contract info assigned to it #}

<div class="card">
  <h5 class="card-header">Support Contract
  {% if support_contract %}
    <div class="card-actions"><a href="{% url 'plugins:netbox_lifecycle:supportcontractassignment' support_contract.pk %}" class="btn btn-sm btn-ghost-primary">
      <i class="mdi mdi-chevron-right-box-outline" aria-hidden="true"></i> View Details
      </a></div>
  </h5>
  <table class="table table-hover attr-table">
    <tr>
      <th scope="row">Vendor</th>
      <td>{{ support_contract.contract.vendor|linkify|placeholder }}</td>
    </tr>
    <tr>
      <th scope="row"><span title="Contract Number">Contract Number</span></th>
      <td>{{ support_contract.contract|linkify:"contract_id"|placeholder }}</td>
    </tr>
    <tr>
      <th scope="row">Support SKU</th>
      <td>{{ support_contract.sku|linkify|placeholder }}</td>
    </tr>
    <tr>
      <th scope="row">Start Date</th>
      <td>{{ support_contract.contract.start }}</td>
    </tr>
    <tr>
      <th scope="row">End Date</th>
      {% if support_contract.end == None %}
      <td><span {{ support_contract.contract.end|date_badge_class }}>{{ support_contract.contract.end }}</span></td>
      {% else %}
      <td><span {{ support_contract.end|date_badge_class }}>{{ support_contract.end }}</span></td>
      {% endif %}
    </tr>
  </table>
  {% else %}
  </h5>
  <div class="card-body"><span class="text-muted">No Support Contract Assigned<span></div>
  {% endif %}
</div>

{% include "netbox_lifecycle/inc/hardware_lifecycle_info.html" %}