{% extends 'generic/_base.html' %}
{% load form_helpers %}

{% block title %}Bootstrap NetBox for Zabbix Sync{% endblock %}

{% block content %}
<div class="row">
  <div class="col col-md-12">
    {% if results %}
      <div class="card mb-3">
        <div class="card-header"><strong>Bootstrap Results</strong></div>
        <div class="card-body">
          {% if results.custom_fields %}
            <h5>Custom Fields</h5>
            {% if results.custom_fields.created %}
              <p class="text-success">Created: {{ results.custom_fields.created|join:", " }}</p>
            {% endif %}
            {% if results.custom_fields.skipped %}
              <p class="text-muted">Skipped (already exist): {{ results.custom_fields.skipped|join:", " }}</p>
            {% endif %}
          {% endif %}
          {% if results.config_contexts %}
            <h5>Config Contexts</h5>
            {% if results.config_contexts.created %}
              <p class="text-success">Created: {{ results.config_contexts.created|join:", " }}</p>
            {% endif %}
            {% if results.config_contexts.skipped %}
              <p class="text-muted">Skipped (already exist): {{ results.config_contexts.skipped|join:", " }}</p>
            {% endif %}
          {% endif %}
        </div>
      </div>
    {% endif %}

    <form action="" method="post" class="form form-horizontal">
      {% csrf_token %}

      <div class="card">
        <div class="card-header"><strong>Bootstrap Options</strong></div>
        <div class="card-body">
          <p class="text-muted">
            Select which resources to create. Existing resources will be skipped.
          </p>

          {% render_field form.create_custom_fields %}
          {% render_field form.create_config_contexts %}
          {% render_field form.create_sync_schedule %}

          <hr class="my-3">
          <h5>Preview</h5>

          <h6>Custom Fields</h6>
          <ul>
            {% for cf in custom_fields %}
              <li><code>{{ cf.name }}</code> ({{ cf.type }}) — {{ cf.description }}</li>
            {% endfor %}
          </ul>

          <h6>Example Config Contexts</h6>
          <ul>
            {% for ctx in config_contexts %}
              <li>{{ ctx.name }} — {{ ctx.description }}</li>
            {% endfor %}
          </ul>
        </div>
      </div>

      <div class="text-end my-3">
        <a href="{% url 'plugins:netbox_zabbix_sync_plugin:synchronizationrunner_list' %}" class="btn btn-outline-secondary">
          Cancel
        </a>
        <button type="submit" class="btn btn-primary">
          Run Bootstrap
        </button>
      </div>
    </form>
  </div>
</div>
{% endblock content %}