{% load i18n %}
<div class="card">
  <h2 class="card-header">{% trans "Config Officer" %}</h2>
  <table class="table table-hover attr-table">
    {% if can_view_results %}
      <tr>
        <th scope="row">{% trans "Last collection" %}</th>
        <td>
          {% if latest_result %}
            <a href="{{ latest_result.get_absolute_url }}">{% badge latest_result.get_status_display bg_color=latest_result.get_status_color %}</a>
            {{ latest_result.timestamp|isodatetime:"minutes" }}
            {% if latest_result.message %}<div class="text-secondary small">{{ latest_result.message }}</div>{% endif %}
          {% else %}<span class="text-secondary">{% trans "never" %}</span>{% endif %}
        </td>
      </tr>
    {% endif %}
    {% if can_view_compliance %}
      <tr>
        <th scope="row">{% trans "Compliance" %}</th>
        <td>
          {% if compliance %}
            <a href="{% url 'dcim:device_config_officer_compliance' pk=device.pk %}">{% badge compliance.get_status_display bg_color=compliance.get_status_color %}</a>
            {% if compliance.notes %}<div class="text-secondary small">{{ compliance.notes }}</div>{% endif %}
          {% else %}<span class="text-secondary">{% trans "no service assigned" %}</span>{% endif %}
        </td>
      </tr>
    {% endif %}
  </table>
  {% if can_view_config %}
    <div class="card-footer">
      <a href="{% url 'dcim:device_config_officer_config' pk=device.pk %}">{% trans "Running configuration and history" %}</a>
    </div>
  {% endif %}
</div>