{% load i18n %}

<style>
  .cot-setup-table {
    table-layout: fixed;
    max-width: 900px;
  }
  .cot-setup-table th:nth-child(1),
  .cot-setup-table td:nth-child(1) {
    width: 28%;
  }
  .cot-setup-table th:nth-child(2),
  .cot-setup-table td:nth-child(2) {
    width: 22%;
    white-space: nowrap;
  }
  .cot-setup-table th:nth-child(3),
  .cot-setup-table td:nth-child(3) {
    width: 38%;
    max-width: 280px;
  }
  .cot-setup-table th:nth-child(4),
  .cot-setup-table td:nth-child(4) {
    width: 90px;
  }
  .cot-setup-table .cot-desc {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .cot-setup-table td.text-center .badge {
    white-space: nowrap;
  }
</style>

<h5 class="d-flex align-items-center gap-2 mb-2 mt-2">
  <span class="badge text-bg-secondary">2</span>
  <i class="mdi mdi-cube-outline"></i>
  {% trans "Custom Objects" %}
</h5>
<div class="card mb-4">
  <div class="card-body">
    <div class="d-flex align-items-center gap-2 mb-3">
      {% if custom_objects_db_ready %}
        <span class="badge bg-success-subtle text-success border border-success-subtle">
          <i class="mdi mdi-check-circle me-1"></i>{% trans "Plugin ready" %}
        </span>
      {% elif custom_objects_plugin_loaded %}
        <span class="badge bg-warning-subtle text-warning border border-warning-subtle">
          <i class="mdi mdi-database-alert me-1"></i>{% trans "Migrations pending" %}
        </span>
      {% else %}
        <span class="badge bg-danger-subtle text-danger border border-danger-subtle">
          <i class="mdi mdi-alert me-1"></i>{% trans "Plugin not installed" %}
        </span>
      {% endif %}
      <span class="text-muted small">
        {% blocktrans %}<strong>netbox-custom-objects</strong> — applies bundled portable schema (<code>schema/nsm_portable_schema.json</code>).{% endblocktrans %}
      </span>
    </div>

    {% if custom_objects_plugin_loaded and not custom_objects_db_ready %}
    <div class="alert alert-warning py-2 px-3 mb-3 small">
      {% trans "Run migrations before importing types:" %}
      <code class="ms-1">migrate netbox_custom_objects</code>
    </div>
    {% endif %}

    <div class="mb-3">
      <form method="post" class="m-0">
        {% csrf_token %}
        <input type="hidden" name="action" value="import_all_types">
        <button type="submit" class="btn btn-primary"
                {% if not can_import_cots %}disabled{% endif %}
                title="{% if not custom_objects_plugin_loaded %}{% trans 'Install netbox-custom-objects first' %}{% elif not custom_objects_db_ready %}{% trans 'Run migrations first' %}{% elif all_cots_ok %}{% trans 'All types already present' %}{% endif %}">
          <i class="mdi mdi-plus-circle-multiple me-1"></i>{% trans "Add all Custom Object Types" %}
        </button>
      </form>
      <p class="text-muted small mt-2 mb-0">
        {% trans "Includes built-in NSM types, NSM Panel links, and rulebook templates (nsm_rb_*_template)." %}
      </p>
    </div>

    <h6 class="text-muted text-uppercase small fw-semibold mb-3 mt-2">{% trans "Custom Object Groups" %}</h6>
    {% for group in cot_setup_groups %}
    <h6 class="fw-semibold mb-1{% if not forloop.first %} mt-4{% endif %}">{{ group.label }}</h6>
    <p class="text-muted small mb-2">{{ group.description }}</p>
    <table class="table table-sm table-borderless mb-0 cot-setup-table">
      <thead class="table-active">
        <tr>
          <th>{% trans "Slug" %}</th>
          <th>{% trans "Label" %}</th>
          <th>{% trans "Description" %}</th>
          <th class="text-center">{% trans "Status" %}</th>
        </tr>
      </thead>
      <tbody>
        {% for entry in group.entries %}
        <tr>
          <td><code>{{ entry.slug }}</code></td>
          <td>{{ entry.label }}</td>
          <td class="text-muted small cot-desc" title="{{ entry.description }}">{{ entry.description }}</td>
          <td class="text-center">
            {% if entry.cot %}
              <span class="badge bg-success-subtle text-success border border-success-subtle">
                <i class="mdi mdi-check"></i> {% trans "present" %}
              </span>
            {% else %}
              <span class="badge bg-danger-subtle text-danger border border-danger-subtle">
                <i class="mdi mdi-close"></i> {% trans "missing" %}
              </span>
            {% endif %}
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
    {% endfor %}

    {% if all_cots_ok %}
    <div class="text-success small mt-3">
      <i class="mdi mdi-check-all me-1"></i>{% trans "Section 2 complete." %}
    </div>
    {% endif %}
  </div>
</div>