{% extends 'generic/object.html' %}
{% load helpers %}
{% load i18n %}

{% block content %}
  <div class="row mb-3">
    <div class="col col-12 col-md-6">
      <div class="card" id="checkmk-site-attrs">
        <h2 class="card-header">{% trans "Checkmk site" %}</h2>
        <table class="table table-hover attr-table">
          <tr><th scope="row">{% trans "Name" %}</th><td>{{ object.name }}</td></tr>
          <tr><th scope="row">{% trans "URL" %}</th><td><a href="{{ object.site_url }}/check_mk/" target="_blank" rel="noopener">{{ object.site_url }}</a></td></tr>
          <tr><th scope="row">{% trans "Username" %}</th><td>{{ object.username }}</td></tr>
          <tr>
            <th scope="row">{% trans "Secret" %}</th>
            <td>{% if object.has_secret %}<span class="text-muted">{% trans "set (stored encrypted)" %}</span>{% else %}<span class="text-danger">{% trans "not set" %}</span>{% endif %}</td>
          </tr>
          <tr><th scope="row">{% trans "Verify TLS certificate" %}</th><td>{% checkmark object.verify_ssl %}</td></tr>
          <tr><th scope="row">{% trans "Timeout" %}</th><td>{{ object.timeout }} s</td></tr>
          <tr><th scope="row">{% trans "Weight" %}</th><td>{{ object.weight }}</td></tr>
          <tr><th scope="row">{% trans "Enabled" %}</th><td>{% checkmark object.enabled %}</td></tr>
          <tr><th scope="row">{% trans "Description" %}</th><td>{{ object.description|placeholder }}</td></tr>
        </table>
      </div>
      {% include 'inc/panels/tags.html' %}
    </div>
    <div class="col col-12 col-md-6">
      <div class="card">
        <h2 class="card-header">{% trans "Connection test" %}</h2>
        <div class="card-body">
          <button type="button" class="btn btn-primary btn-sm"
                  hx-get="{% url 'plugins:netbox_checkmk:checkmksite_test' pk=object.pk %}"
                  hx-target="#checkmk-connection-test" hx-swap="innerHTML">
            <i class="mdi mdi-lan-connect" aria-hidden="true"></i> {% trans "Test connection" %}
          </button>
          <div id="checkmk-connection-test" class="mt-3"></div>
        </div>
      </div>
      {% include 'inc/panels/custom_fields.html' %}
    </div>
  </div>
{% endblock %}