{% load helpers %}
<div class="card">
  <h2 class="card-header">Checkmk configuration</h2>
  {% if not instance and not binding %}
    <div class="card-body"><span class="badge text-bg-gray">not monitored</span>
      <span class="text-muted ms-2">Select an instance in the custom field "Checkmk instance".</span></div>
  {% else %}
    <table class="table table-hover attr-table">
      <tr><th scope="row">State</th><td>
        {% if binding %}<span class="badge text-bg-{{ binding.get_state_color }}">{{ binding.get_state_display }}</span>
        {% else %}<span class="badge text-bg-gray">not computed yet</span>{% endif %}
      </td></tr>
      <tr><th scope="row">Instance</th><td>{{ instance|linkify|placeholder }}</td></tr>
      {% if binding %}
        <tr><th scope="row">Host name</th><td>{% if checkmk_url %}<a href="{{ checkmk_url }}" target="_blank" rel="noopener">{{ binding.host_name }}</a>{% else %}{{ binding.host_name|placeholder }}{% endif %}</td></tr>
        <tr><th scope="row">Folder</th><td>{{ binding.folder|placeholder }}</td></tr>
        {% if binding.pending %}
          <tr><th scope="row">Pending change</th><td>{% include 'netbox_checkmk_sync/inc/diff.html' with diff=binding.pending %}
            {% if binding.authors %}<div class="small text-muted">by {{ binding.authors|join:", " }}</div>{% endif %}</td></tr>
        {% endif %}
        {% if binding.messages %}
          <tr><th scope="row">Messages</th><td>{% for m in binding.messages %}<div class="text-danger">{{ m }}</div>{% endfor %}</td></tr>
        {% endif %}
        {% if effective.tags %}
          <tr><th scope="row">Tag groups</th><td>{% for t in effective.tags %}<div><code>{{ t.group }}</code> = {{ t.value|default:"—" }} <span class="small text-muted">({{ t.origin|default:"none" }})</span></div>{% endfor %}</td></tr>
        {% endif %}
        {% if effective.teams %}
          <tr><th scope="row">Teams</th><td>{{ effective.teams|join:", " }}</td></tr>
        {% endif %}
        {% if effective.labels %}
          <tr><th scope="row">Labels</th><td class="small">{% for k, v in effective.labels.items %}<code>{{ k }}:{{ v }}</code> {% endfor %}</td></tr>
        {% endif %}
        {% if companion_tab %}<tr><th scope="row">Monitoring status</th><td><a href="{{ companion_tab }}">Checkmk tab (netbox-checkmk)</a></td></tr>{% endif %}
        {% if reservation %}<tr><th scope="row">Reserved</th><td>by {{ reservation.user }} until {{ reservation.expires|isodatetime:"minutes" }}{% if reservation.comment %} ({{ reservation.comment }}){% endif %}</td></tr>{% endif %}
        <tr><th scope="row">Last deploy</th><td>{% if last %}{{ last|linkify }}, {{ last.created|isodatetime:"minutes" }}, {{ last.user|placeholder }}{% else %}—{% endif %}</td></tr>
      {% endif %}
    </table>
    {% if reservations_on %}
      <div class="card-footer">
        <form method="post" action="{% url 'plugins:netbox_checkmk_sync:reservation' model=model_name pk=object.pk %}" class="d-flex gap-2">
          {% csrf_token %}
          {% if reservation %}<input type="hidden" name="action" value="release"><button class="btn btn-sm btn-outline-secondary"><i class="mdi mdi-lock-open"></i> Release reservation</button>
          {% else %}<input type="text" name="comment" class="form-control form-control-sm" placeholder="what you are working on (optional)"><button class="btn btn-sm btn-outline-primary text-nowrap"><i class="mdi mdi-lock"></i> Reserve</button>{% endif %}
        </form>
      </div>
    {% endif %}
    {% if binding %}
      <div class="card-footer d-flex gap-2">
        <a href="{{ binding.get_absolute_url }}">Host history</a>
        {% if instance %}<a href="{% url 'plugins:netbox_checkmk_sync:checkmkinstance_changes' pk=instance.pk %}" class="ms-auto">Changes of {{ instance }}</a>{% endif %}
      </div>
    {% endif %}
  {% endif %}
  {% for b in others %}
    <div class="card-footer small text-muted">Also in {{ b.instance|linkify }}: {{ b.get_state_display }} ({{ b.host_name }})</div>
  {% endfor %}
</div>