{% extends 'generic/object_edit.html' %}
{% load form_helpers %}
{% load i18n %}

{% block head %}
{{ block.super }}
<link rel="stylesheet" href="{% url 'plugins:netbox_nsm:plugin_asset' asset_path='css/nsm_lazy_picker.css' %}?v=20260831">
{% endblock head %}

{% block form %}
  {% for field in form.hidden_fields %}
    {{ field }}
  {% endfor %}

  {{ form.non_field_errors }}

  <div class="field-group mb-4">
    <div class="row">
      <h2 class="col-9 offset-3">{% trans "Security Rule" %}</h2>
    </div>
    {% render_field form.rulebook %}
    {% render_field form.index %}
    {% render_field form.enabled %}
    {% render_field form.name %}
  </div>

  <div class="field-group mb-4" id="nsm-rule-fields-group">
    <div class="row mb-3 nsm-rule-objects-row">
      <label class="col-form-label col-md-3 text-lg-end nsm-rule-objects-label">{% trans "Objects" %}</label>
      <div class="col-md-9">
        <p id="nsm-rule-picker-hint" class="text-muted small mb-2">
          {% trans "Source, destination, service and action tabs depend on the selected rulebook." %}
        </p>
        <div id="nsm-rule-picker"
             class="nsm-rule-picker-host"
             data-nsm-rule-picker
             {% if nsm_rule_picker_rulebook_id %}data-nsm-initial-rulebook="{{ nsm_rule_picker_rulebook_id }}"{% endif %}>
        </div>
      </div>
    </div>
  </div>

  <div class="field-group mb-4">
    {% render_field form.description %}
  </div>

  <div class="field-group mb-4">
    {% render_field form.tags %}
  </div>

  {% if form.custom_fields %}
    <div class="field-group mb-5">
      <div class="row">
        <h2 class="col-9 offset-3">{% trans "Custom Fields" %}</h2>
      </div>
      {% render_custom_fields form %}
    </div>
  {% endif %}

  {% if form.owner %}
    <div class="field-group mb-5">
      <div class="row">
        <h2 class="col-9 offset-3">{% trans "Ownership" %}</h2>
      </div>
      {% if form.owner_group %}
        {% render_field form.owner_group %}
      {% endif %}
      {% render_field form.owner %}
    </div>
  {% endif %}

  {% if form.comments %}
    <div class="field-group mb-5">
      {% render_field form.comments %}
    </div>
  {% endif %}

  {% if 'changelog_message' in form.fields %}
    <div class="bg-primary-subtle border border-primary rounded-1 pt-3 px-3 mb-3">
      {% render_field form.changelog_message %}
      <p class="text-muted small mb-0 col-9 offset-3">
        {% trans "Object field changes are suggested automatically when this field is empty on save." %}
      </p>
    </div>
  {% endif %}
{% endblock form %}

{% block modals %}
{{ block.super }}
{% include "netbox_nsm/inc/rule_edit_javascript.html" %}
{% endblock modals %}