{% load i18n %}

<h5 class="d-flex align-items-center gap-2 mb-2 mt-2">
  <span class="badge text-bg-secondary">3</span>
  <i class="mdi mdi-cog-outline"></i>
  {% trans "Object Config" %}
</h5>
<div class="card mb-4">
  <div class="card-body">
    <p class="text-muted small mb-3">
      {% blocktrans %}Links each Custom Object Type to NSM behaviour (display template, sort order). Inheritance is configured per link under Assign, not here.{% endblocktrans %}
    </p>

    <div class="mb-3">
      <form method="post" class="m-0">
        {% csrf_token %}
        <input type="hidden" name="action" value="create_all_typeconfigs">
        <button type="submit" class="btn btn-primary"
                {% if not can_create_typeconfigs %}disabled{% endif %}
                title="{% if not all_cots_ok %}{% trans 'Complete section 2 first' %}{% elif all_tcs_ok %}{% trans 'All Object Configs already configured' %}{% endif %}">
          <i class="mdi mdi-plus-circle-multiple me-1"></i>{% trans "Add all Object Configs" %}
        </button>
      </form>
      {% if not all_cots_ok %}
      <p class="text-muted small mt-2 mb-0">{% trans "Available after section 2 is complete." %}</p>
      {% endif %}
    </div>

    <table class="table table-sm table-borderless mb-0" style="max-width:800px">
      <thead class="table-active">
        <tr>
          <th>{% trans "Type" %}</th>
          <th>{% trans "Label" %}</th>
          <th class="text-center" style="width:90px">{% trans "Status" %}</th>
        </tr>
      </thead>
      <tbody>
        {% for entry in tc_status %}
        <tr>
          <td><code>{{ entry.spec.slug }}</code></td>
          <td>
            {{ entry.spec.label }}
          </td>
          <td class="text-center">
            {% if entry.typeconfig %}
              <span class="badge bg-success-subtle text-success border border-success-subtle">
                <i class="mdi mdi-check"></i> OK
              </span>
            {% elif not entry.cot %}
              <span class="badge bg-secondary-subtle text-secondary border border-secondary-subtle">
                <i class="mdi mdi-minus"></i> {% trans "waiting" %}
              </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>

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

    <div class="mt-4">
      <h6 class="fw-semibold mb-2">{% trans "Object Config definitions" %}</h6>
      <p class="text-muted small mb-2">
        {% blocktrans %}Reference YAML for all nine Object Config types (sort order and display template).{% endblocktrans %}
      </p>
      <textarea class="form-control font-monospace nsm-typeconfig-yaml"
                readonly
                rows="18"
                aria-label="{% trans 'Object Config definitions YAML' %}">{{ typeconfigs_definition_yaml }}</textarea>
    </div>
  </div>
</div>

<style>
  .nsm-typeconfig-yaml {
    white-space: pre;
    overflow-x: auto;
    overflow-wrap: normal;
    word-break: normal;
    font-family: var(--bs-font-monospace);
    font-size: 0.875rem;
    min-height: 8rem;
    max-height: 24rem;
  }
</style>