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

{% block content %}
  <div class="row mb-3">
    <div class="col col-12">
      <div class="card" id="checkmk-status">
        <h2 class="card-header">
          {% trans "Checkmk Monitoring" %}
          <div class="card-actions">
            <button type="button" class="btn btn-ghost-primary btn-sm"
                    hx-get="{{ panel_url }}?refresh=1" hx-target="#checkmk-status-body" hx-swap="innerHTML"
                    title="{% trans "Reload from Checkmk (bypass cache)" %}">
              <i class="mdi mdi-refresh" aria-hidden="true"></i> {% trans "Refresh" %}
            </button>
          </div>
        </h2>
        <div id="checkmk-status-body" hx-get="{{ panel_url }}" hx-trigger="load, every {{ check_interval }}s" hx-swap="innerHTML">
          <div class="card-body text-muted">
            <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
            {% trans "Loading Checkmk status…" %}
          </div>
        </div>
      </div>
    </div>
  </div>
{% endblock %}