{% extends 'base/layout.html' %}
{% load i18n %}

{% block title %}{% trans "Bundles" %}{% endblock %}

{% block content %}
<div class="row justify-content-center">
  <div class="col-12 col-xl-10">

    {% if messages %}
    <div class="mb-3">
      {% for message in messages %}
      <div class="alert alert-{{ message.tags|default:'info' }} alert-dismissible fade show" role="alert">
        {{ message }}
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
      </div>
      {% endfor %}
    </div>
    {% endif %}

    <h1 class="h2 mb-1">{% trans "Bundles" %}</h1>
    <p class="text-muted mb-4">
      {% trans "Deploy NSM schema, demo data, and metadata from JSON bundles. Apply NSM Schema first, then optional demo bundles." %}
    </p>

    {% if not custom_objects_plugin_loaded %}
    <div class="alert alert-warning">{% trans "netbox-custom-objects plugin is not installed." %}</div>
    {% elif not custom_objects_db_ready %}
    <div class="alert alert-warning">{% trans "Run migrations for netbox-custom-objects first." %}</div>
    {% else %}

    <div class="card mb-4">
      <div class="card-header d-flex justify-content-between align-items-center">
        <h5 class="card-title mb-0">{% trans "Available bundles" %}</h5>
      </div>
      <div class="card-body p-0">
        <div class="table-responsive">
          <table class="table table-hover align-middle mb-0">
            <thead class="table-active">
              <tr>
                <th>{% trans "Bundle" %}</th>
                <th>{% trans "Status" %}</th>
                <th>{% trans "Contents" %}</th>
                <th class="text-end">{% trans "Actions" %}</th>
              </tr>
            </thead>
            <tbody>
              {% for bundle in schema_bundles %}
              <tr>
                <td style="padding-left: calc(0.75rem + {{ bundle.depth }} * 1.75rem); max-width: 28rem;">
                  <div class="fw-semibold">{{ bundle.title }}</div>
                  <div class="text-muted small"><code>{{ bundle.slug }}</code></div>
                  {% if bundle.description %}
                  <div class="text-muted small mt-1">{{ bundle.description }}</div>
                  {% endif %}
                  {% if bundle.missing_requires %}
                  <div class="small mt-1">
                    <span class="badge bg-warning-subtle text-warning border border-warning-subtle">
                      {% blocktrans with reqs=bundle.missing_requires|join:", " %}Requires: {{ reqs }}{% endblocktrans %}
                    </span>
                  </div>
                  {% endif %}
                </td>
                <td class="text-nowrap">
                  {% if bundle.status == 'applied' %}
                  <span class="badge bg-success-subtle text-success border border-success-subtle">{% trans "Applied" %}</span>
                  {% elif bundle.status == 'partial' %}
                  <span class="badge bg-warning-subtle text-warning border border-warning-subtle">{% trans "Partial" %}</span>
                  {% else %}
                  <span class="badge bg-secondary-subtle text-body-emphasis border border-secondary-subtle">{% trans "Missing" %}</span>
                  {% endif %}
                </td>
                <td class="small text-muted">
                  {% if bundle.type_count is not None %}
                  <div>{% blocktrans count counter=bundle.type_count %}{{ counter }} type{% plural %}{{ counter }} types{% endblocktrans %}</div>
                  {% if bundle.choice_set_count %}
                  <div>{% blocktrans count counter=bundle.choice_set_count %}{{ counter }} choice set{% plural %}{{ counter }} choice sets{% endblocktrans %}</div>
                  {% endif %}
                  {% if bundle.object_count %}
                  <div>{% blocktrans count counter=bundle.object_count %}{{ counter }} seed object{% plural %}{{ counter }} seed objects{% endblocktrans %}</div>
                  {% endif %}
                  {% if bundle.metadata_type_count or bundle.metadata_rulebook_count %}
                  <div>
                    {% if bundle.metadata_type_count %}{% blocktrans count counter=bundle.metadata_type_count %}{{ counter }} type metadata{% plural %}{{ counter }} type metadata blocks{% endblocktrans %}{% endif %}
                    {% if bundle.metadata_type_count and bundle.metadata_rulebook_count %} · {% endif %}
                    {% if bundle.metadata_rulebook_count %}{% blocktrans count counter=bundle.metadata_rulebook_count %}{{ counter }} rulebook metadata{% plural %}{{ counter }} rulebook metadata blocks{% endblocktrans %}{% endif %}
                  </div>
                  {% endif %}
                  {% else %}
                  <span class="text-muted">—</span>
                  {% endif %}
                </td>
                <td class="text-end text-nowrap">
                  <div class="d-inline-flex flex-wrap gap-1 justify-content-end">
                    <a class="btn btn-sm btn-outline-secondary"
                       href="{% url 'plugins:netbox_nsm:bundle_detail' bundle.slug %}?preview=1">
                      <i class="mdi mdi-eye-outline" aria-hidden="true"></i>
                      <span class="d-none d-lg-inline ms-1">{% trans "Preview" %}</span>
                    </a>
                    <a class="btn btn-sm btn-primary" href="{% url 'plugins:netbox_nsm:bundle_detail' bundle.slug %}">
                      {% trans "Open" %}
                    </a>
                  </div>
                </td>
              </tr>
              {% empty %}
              <tr><td colspan="4" class="text-muted p-3">{% trans "No bundles found." %}</td></tr>
              {% endfor %}
            </tbody>
          </table>
        </div>
      </div>
    </div>
    {% endif %}

  </div>
</div>
{% endblock %}