{% extends "base.html" %}
{% load compress humanize staticfiles hc_extras %}

{% block title %}My Checks - healthchecks.io{% endblock %}


{% block content %}
<div class="row">
    <div class="col-sm-12">
    <h1>Log for “{{ check.name_then_code }}”</h1>
    {% if pings %}
    <div class="table-responsive">
    <table class="table table-striped log-table">
        <tr>
            <th>Transport</th>
            <th>Time</th>
            <th>Remote IP</th>
            <th>User Agent</th>
        </tr>
        {% for ping in pings %}
        <tr>
            <td>
                {% if ping.scheme == "email" %}
                    Email
                {% elif ping.scheme == "http" %}
                    HTTP
                {% elif ping.scheme == "https" %}
                    HTTPS
                {% endif %}
            </td>
            <td>
                <span
                    data-toggle="tooltip"
                    title="{{ ping.created }} GMT">
                        {{ ping.created|naturaltime }}
                </span>
            </td>
            <td class="remote-addr">{{ ping.remote_addr }}</td>
            <td class="ua">{{ ping.ua }}</td>
        </tr>
        {% endfor %}
    </table>
    </div>
    {% else %}
        <div class="alert alert-info">Log is empty. This check has not received any pings yet.</div>
    {% endif %}
    </div>
</div>
{% endblock %}

{% block scripts %}
{% compress js %}
<script src="{% static 'js/jquery-2.1.4.min.js' %}"></script>
<script src="{% static 'js/bootstrap.min.js' %}"></script>
<script src="{% static 'js/log.js' %}"></script>
{% endcompress %}
{% endblock %}