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

{% block breadcrumbs %}
  {{ block.super }}
  <li class="breadcrumb-item">
    <a href="{% url 'plugins:netbox_ssl:certificatesigningrequest_list' %}">CSRs</a>
  </li>
{% endblock breadcrumbs %}

{% block content %}
<div class="row mb-3">
  <div class="col col-md-6">
    <div class="card">
      <h5 class="card-header">CSR Details</h5>
      <div class="card-body">
        <table class="table table-hover attr-table">
          <tr>
            <th scope="row">Common Name</th>
            <td>{{ object.common_name }}</td>
          </tr>
          <tr>
            <th scope="row">Status</th>
            <td>{% badge object.get_status_display bg_color=object.get_status_color %}</td>
          </tr>
          <tr>
            <th scope="row">Fingerprint (SHA256)</th>
            <td><code class="small" style="word-break: break-all;">{{ object.fingerprint_sha256 }}</code></td>
          </tr>
          <tr>
            <th scope="row">Tenant</th>
            <td>
              {% if object.tenant %}
                <a href="{{ object.tenant.get_absolute_url }}">{{ object.tenant }}</a>
              {% else %}
                <span class="text-muted">None</span>
              {% endif %}
            </td>
          </tr>
        </table>
      </div>
    </div>
  </div>
  <div class="col col-md-6">
    <div class="card">
      <h5 class="card-header">Subject Information</h5>
      <div class="card-body">
        <table class="table table-hover attr-table">
          <tr>
            <th scope="row">Organization</th>
            <td>{{ object.organization|default:"-" }}</td>
          </tr>
          <tr>
            <th scope="row">Organizational Unit</th>
            <td>{{ object.organizational_unit|default:"-" }}</td>
          </tr>
          <tr>
            <th scope="row">Locality</th>
            <td>{{ object.locality|default:"-" }}</td>
          </tr>
          <tr>
            <th scope="row">State</th>
            <td>{{ object.state|default:"-" }}</td>
          </tr>
          <tr>
            <th scope="row">Country</th>
            <td>{{ object.country|default:"-" }}</td>
          </tr>
        </table>
      </div>
    </div>
  </div>
</div>

<div class="row mb-3">
  <div class="col col-md-6">
    <div class="card">
      <h5 class="card-header">Key Information</h5>
      <div class="card-body">
        <table class="table table-hover attr-table">
          <tr>
            <th scope="row">Algorithm</th>
            <td>{{ object.algorithm|upper }}</td>
          </tr>
          <tr>
            <th scope="row">Key Size</th>
            <td>{{ object.key_size|default:"N/A" }} bits</td>
          </tr>
        </table>
      </div>
    </div>
  </div>
  <div class="col col-md-6">
    <div class="card">
      <h5 class="card-header">Request Details</h5>
      <div class="card-body">
        <table class="table table-hover attr-table">
          <tr>
            <th scope="row">Requested Date</th>
            <td>{{ object.requested_date|date:"Y-m-d H:i" }}</td>
          </tr>
          <tr>
            <th scope="row">Requested By</th>
            <td>{{ object.requested_by|default:"-" }}</td>
          </tr>
          <tr>
            <th scope="row">Target CA</th>
            <td>{{ object.target_ca|default:"-" }}</td>
          </tr>
        </table>
      </div>
    </div>
  </div>
</div>

{% if object.sans %}
<div class="row mb-3">
  <div class="col col-12">
    <div class="card">
      <h5 class="card-header">Subject Alternative Names</h5>
      <div class="card-body">
        <ul class="list-unstyled mb-0">
          {% for san in object.sans %}
            <li><code>{{ san }}</code></li>
          {% endfor %}
        </ul>
      </div>
    </div>
  </div>
</div>
{% endif %}

{% if object.resulting_certificate %}
<div class="row mb-3">
  <div class="col col-12">
    <div class="alert alert-success">
      <strong>Resulting Certificate:</strong>
      <a href="{{ object.resulting_certificate.get_absolute_url }}">{{ object.resulting_certificate.common_name }}</a>
      (expires: {{ object.resulting_certificate.valid_to|date:"Y-m-d" }})
    </div>
  </div>
</div>
{% endif %}

{% if object.notes %}
<div class="row mb-3">
  <div class="col col-12">
    <div class="card">
      <h5 class="card-header">Notes</h5>
      <div class="card-body">
        {{ object.notes|linebreaks }}
      </div>
    </div>
  </div>
</div>
{% endif %}

{% endblock content %}