{% import 'languages/'+lang|default('en')+'.html' as lang %}
{% set services_name = {
	'roxy-wi-checker': { 'name': 'Checker', 'desc': lang.admin_page.desc.checker_desc },
	'roxy-wi-keep_alive': { 'name': 'Auto start', 'desc': lang.admin_page.desc.auto_start_desc },
	'roxy-wi-metrics': { 'name': 'Metrics', 'desc': lang.admin_page.desc.metrics_desc },
	'roxy-wi-portscanner': { 'name': 'Port scanner', 'desc': lang.admin_page.desc.p_s_desc },
	'roxy-wi-smon': { 'name': 'SMON', 'desc': lang.admin_page.desc.smon_desc },
	'roxy-wi-socket': { 'name': 'Socket', 'desc': lang.admin_page.desc.socket_desc },
	'roxy-wi-prometheus-exporter': { 'name': 'Prometheus exporter', 'desc': 'Prometheus exporter exports Roxy-WI metrics' },
	'prometheus': { 'name': 'Prometheus', 'desc': 'Prometheus server' },
	'grafana-server': { 'name': 'Grafana', 'desc': 'Grafana server' },
	'fail2ban': { 'name': 'Fail2ban', 'desc': 'Fail2ban scans log files (e.g. /var/log/apache/error_log) and bans IPs that show the malicious signs' },
    'rabbitmq-server': { 'name': 'RabbitMQ', 'desc': 'RabbitMQ server' },
    }
%}
{% for s in services %}
<tr class="{{ loop.cycle('odd', 'even') }}" id="{{s.0}}">
    <td class="padding10 first-collumn">
        {% if s.1.0 == 'active' or s.1.0 == 'RUNNING' %}
            <span title="{{s.0}} is started"><span class="serverUp server-status"></span></span>
        {% else %}
            {% if (s.1.0 == 'inactive' or s.1.0 == 'failed' or s.1.0 == 'activating' or s.1.0 == 'STOPPED') and 'is not installed' not in s.3 %}
                <span title="{{s.0}} is stopped"><span class="serverDown server-status"></span></span>
            {% else %}
                <span title="{{s.0}} is not installed"><span class="serverNone server-status"></span></span>
            {% endif %}
        {% endif %}
        {{services_name[s.0]['name']}}
    </td>
    <td class="padding10 first-collumn">
        {% if 'is not installed' in s.3 or not s.3 %}
            {% if s.0 in ('prometheus', 'grafana-server') %}
                <a class="ui-button ui-widget ui-corner-all" onclick="openTab(10)" title="{{lang.words.install|title()}} {{service_name}}">{{lang.words.install|title()}}</a>
            {% elif s.0 in ('rabbitmq-server', 'fail2ban') %}
                <a class="ui-button ui-widget ui-corner-all" href="https://roxy-wi/services/{{s.0.split('-')[0]}}" title="{{lang.words.install|title()}} {{s.0|title()}}" target="_blank">{{lang.words.install|title()}}</a>
            {% else %}
                <a class="ui-button ui-widget ui-corner-all" onclick="updateService('{{s.0}}', 'install')" title="{{lang.words.install|title()}} {{service_name}}">{{lang.words.install|title()}}</a>
            {% endif %}
        {% else %}
        <a id="start-{{ s.0 }}" class="start" title="{{lang.words.start|title()}} {{lang.words.and}} {{lang.words.enable}} {{s.0}} {{lang.words.service}}">
            <span class="service-start" onclick="confirmAjaxServiceAction('start', '{{s.0}}')"></span>
        </a>
        <a id="restart-{{ s.2 }}" class="restart" title="{{lang.words.restart|title()}} {{s.0}} {{lang.words.service}}">
            <span class="service-reload service-restart" onclick="confirmAjaxServiceAction('restart', '{{s.0}}')"></span>
        </a>
        <a id="stop-{{ s.0 }}" class="stop" title="{{lang.words.stop|title()}} {{lang.words.and}} {{lang.words.disable}} {{s.0}} {{lang.words.service}}">
            <span class="service-stop" onclick="confirmAjaxServiceAction('stop', '{{s.0}}')"></span>
        </a>
        {% endif %}
    </td>
    <td>
        {% if 'is not installed' not in s.3 %}
        {{ s.3 }}
        {% endif %}
    </td>
    <td>
        {{ services_name[s.0]['desc'] }}
    </td>
    <td></td>
</tr>
{% endfor %}