{% extends 'base/layout.html' %}
{% block title %}{{ object.name }}{% endblock %}
{% block page %}
<div class="container-fluid py-3">
  <div class="d-flex align-items-center justify-content-between mb-3">
    <div>
      <div class="text-secondary small">Certificate Authority</div>
      <h1 class="mb-0">{{ object.name }}</h1>
    </div>
    <a class="btn btn-outline-secondary" href="{% url 'plugins:netbox_certificates:certificateauthority_list' %}">Back to Certificate Authorities</a>
  </div>
  <div class="row g-3">
    <div class="col-md-5">
      <div class="card">
        <h2 class="card-header">Authority Identity</h2>
        <table class="table table-hover attr-table mb-0">
          <tr><th>Name</th><td>{{ object.name }}</td></tr>
          <tr><th>Certificates</th><td>{{ issued_certificates|length }}</td></tr>
        </table>
      </div>
    </div>
    <div class="col-md-7">
      <div class="card">
        <h2 class="card-header">Related Certificates</h2>
        <div class="card-body">
          {% if issued_certificates %}
            <ul class="mb-0">
              {% for certificate in issued_certificates %}
                <li><a href="{{ certificate.get_absolute_url }}">{{ certificate.name }}</a>{% if certificate.valid_to %} <span class="text-secondary">— {{ certificate.valid_to }}</span>{% endif %}</li>
              {% endfor %}
            </ul>
          {% else %}<span class="text-muted">No visible certificates reference this authority.</span>{% endif %}
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock %}