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

{% block title %}Setup Wizard — Step 3 of 4{% endblock %}

{% block content %}
<div class="row">
  <div class="col col-md-12">

    {# Display Django messages (success/error from import) #}
    {% if messages %}
      {% for message in messages %}
        <div class="alert alert-{{ message.tags }}" role="alert">
          {{ message }}
        </div>
      {% endfor %}
    {% endif %}

    {# Collapsible Import config.py panel #}
    <div class="card mb-3">
      <div class="card-header" role="button" data-bs-toggle="collapse" data-bs-target="#importConfigPanel" aria-expanded="false" aria-controls="importConfigPanel">
        <strong>Import config.py</strong>
        <span class="text-muted ms-2">(optional — upload an existing config file to pre-populate the form)</span>
      </div>
      <div class="collapse" id="importConfigPanel">
        <div class="card-body">
          <p class="text-muted">
            If you are migrating from the standalone netbox-zabbix-sync CLI tool, upload your
            <code>config.py</code> file to automatically populate the sync settings below.
          </p>
          <form action="" method="post" enctype="multipart/form-data">
            {% csrf_token %}
            <input type="hidden" name="action" value="import">
            <div class="mb-3">
              <label for="id_config_file" class="form-label">config.py file</label>
              <input type="file" name="config_file" id="id_config_file" class="form-control" accept=".py">
              {% if import_form and import_form.config_file.errors %}
                <div class="text-danger mt-1">
                  {% for error in import_form.config_file.errors %}
                    <p>{{ error }}</p>
                  {% endfor %}
                </div>
              {% endif %}
              <div class="form-text">Upload your netbox-zabbix-sync config.py file (.py only, max 1 MB)</div>
            </div>
            <button type="submit" class="btn btn-outline-primary">
              Import
            </button>
          </form>
        </div>
      </div>
    </div>

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

      <div class="card">
        <div class="card-header">
          <strong>Step 3: Sync Configuration</strong>
        </div>
        <div class="card-body">
          {% if form.non_field_errors %}
            <div class="alert alert-danger" role="alert">
              {{ form.non_field_errors }}
            </div>
          {% endif %}

          <p class="text-muted">
            Configure the synchronization settings. Defaults are pre-populated from the
            netbox-zabbix-sync project defaults.
          </p>

          <!-- General -->
          <h5 class="card-title mt-3">General</h5>
          {% render_field form.description %}
          {% render_field form.description_dt_format %}
          {% render_field form.clustering %}
          {% render_field form.create_hostgroups %}
          {% render_field form.create_journal %}

          <!-- Templates -->
          <hr class="my-3">
          <h5 class="card-title">Templates</h5>
          <p class="text-muted">
            By default, Zabbix templates are assigned via the <code>template_cf</code> custom field.
            Enable <em>Templates from Config Context</em> to use config context data instead.
          </p>
          {% render_field form.template_cf %}
          {% render_field form.device_cf %}
          {% render_field form.templates_config_context %}
          {% render_field form.templates_config_context_overrule %}

          <!-- Proxy -->
          <hr class="my-3">
          <h5 class="card-title">Proxy</h5>
          <p class="text-muted">
            Set custom field names to enable proxy/proxy group assignment from NetBox.
            Leave empty to disable.
          </p>
          {% render_field form.proxy_cf %}
          {% render_field form.proxy_group_cf %}
          {% render_field form.full_proxy_sync %}

          <!-- Hostgroups -->
          <hr class="my-3">
          <h5 class="card-title">Hostgroups</h5>
          <p class="text-muted">
            Format uses path segments like <code>site/manufacturer/role</code>.
            Custom field names can also be used. Enable <em>Traverse Regions/Site Groups</em>
            to include the full hierarchy path.
          </p>
          {% render_field form.hostgroup_format %}
          {% render_field form.traverse_regions %}
          {% render_field form.traverse_site_groups %}
          {% render_field form.extended_site_properties %}

          <!-- VM Settings -->
          <hr class="my-3">
          <h5 class="card-title">Virtual Machines</h5>
          <p class="text-muted">
            Enable <em>Sync Virtual Machines</em> to include VMs in the sync.
            The VM hostgroup format supports VM-specific attributes like <code>cluster_type</code> and <code>cluster</code>.
          </p>
          {% render_field form.sync_vms %}
          {% render_field form.vm_hostgroup_format %}

          <!-- Device Lifecycle -->
          <hr class="my-3">
          <h5 class="card-title">Device Lifecycle</h5>
          <p class="text-muted">
            Control what happens to Zabbix hosts when a NetBox device changes status.
          </p>
          {% render_field form.zabbix_device_removal %}
          {% render_field form.zabbix_device_disable %}

          <!-- Inventory -->
          <hr class="my-3">
          <h5 class="card-title">Inventory</h5>
          <p class="text-muted">
            Set <em>Inventory Mode</em> to <code>manual</code> or <code>automatic</code> to enable inventory sync.
            The maps define which NetBox fields map to Zabbix inventory fields (use <code>/</code> for nested properties).
          </p>
          {% render_field form.inventory_mode %}
          {% render_field form.inventory_sync %}
          {% render_field form.device_inventory_map %}
          {% render_field form.vm_inventory_map %}

          <!-- Usermacros -->
          <hr class="my-3">
          <h5 class="card-title">Usermacros</h5>
          <p class="text-muted">
            Enable to sync NetBox fields as Zabbix user macros.
            Set to <code>full</code> to force-update secret macros every run.
          </p>
          {% render_field form.usermacro_sync %}
          {% render_field form.device_usermacro_map %}
          {% render_field form.vm_usermacro_map %}

          <!-- Tags -->
          <hr class="my-3">
          <h5 class="card-title">Tags</h5>
          <p class="text-muted">
            Enable <em>Tag Sync</em> to sync NetBox tags and mapped fields to Zabbix host tags.
            <em>Tag Name</em> is the Zabbix tag key under which NetBox device/VM tags are registered.
          </p>
          {% render_field form.tag_sync %}
          {% render_field form.tag_lower %}
          {% render_field form.tag_name %}
          {% render_field form.tag_value %}
          {% render_field form.device_tag_map %}
          {% render_field form.vm_tag_map %}

          <!-- Filtering -->
          <hr class="my-3">
          <h5 class="card-title">Filtering</h5>
          <p class="text-muted">
            NetBox API filters to control which devices/VMs are included in the sync.
          </p>
          {% render_field form.nb_device_filter %}
          {% render_field form.nb_vm_filter %}
        </div>
      </div>

      <div class="text-end my-3">
        <a href="{% url 'plugins:netbox_zabbix_sync_plugin:setup_wizard_step2' %}" class="btn btn-outline-secondary">
          Back
        </a>
        <button type="submit" class="btn btn-primary">
          Save &amp; Continue
        </button>
      </div>
    </form>
  </div>
</div>
{% endblock content %}