{% extends "analytics/base.html" %}
{% load static i18n %}

{% block page_title %}{% trans "Services" %}{% endblock %}
{% block page_subtitle %}{% trans "Running system services and daemons" %}{% endblock %}

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

{% block dashboard_content %}
<div class="server-services">
    <div class="table-card">
        <div class="chart-title-wrapper">
            <h2 class="chart-title">{% trans "Active Services" %}</h2>
        </div>
        <table class="analytics-table">
            <thead>
            <tr>
                <th>{% trans "Service" %}</th>
                <th>{% trans "Load" %}</th>
                <th>{% trans "Active" %}</th>
                <th>{% trans "Sub" %}</th>
                <th>{% trans "Description" %}</th>
            </tr>
            </thead>
            <tbody id="services-list">
            <tr>
                <td colspan="5">{% trans "Loading services..." %}</td>
            </tr>
            </tbody>
        </table>
    </div>
</div>
{% endblock %}

{% block page_scripts %}
<script>
    window.SERVER_API_METRICS_URL = "{% url 'analytics:api_server_metrics' %}";
    window.SERVER_API_HISTORY_URL = "{% url 'analytics:api_server_history' %}";
</script>
<script src="{% static 'analytics/scripts/server/services.js' %}"></script>
{% endblock %}