{% extends 'generic/_base.html' %}
{% load form_helpers static %}
{% block title %}Dashboard{% endblock %}
{% block head %}{{ block.super }}<link rel="stylesheet" href="{% static 'netbox_certificates/editors.css' %}"><link rel="stylesheet" href="{% static 'netbox_certificates/vault.css' %}">{% endblock %}
{% block content %}
<div class="nbcert-dashboard">
{% include "netbox_certificates/inc/vault_inventory.html" %}
{% include "netbox_certificates/inc/dashboard_activity.html" %}
{% if vault_preferences.vault_show_expiration %}
<div class="expiration-chart mb-3" role="img" aria-label="Certificate expiration distribution; counts are listed below.">{% for segment in expiration_chart %}{% if segment.count %}<span class="expiration-{{ segment.state }}" style="width: {{ segment.width|floatformat:'2u' }}%" title="{{ segment.state|title }}: {{ segment.count }}"></span>{% endif %}{% endfor %}</div>
<details class="card dashboard-expiration mb-4" open>
<summary class="card-header"><span class="fw-semibold">Certificate expiration</span><span class="d-inline-flex flex-wrap gap-3 ms-3 small">{% for label,value in counts.items %}<span class="dashboard-stat dashboard-stat-{{ label }}">{{ label|title }} <strong>{{ value }}</strong></span>{% endfor %}</span></summary>
<div><div class="table-responsive"><table class="table mb-0"><thead><tr><th>Certificate</th><th>Expires</th><th>Days remaining</th><th>State</th></tr></thead><tbody>{% for cert,state in upcoming %}<tr><td><a href="{{ cert.get_absolute_url }}">{{ cert }}</a></td><td>{{ cert.valid_to }}</td><td>{{ state.days }}</td><td>{{ state.label }}</td></tr>{% empty %}<tr><td colspan="4">No expired or upcoming certificates.</td></tr>{% endfor %}</tbody></table></div><div class="card-footer">Showing up to {{ vault_preferences.vault_expiration_limit }} certificates, earliest expiration first. <a href="{% url 'plugins:netbox_certificates:certificate_list' %}">All certificates</a></div></div></details>
{% endif %}
<div class="dashboard-section-heading"><h2 id="health-findings">Health findings</h2><div class="nbcert-actions">
{% if perms.netbox_certificates.run_healthscan_healthfinding %}<form method="post" action="{% url 'plugins:netbox_certificates:health_refresh' %}">{% csrf_token %}<button class="btn btn-primary">Run health scan</button></form>{% endif %}

{% if perms.netbox_certificates.archive_export_healthfinding %}<a class="btn btn-outline-secondary" href="{% url 'plugins:netbox_certificates:healthfinding_archive_export' %}?{{ filter_query }}">Export findings</a>{% endif %}
</div>
</div>
<div class="d-flex flex-wrap gap-2 mb-3">{% for severity,count in health_counts.items %}<span class="badge {% if severity == 'critical' or severity == 'high' %}text-bg-danger{% elif severity == 'warning' or severity == 'medium' %}text-bg-warning{% else %}text-bg-secondary{% endif %}">{{ severity|title }}: {{ count }}</span>{% endfor %}</div>

<details class="card mb-3" open>
  <summary class="card-header">Filter findings</summary>
  <form method="get" class="card-body" action="{% url 'plugins:netbox_certificates:dashboard' %}" novalidate>
    {% if filter_errors %}<div class="alert alert-danger" role="alert">Correct the filters below or use Clear filters.
      <ul class="mb-0">{% for field,errors in filter_errors.items %}<li>{{ field }}: {{ errors|join:', ' }}</li>{% endfor %}</ul>
    </div>{% endif %}
    <div class="row g-3 mb-3">
      {% for field in filter_form %}<div class="col-md-6 col-xl-4">
        <label class="form-label" for="{{ field.id_for_label }}">{{ field.label }}</label>
        {{ field }}
      </div>{% endfor %}
    </div>
    <div class="nbcert-actions"><button type="submit" class="btn btn-primary">Apply filters</button><a class="btn btn-outline-secondary" href="{% url 'plugins:netbox_certificates:dashboard' %}">Clear filters</a></div>
  </form>
</details>
<form method="post" data-bulk-select>{% csrf_token %}
{% if perms.netbox_certificates.change_healthfinding or perms.netbox_certificates.delete_healthfinding %}
{% include "netbox_certificates/inc/bulk_selection.html" %}
{% if findings.paginator.count %}<div class="form-check mb-3"><input type="checkbox" class="form-check-input" name="_all" id="all-findings"><label class="form-check-label" for="all-findings">Select all {{ findings.paginator.count }} findings matching the current filters, across all pages</label></div>{% endif %}
{% endif %}
<div class="card"><div class="table-responsive">
<table class="table table-hover align-middle mb-0">
  <thead><tr><th scope="col"><span class="visually-hidden">Select finding</span></th><th>Severity / status</th><th>Finding</th><th>Affected object</th><th>Related object</th>{% if vault_preferences.vault_show_evidence %}<th>Evidence</th>{% endif %}<th>Last detected</th></tr></thead>
  <tbody>
  {% for finding in findings %}
    <tr>
      <td>{% if perms.netbox_certificates.change_healthfinding or perms.netbox_certificates.delete_healthfinding %}<input class="form-check-input" type="checkbox" name="pk" value="{{ finding.pk }}" aria-label="Select finding {{ finding.pk }}">{% endif %}</td>
      <td><span class="badge {% if finding.severity == 'critical' or finding.severity == 'high' %}text-bg-danger{% elif finding.severity == 'warning' or finding.severity == 'medium' %}text-bg-warning{% else %}text-bg-secondary{% endif %}">{{ finding.get_severity_display }}</span><div class="small text-muted mt-1">{{ finding.get_status_display }}</div></td>
      <td class="text-break"><a class="fw-semibold" href="{{ finding.get_absolute_url }}">{{ finding.summary }}</a>{% if finding.details_display %}<div class="small mt-1">{{ finding.details_display }}</div>{% endif %}</td>
      <td class="text-break">{{ finding.affected_link|default:'—' }}</td>
      <td class="text-break">{{ finding.related_link|default:'—' }}</td>
      {% if vault_preferences.vault_show_evidence %}<td class="small text-break">{{ finding.evidence_display|default:'—' }}</td>{% endif %}
      <td class="small text-nowrap">{{ finding.last_detected }}</td>
    </tr>
  {% empty %}<tr><td colspan="{% if vault_preferences.vault_show_evidence %}7{% else %}6{% endif %}">{% if filter_errors %}Correct or clear the filters to show findings.{% else %}No findings match. Run a health scan to refresh results.{% endif %}</td></tr>{% endfor %}
  </tbody>
</table>
</div></div>
<div class="nbcert-actions mt-3">{% if perms.netbox_certificates.change_healthfinding %}<button class="btn btn-outline-secondary" formaction="{% url 'plugins:netbox_certificates:healthfinding_bulk_edit' %}?{{ filter_query }}">Edit selected</button>{% endif %}{% if perms.netbox_certificates.delete_healthfinding %}<button class="btn btn-outline-danger" formaction="{% url 'plugins:netbox_certificates:healthfinding_bulk_delete' %}?{{ filter_query }}">Delete selected</button>{% endif %}</div></form>
<nav class="mt-3" aria-label="Finding pages">{% if findings.has_previous %}<a class="btn btn-outline-secondary" href="?{{ filter_query }}&amp;page={{ findings.previous_page_number }}">Previous</a>{% endif %} Page {{ findings.number }} of {{ findings.paginator.num_pages }} {% if findings.has_next %}<a class="btn btn-outline-secondary" href="?{{ filter_query }}&amp;page={{ findings.next_page_number }}">Next</a>{% endif %}</nav>
<script src="{% static 'netbox_certificates/bulk_selection.js' %}" defer></script>
</div>
{% endblock %}