{% extends 'base/layout.html' %}
{% load static %}
{% block title %}Inventory{% endblock %}
{% block head %}{{ block.super }}<link rel="stylesheet" href="{% static 'netbox_certificates/inventory.css' %}?v=0.5.0">{% endblock %}
{% block page %}
<div class="container-fluid inventory-page">
  <div class="row g-3 mb-4 pt-2">
    <div class="col-sm-6 col-xl-3"><div class="card h-100 inventory-summary-bundles"><div class="card-body py-3 text-center"><div class="fs-2 fw-semibold">{{ counts.bundles }}</div><div class="text-uppercase text-secondary small">Bundles</div></div></div></div>
    <div class="col-sm-6 col-xl-3"><div class="card h-100 inventory-summary-certificates"><div class="card-body py-3 text-center"><div class="fs-2 fw-semibold">{{ counts.certificates }}</div><div class="text-uppercase text-secondary small">Certificates</div></div></div></div>
    <div class="col-sm-6 col-xl-3"><div class="card h-100 inventory-summary-privatekeys"><div class="card-body py-3 text-center"><div class="fs-2 fw-semibold">{{ counts.keys }}</div><div class="text-uppercase text-secondary small">Private Keys</div></div></div></div>
    <div class="col-sm-6 col-xl-3"><div class="card h-100 inventory-summary-csrs"><div class="card-body py-3 text-center"><div class="fs-2 fw-semibold">{{ counts.csrs }}</div><div class="text-uppercase text-secondary small">CSRs</div></div></div></div>
  </div>

  <div class="card inventory-shell mb-4">
    <div class="card-header"><h2 class="mb-0">Bundles</h2></div>
    <div class="card-body">
      {% if bundle_groups %}
        <div class="bundle-inventory-grid">
          {% for bundle in bundle_groups %}
            <section class="inventory-bundle-card">
              <div class="inventory-bundle-header">
                <div><div class="inventory-bundle-kicker">Bundle</div><a href="{{ bundle.url }}" class="inventory-bundle-name">{{ bundle.label }}</a></div>
                <span class="badge text-bg-secondary">{{ bundle.subtitle }}</span>
              </div>
              {% if bundle.groups %}<div class="inventory-group-badges px-3 pt-2">{% for group in bundle.groups %}<a class="badge text-bg-secondary text-decoration-none" href="{{ group.url }}">{{ group.name }}</a>{% endfor %}</div>{% endif %}
              <div class="inventory-members">
                {% for member in bundle.members %}
                  <a href="{{ member.url }}" class="inventory-member inventory-member-{{ member.type }}">
                    <span class="inventory-member-role">{{ member.role }}</span>
                    <span class="inventory-member-name">{{ member.label }}</span>
                    {% if member.subtitle %}<span class="inventory-member-subtitle">{{ member.subtitle }}</span>{% endif %}
                    {% if member.groups %}<span class="inventory-member-subtitle">Groups: {% for group in member.groups %}{{ group.name }}{% if not forloop.last %}, {% endif %}{% endfor %}</span>{% endif %}
                  </a>
                {% empty %}<div class="text-secondary small py-2">No visible Bundle members.</div>{% endfor %}
              </div>
            </section>
          {% endfor %}
        </div>
      {% else %}<div class="text-secondary py-4 text-center">No visible Bundles.</div>{% endif %}
    </div>
  </div>

  <div class="card inventory-shell">
    <div class="card-header"><h2 class="mb-0">Unbundled Objects</h2></div>
    <div class="card-body">
      <div class="unbundled-inventory-grid">
        <section class="inventory-unbundled-group">
          <div class="inventory-unbundled-header"><h3 class="mb-0">Certificates</h3><span class="badge text-bg-secondary">{{ unbundled.certificates|length }}</span></div>
          <div class="inventory-members">
            {% for member in unbundled.certificates %}
              <a href="{{ member.url }}" class="inventory-member inventory-member-{{ member.type }}">
                <span class="inventory-member-role">{{ member.role }}</span>
                <span class="inventory-member-name">{{ member.label }}</span>
                {% if member.subtitle %}<span class="inventory-member-subtitle">{{ member.subtitle }}</span>{% endif %}
                {% if member.groups %}<span class="inventory-member-subtitle">Groups: {% for group in member.groups %}{{ group.name }}{% if not forloop.last %}, {% endif %}{% endfor %}</span>{% endif %}
              </a>
            {% empty %}<div class="text-secondary small py-2">No unbundled Certificates.</div>{% endfor %}
          </div>
        </section>
        <section class="inventory-unbundled-group">
          <div class="inventory-unbundled-header"><h3 class="mb-0">Private Keys</h3><span class="badge text-bg-secondary">{{ unbundled.private_keys|length }}</span></div>
          <div class="inventory-members">
            {% for member in unbundled.private_keys %}
              <a href="{{ member.url }}" class="inventory-member inventory-member-{{ member.type }}">
                <span class="inventory-member-role">{{ member.role }}</span>
                <span class="inventory-member-name">{{ member.label }}</span>
                {% if member.subtitle %}<span class="inventory-member-subtitle">{{ member.subtitle }}</span>{% endif %}
                {% if member.groups %}<span class="inventory-member-subtitle">Groups: {% for group in member.groups %}{{ group.name }}{% if not forloop.last %}, {% endif %}{% endfor %}</span>{% endif %}
              </a>
            {% empty %}<div class="text-secondary small py-2">No unbundled Private Keys.</div>{% endfor %}
          </div>
        </section>
        <section class="inventory-unbundled-group">
          <div class="inventory-unbundled-header"><h3 class="mb-0">CSRs</h3><span class="badge text-bg-secondary">{{ unbundled.csrs|length }}</span></div>
          <div class="inventory-members">
            {% for member in unbundled.csrs %}
              <a href="{{ member.url }}" class="inventory-member inventory-member-{{ member.type }}">
                <span class="inventory-member-role">{{ member.role }}</span>
                <span class="inventory-member-name">{{ member.label }}</span>
                {% if member.subtitle %}<span class="inventory-member-subtitle">{{ member.subtitle }}</span>{% endif %}
                {% if member.groups %}<span class="inventory-member-subtitle">Groups: {% for group in member.groups %}{{ group.name }}{% if not forloop.last %}, {% endif %}{% endfor %}</span>{% endif %}
              </a>
            {% empty %}<div class="text-secondary small py-2">No unbundled CSRs.</div>{% endfor %}
          </div>
        </section>
      </div>
    </div>
  </div>
</div>
{% endblock %}