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

{% block title %}Connect Configuration — {{ runner.name }}{% endblock %}

{% block content %}
<div class="row">
  <div class="col col-md-12">
    <div class="card">
      <div class="card-header d-flex justify-content-between align-items-center">
        <strong>Connect Configuration</strong>
        <a href="{% url 'plugins:netbox_zabbix_sync_plugin:connect_config_edit' pk=runner.pk %}" class="btn btn-sm btn-warning">
          <i class="mdi mdi-pencil"></i> Edit
        </a>
      </div>
      <div class="card-body">
        <table class="table table-hover attr-table">
          <tbody>
            {% for key, value in config.items %}
              <tr>
                <th scope="row">{{ key }}</th>
                <td>{{ value|default:"—" }}</td>
              </tr>
            {% empty %}
              <tr>
                <td colspan="2" class="text-muted">No configuration found.</td>
              </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    </div>

    <div class="text-end my-3">
      <a href="{{ runner.get_absolute_url }}" class="btn btn-outline-secondary">
        Back to Runner
      </a>
    </div>
  </div>
</div>
{% endblock content %}