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

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

{% block content %}
<div class="row mb-3">
  <div class="col col-md-6">
    <div class="card">
      <h5 class="card-header">Certificate 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">Serial Number</th>
            <td><code>{{ object.serial_number }}</code></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">Issuer</th>
            <td>{{ object.issuer }}</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">Validity</h5>
      <div class="card-body">
        <table class="table table-hover attr-table">
          <tr>
            <th scope="row">Valid From</th>
            <td>{{ object.valid_from|date:"Y-m-d H:i" }}</td>
          </tr>
          <tr>
            <th scope="row">Valid To</th>
            <td>{{ object.valid_to|date:"Y-m-d H:i" }}</td>
          </tr>
          <tr>
            <th scope="row">Days Remaining</th>
            <td>
              {% if object.days_remaining < 0 %}
                <span class="badge text-bg-danger">Expired ({{ object.days_expired }} days ago)</span>
              {% elif object.days_remaining <= 14 %}
                <span class="badge text-bg-danger">{{ object.days_remaining }} days</span>
              {% elif object.days_remaining <= 30 %}
                <span class="badge text-bg-warning">{{ object.days_remaining }} days</span>
              {% else %}
                <span class="badge text-bg-success">{{ object.days_remaining }} days</span>
              {% endif %}
            </td>
          </tr>
        </table>
      </div>
    </div>
    <div class="card mt-3">
      <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>{% badge object.get_algorithm_display %}</td>
          </tr>
          <tr>
            <th scope="row">Key Size</th>
            <td>{{ object.key_size|default:"N/A" }} bits</td>
          </tr>
          <tr>
            <th scope="row">Private Key Location</th>
            <td>
              {% if object.private_key_location %}
                <code>{{ object.private_key_location }}</code>
              {% else %}
                <span class="text-muted">Not specified</span>
              {% endif %}
            </td>
          </tr>
        </table>
      </div>
    </div>
  </div>
</div>

{% if object.is_acme %}
<div class="row mb-3">
  <div class="col col-12">
    <div class="card">
      <h5 class="card-header">ACME / Auto-Renewal</h5>
      <div class="card-body">
        <table class="table table-hover attr-table">
          <tr>
            <th scope="row">ACME Provider</th>
            <td>{% badge object.get_acme_provider_display bg_color="green" %}</td>
          </tr>
          {% if object.acme_challenge_type %}
          <tr>
            <th scope="row">Challenge Type</th>
            <td>{% badge object.get_acme_challenge_type_display %}</td>
          </tr>
          {% endif %}
          {% if object.acme_account_email %}
          <tr>
            <th scope="row">Account Email</th>
            <td>{{ object.acme_account_email }}</td>
          </tr>
          {% endif %}
          {% if object.acme_server_url %}
          <tr>
            <th scope="row">ACME Server</th>
            <td><code class="small">{{ object.acme_server_url }}</code></td>
          </tr>
          {% endif %}
          <tr>
            <th scope="row">Auto Renewal</th>
            <td>{% checkmark object.acme_auto_renewal %}</td>
          </tr>
          {% if object.acme_last_renewed %}
          <tr>
            <th scope="row">Last Renewed</th>
            <td>{{ object.acme_last_renewed|date:"Y-m-d H:i" }}</td>
          </tr>
          {% endif %}
          {% if object.acme_renewal_days %}
          <tr>
            <th scope="row">Renewal Window</th>
            <td>{{ object.acme_renewal_days }} days before expiry</td>
          </tr>
          {% endif %}
          <tr>
            <th scope="row">Renewal Status</th>
            <td>
              {% if object.acme_renewal_status == "ok" %}
                <span class="badge text-bg-success">OK</span>
              {% elif object.acme_renewal_status == "due" %}
                <span class="badge text-bg-warning">Renewal Due</span>
              {% elif object.acme_renewal_status == "expired" %}
                <span class="badge text-bg-danger">Expired</span>
              {% elif object.acme_renewal_status == "manual" %}
                <span class="badge text-bg-info">Manual</span>
              {% endif %}
            </td>
          </tr>
        </table>
      </div>
    </div>
  </div>
</div>
{% endif %}

{% if object.status == 'active' or object.status == 'expired' %}
<div class="row mb-3">
  <div class="col col-12">
    <a href="{% url 'plugins:netbox_ssl:certificate_import' %}?renew_from={{ object.pk }}"
       class="btn btn-warning">
      <i class="mdi mdi-swap-horizontal"></i> Renew This Certificate
    </a>
  </div>
</div>
{% endif %}

{# Tabbed secondary sections #}
{% if object.sans or assignments or object.replaced_by or object.replaces.exists %}
<div class="row mb-3">
  <div class="col col-12">
    <ul class="nav nav-tabs" role="tablist">
      {% if object.sans %}
      <li class="nav-item">
        <button class="nav-link active" data-bs-toggle="tab" data-bs-target="#tab-sans" type="button" role="tab">
          SANs <span class="badge text-bg-secondary">{{ object.sans|length }}</span>
        </button>
      </li>
      {% endif %}
      {% if assignments %}
      <li class="nav-item">
        <button class="nav-link {% if not object.sans %}active{% endif %}" data-bs-toggle="tab" data-bs-target="#tab-assignments" type="button" role="tab">
          Assignments <span class="badge text-bg-secondary">{{ assignments_count }}</span>
        </button>
      </li>
      {% endif %}
      {% if object.replaced_by or object.replaces.exists %}
      <li class="nav-item">
        <button class="nav-link {% if not object.sans and not assignments %}active{% endif %}" data-bs-toggle="tab" data-bs-target="#tab-history" type="button" role="tab">
          History
        </button>
      </li>
      {% endif %}
    </ul>
    <div class="tab-content border border-top-0 rounded-bottom">
      {% if object.sans %}
      <div class="tab-pane fade show active p-3" id="tab-sans" role="tabpanel">
        <ul class="list-unstyled mb-0">
          {% for san in object.sans %}
            <li><code>{{ san }}</code></li>
          {% endfor %}
        </ul>
      </div>
      {% endif %}
      {% if assignments %}
      <div class="tab-pane fade {% if not object.sans %}show active{% endif %} p-3" id="tab-assignments" role="tabpanel">
        <table class="table table-hover mb-0">
          <thead>
            <tr>
              <th>Type</th>
              <th>Assigned To</th>
              <th>Primary</th>
              <th>Notes</th>
            </tr>
          </thead>
          <tbody>
            {% for assignment in assignments %}
            <tr>
              <td>{% badge assignment.assigned_object_type_name %}</td>
              <td>
                {% if assignment.assigned_object %}
                  <a href="{{ assignment.assigned_object.get_absolute_url }}">
                    {{ assignment.assigned_object }}
                  </a>
                  {% if assignment.assigned_object_type.model == 'service' and assignment.assigned_object.parent %}
                    <span class="text-muted">
                      on <a href="{{ assignment.assigned_object.parent.get_absolute_url }}">{{ assignment.assigned_object.parent }}</a>
                    </span>
                  {% endif %}
                {% else %}
                  <span class="text-muted">Unknown</span>
                {% endif %}
              </td>
              <td>{% checkmark assignment.is_primary %}</td>
              <td>{{ assignment.notes|default:"-" }}</td>
            </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
      {% endif %}
      {% if object.replaced_by or object.replaces.exists %}
      <div class="tab-pane fade {% if not object.sans and not assignments %}show active{% endif %} p-3" id="tab-history" role="tabpanel">
        {% if object.replaced_by %}
        <div class="alert alert-info mb-3">
          <strong>Replaced by:</strong>
          <a href="{{ object.replaced_by.get_absolute_url }}">{{ object.replaced_by.common_name }}</a>
          (Serial: {{ object.replaced_by.serial_number|truncatechars:20 }})
        </div>
        {% endif %}
        {% if object.replaces.exists %}
        <h6>Previous Certificates</h6>
        <ul class="list-unstyled mb-0">
          {% for old_cert in object.replaces.all %}
            <li>
              <a href="{{ old_cert.get_absolute_url }}">{{ old_cert.common_name }}</a>
              ({{ old_cert.valid_from|date:"Y-m-d" }} - {{ old_cert.valid_to|date:"Y-m-d" }})
              {% badge old_cert.get_status_display bg_color=old_cert.get_status_color %}
            </li>
          {% endfor %}
        </ul>
        {% endif %}
      </div>
      {% endif %}
    </div>
  </div>
</div>
{% endif %}

{% endblock content %}