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

{% block content %}
{% if tab_hidden %}
  <div class="alert alert-info mb-0" role="alert">
    <i class="mdi mdi-information-outline"></i>
    Zabbix tab is not available for this {{ object_type|default:"object" }}.
    A runner must be configured and the {{ object_type|default:"object" }} needs a primary IP address.
  </div>
{% else %}
  <div class="card mt-3">
    <div class="card-header d-flex justify-content-between align-items-center">
      <strong><i class="mdi mdi-monitor-eye"></i> Zabbix</strong>
      <a href="{{ sync_url }}?{{ object_type }}={{ object.pk }}"
         class="btn btn-sm btn-warning"
         title="Synchronize this {{ object_type }} with Zabbix">
        <i class="mdi mdi-sync"></i> Synchronize with Zabbix
      </a>
    </div>
    <div class="card-body">

      {% if not zabbix_hostid %}
        <div class="alert alert-info mb-0" role="alert">
          <i class="mdi mdi-information-outline"></i>
          This {{ object_type }} is not yet linked to a Zabbix host.
          Use the button above to trigger a synchronization.
        </div>

      {% else %}
        {# Maintenance status #}
        {% if maintenance %}
          {% if maintenance.error %}
            <div class="alert alert-warning" role="alert">
              <i class="mdi mdi-alert-outline"></i>
              Could not fetch maintenance status: {{ maintenance.error }}
            </div>
          {% elif maintenance.in_maintenance %}
            <div class="alert alert-warning" role="alert">
              <i class="mdi mdi-wrench"></i>
              <strong>In Maintenance</strong>
              {% if maintenance.maintenance_name %} &mdash; {{ maintenance.maintenance_name }}{% endif %}
              {% if maintenance.maintenance_until %}<br><small>Until {{ maintenance.maintenance_until|date:"Y-m-d H:i:s" }}</small>{% endif %}
            </div>
          {% else %}
            <div class="alert alert-success" role="alert">
              <i class="mdi mdi-check-circle-outline"></i> Not in maintenance
            </div>
          {% endif %}
        {% endif %}

        {# Problems / Events #}
        <h5 class="mt-3">Open Problems</h5>
        {% if problems.error %}
          <div class="alert alert-warning" role="alert">
            <i class="mdi mdi-alert-outline"></i>
            Could not fetch problems: {{ problems.error }}
          </div>
        {% elif problems.problems %}
          <div class="table-responsive">
            <table class="table table-hover table-sm">
              <thead>
                <tr>
                  <th>Severity</th>
                  <th>Problem</th>
                  <th>Time</th>
                  <th>Ack</th>
                </tr>
              </thead>
              <tbody>
                {% for p in problems.problems %}
                  <tr>
                    <td>
                      {% if p.severity_num >= 4 %}
                        <span class="badge text-bg-danger">{{ p.severity }}</span>
                      {% elif p.severity_num == 3 %}
                        <span class="badge text-bg-warning">{{ p.severity }}</span>
                      {% elif p.severity_num == 2 %}
                        <span class="badge text-bg-warning">{{ p.severity }}</span>
                      {% elif p.severity_num == 1 %}
                        <span class="badge text-bg-info">{{ p.severity }}</span>
                      {% else %}
                        <span class="badge text-bg-secondary">{{ p.severity }}</span>
                      {% endif %}
                    </td>
                    <td>{{ p.name }}</td>
                    <td>{{ p.timestamp|date:"Y-m-d H:i:s" }}</td>
                    <td>
                      {% if p.acknowledged %}
                        <i class="mdi mdi-check text-success" title="Acknowledged"></i>
                      {% else %}
                        <i class="mdi mdi-close text-danger" title="Not acknowledged"></i>
                      {% endif %}
                    </td>
                  </tr>
                {% endfor %}
              </tbody>
            </table>
          </div>
        {% else %}
          <p class="text-muted mb-0"><i class="mdi mdi-check-circle-outline"></i> No open problems</p>
        {% endif %}

      {% endif %}
    </div>
  </div>
{% endif %}
{% endblock content %}