{% extends 'paxalia/base.html' %}
{% load static i18n %}

{% block title %}{% trans "Uptime Monitoring" %} – Paxalia Analytics{% endblock %}
{% block page_title %}{% trans "Uptime Monitoring" %}{% endblock %}
{% block page_subtitle %}{% trans "Scheduled checks against URLs you configure" %}{% endblock %}

{% block extra_css %}
    <link rel="stylesheet" href="{% static 'paxalia/styles/components/security.css' %}">
{% endblock %}

{% block filter_bar %}
    {% include 'paxalia/includes/filter_bar.html' %}
{% endblock %}

{% block dashboard_content %}
<div class="security-page">

    <div class="table-card">
        <h2 class="card-title">{% trans "Add a Monitor" %}</h2>
        <form method="post" class="analytics-settings-form security-inline-form management-form management-form--uptime">
            {% csrf_token %}
            <input type="hidden" name="save_monitor" value="1">
            <input type="text" name="name" placeholder="{% trans 'Display name (e.g. Main site)' %}" required>
            <input type="url" name="url" placeholder="{% trans 'https://example.com/health' %}" required>
            <select name="method">
                <option value="GET">GET</option>
                <option value="HEAD">HEAD</option>
                <option value="POST">POST</option>
            </select>
            <input type="number" name="expected_status_code" value="200" placeholder="{% trans 'Expected status' %}" min="100" max="599">
            <input type="number" name="timeout_seconds" value="10" placeholder="{% trans 'Timeout (s)' %}" min="1" max="120">
            <input type="number" name="check_interval_minutes" value="5" placeholder="{% trans 'Interval (min)' %}" min="1" max="1440">
            <button type="submit" class="btn btn-primary">{% trans "Add" %}</button>
        </form>
        <p class="form-hint">
            {% trans "Checks only run once manage.py check_uptime is scheduled (cron/Celery beat, every minute is typical) — see the README." %}
        </p>
    </div>

    <div class="table-card">
        <h2 class="card-title">{% trans "Monitors" %}</h2>
        {% if monitors %}
        <table class="analytics-table">
            <thead>
                <tr>
                    <th>{% trans "Name" %}</th>
                    <th>{% trans "URL" %}</th>
                    <th>{% trans "Status" %}</th>
                    <th>{% trans "Uptime" %} ({{ start_date }} – {{ end_date }})</th>
                    <th>{% trans "Last checked" %}</th>
                    <th>{% trans "Actions" %}</th>
                </tr>
            </thead>
            <tbody>
                {% for row in monitors %}
                <tr>
                    <td>{{ row.monitor.name }}{% if not row.monitor.is_active %} <span class="form-hint">({% trans "paused" %})</span>{% endif %}</td>
                    <td class="table-cell-truncate" title="{{ row.monitor.url }}">{{ row.monitor.url }}</td>
                    <td>
                        {% if row.current_status == 'up' %}
                            <span class="security-status-badge security-status-ok">{% trans "Up" %}</span>
                        {% elif row.current_status == 'down' %}
                            <span class="security-status-badge security-status-bad">{% trans "Down" %}</span>
                        {% else %}
                            <span class="security-status-badge security-status-warn">{% trans "Unknown" %}</span>
                        {% endif %}
                    </td>
                    <td>{% if row.uptime_pct is not None %}{{ row.uptime_pct }}%{% else %}—{% endif %}</td>
                    <td>{{ row.latest_check.checked_at|date:"M d, H:i"|default:"—" }}</td>
                    <td>
                        <form method="post" action="{% url 'paxalia:uptime_monitor_toggle' row.monitor.id %}" style="display:inline;">
                            {% csrf_token %}
                            <button type="submit" class="btn btn-sm btn-secondary">
                                {% if row.monitor.is_active %}{% trans "Pause" %}{% else %}{% trans "Resume" %}{% endif %}
                            </button>
                        </form>
                        <form method="post" action="{% url 'paxalia:uptime_monitor_delete' row.monitor.id %}" style="display:inline;">
                            {% csrf_token %}
                            <button type="submit" class="btn btn-sm btn-danger" data-confirm="{% trans 'Delete this monitor and all of its history?' %}">{% trans "Delete" %}</button>
                        </form>
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
        {% else %}
        <div class="security-empty">{% trans "No monitors configured yet." %}</div>
        {% endif %}
    </div>

    <div class="table-card">
        <h2 class="card-title">{% trans "Recent Incidents" %}</h2>
        {% if recent_incidents %}
        <table class="analytics-table">
            <thead>
                <tr>
                    <th>{% trans "Monitor" %}</th>
                    <th>{% trans "Started" %}</th>
                    <th>{% trans "Resolved" %}</th>
                    <th>{% trans "Duration" %}</th>
                    <th>{% trans "Cause" %}</th>
                </tr>
            </thead>
            <tbody>
                {% for incident in recent_incidents %}
                <tr>
                    <td>{{ incident.monitor.name }}</td>
                    <td>{{ incident.started_at|date:"M d, H:i" }}</td>
                    <td>
                        {% if incident.is_ongoing %}
                            <span class="security-status-badge security-status-bad">{% trans "Ongoing" %}</span>
                        {% else %}
                            {{ incident.resolved_at|date:"M d, H:i" }}
                        {% endif %}
                    </td>
                    <td>{{ incident.duration_seconds|floatformat:0 }}s</td>
                    <td class="table-cell-truncate" title="{{ incident.cause }}">{{ incident.cause|default:"—" }}</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
        {% else %}
        <div class="security-empty">{% trans "No incidents recorded." %}</div>
        {% endif %}
    </div>

</div>
{% endblock %}

{% block page_scripts %}
    <script nonce="{{ request.csp_nonce }}" src="{% static 'paxalia/scripts/security.js' %}"></script>
{% endblock %}