{% extends 'generic/object.html' %}
{% load render_table from django_tables2 %}

{% block content %}
<div class="row mb-3">
  <div class="col">
    <a href="{% url 'plugins:netbox_ping:ip_ping' pk=object.pk %}" class="btn btn-primary">
      <span class="mdi mdi-lan-check" aria-hidden="true"></span> Ping Now
    </a>
  </div>
</div>

{% if ping_result %}
<div class="row">
  <div class="col col-md-6">
    <div class="card">
      <h5 class="card-header">Ping Status</h5>
      <div class="card-body">
        <table class="table table-hover attr-table">
          <tr>
            <th scope="row">Status</th>
            <td>
              {% if ping_result.is_skipped %}
                <span class="badge text-bg-warning">Skipped</span>
              {% elif ping_result.is_stale %}
                <span class="badge" style="background-color:#e67e22;color:#fff;">Stale</span>
              {% elif ping_result.is_reachable %}
                <span class="badge text-bg-success">Up</span>
              {% else %}
                <span class="badge text-bg-danger">Down</span>
              {% endif %}
              {% if ping_result.is_new %}
                <span class="badge text-bg-info">New</span>
              {% endif %}
            </td>
          </tr>
          {% if ping_result.consecutive_down_count > 0 %}
          <tr>
            <th scope="row">Consecutive Down</th>
            <td>{{ ping_result.consecutive_down_count }} scan{{ ping_result.consecutive_down_count|pluralize }}</td>
          </tr>
          {% endif %}
          <tr>
            <th scope="row">RTT</th>
            <td>{{ ping_result.response_time_ms|default:"N/A" }}{% if ping_result.response_time_ms %} ms{% endif %}</td>
          </tr>
          <tr>
            <th scope="row">DNS Name</th>
            <td>{{ ping_result.dns_name|default:"—" }}</td>
          </tr>
          <tr>
            <th scope="row">Last Seen</th>
            <td>{{ ping_result.last_seen|default:"Never" }}</td>
          </tr>
          <tr>
            <th scope="row">Last Checked</th>
            <td>{{ ping_result.last_checked|default:"Never" }}</td>
          </tr>
        </table>
      </div>
    </div>
  </div>
</div>
{% else %}
<div class="alert alert-info">
  No ping data yet. Click <strong>Ping Now</strong> to check this IP.
</div>
{% endif %}

{% if history_table.rows|length or dns_history_table.rows|length %}
<div class="row mt-3">
  <div class="col">
    <div class="card">
      <div class="card-header">
        <ul class="nav nav-tabs card-header-tabs" role="tablist">
          {% if history_table.rows|length %}
          <li class="nav-item" role="presentation">
            <button class="nav-link active" id="ping-history-tab" data-bs-toggle="tab" data-bs-target="#ping-history" type="button" role="tab">
              <span class="mdi mdi-history"></span> Ping History
            </button>
          </li>
          {% endif %}
          {% if dns_history_table.rows|length %}
          <li class="nav-item" role="presentation">
            <button class="nav-link{% if not history_table.rows|length %} active{% endif %}" id="dns-history-tab" data-bs-toggle="tab" data-bs-target="#dns-history" type="button" role="tab">
              <span class="mdi mdi-dns"></span> DNS History
            </button>
          </li>
          {% endif %}
        </ul>
      </div>
      <div class="card-body tab-content">
        {% if history_table.rows|length %}
        <div class="tab-pane fade show active table-responsive" id="ping-history" role="tabpanel">
          {% render_table history_table %}
        </div>
        {% endif %}
        {% if dns_history_table.rows|length %}
        <div class="tab-pane fade{% if not history_table.rows|length %} show active{% endif %} table-responsive" id="dns-history" role="tabpanel">
          {% render_table dns_history_table %}
        </div>
        {% endif %}
      </div>
    </div>
  </div>
</div>
{% endif %}
{% endblock %}