{% if not is_needed_tool %}
    <div style="text-align: center;">
		<h3>{{lang.admin_page.desc.no_ansible}} Ansible</h3>.
		<img src="/inc/images/no_servers.png" alt="There is no server">
		<h4>
			{{lang.words.read|title()}} <a href="https://roxy-wi.org/installation#ansible" title="{{lang.words.install|title()}} Ansible" target="_blank">here</a> {{lang.phrases.how_to_install}} Ansible.
		</h4>
	</div>
{% else %}
{% if page == 'users.py' %}
    <table id="grafana-table">
        <caption><h3>Grafana {{lang.words.and}} Prometheus {{lang.words.servers}}</h3></caption>
        <tr class="overviewHead">
            <td class="padding10 first-collumn">{{lang.words.current2|title()}} {{lang.words.installation}}</td>
            <td class="padding10 first-collumn" style="width: 40%;">{{lang.words.available|title()}} {{lang.words.versions}}</td>
            <td class="padding10 first-collumn" style="width: 30%;">{{lang.words.note|title()}}</td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td id="cur_grafana_ver" class="padding10 first-collumn">
                {% if grafana == "active" %}
                Grafana {{lang.words.and}} Prometheus {{lang.admin_page.desc.been_installed}}
                {% else %}
                {{lang.admin_page.desc.there_are_no}}
                {% endif %}
            </td>
            <td class="padding10 first-collumn" style="width: 20%;">
                {{lang.admin_page.desc.latest_repo}} Grafana {{lang.words.and}} Prometheus
            </td>
            <td class="padding10 first-collumn">
                {{lang.admin_page.desc.before_install}} Grafana {{lang.words.and}} Prometheus {{lang.words.servers}}
            </td>
            <td></td>
            <td>
                {% if grafana != "active" %}
                <span class="ui-button ui-widget ui-corner-all" id="grafna_install" title="{{lang.words.install|title()}} Grafana {{lang.words.and}} Prometheus {{lang.words.servers}}">{{lang.words.install|title()}}</span>
                {% endif %}
            </td>
        </tr>
    </table>
{% endif %}
    <table id="haproxy-table">
        <caption><h3>HAProxy Exporter</h3></caption>
        <tr class="overviewHead">
            <td class="padding10 first-collumn" style="width: 20%;">{{lang.words.current2|title()}} {{lang.words.installation}}</td>
            <td class="padding10 first-collumn" style="width: 30%;">{{lang.words.available|title()}} {{lang.words.versions}}</td>
            <td class="padding10 first-collumn" style="width: 30%;">{{lang.words.server|title()}}</td>
            <td class="help_cursor" style="width: 20%;" data-intro="{{lang.admin_page.desc.ext_prom}}">{{lang.words.external|title()}}Prometheus</td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td id="cur_haproxy_exp_ver" class="padding10 first-collumn"></td>
            <td class="padding10 first-collumn" style="width: 20%;">
                {% set values = dict() %}
                {% set values = {'0.9.0':'0.9.0', '0.10.0':'0.10.0', '0.11.0':'0.11.0', '0.12.0':'0.12.0', '0.13.0':'0.13.0', '0.14.0':'0.14.0', '0.15.0':'0.15.0'} %}
                {{ select('hapexpver',  values=values, selected='0.14.0') }}
            </td>
            <td class="padding10 first-collumn">
                <select autofocus required name="haproxy_exp_addserv" id="haproxy_exp_addserv">
                    <option disabled selected>------</option>
                    {% for select in servers %}
                    <option value="{{ select.2 }}">{{ select.1 }}</option>
                    {% endfor %}
                </select>
            </td>
            <td style="padding-left: 50px;">{{ checkbox('haproxy_ext_prom', title=lang.admin_page.desc.ext_prom) }}</td>
            <td>
                <span class="ui-button ui-widget ui-corner-all" id="haproxy_exp_install" title="{{lang.words.install|title()}} HAProxy Exporter">{{lang.words.install|title()}}</span>
            </td>
        </tr>
    </table>
    <table id="nginx-table">
        <caption><h3>NGINX Exporter</h3></caption>
        <tr class="overviewHead">
            <td class="padding10 first-collumn" style="width: 20%;">{{lang.words.current2|title()}} {{lang.words.installation}}</td>
            <td class="padding10 first-collumn" style="width: 30%;">{{lang.words.available|title()}} {{lang.words.versions}}</td>
            <td class="padding10 first-collumn" style="width: 30%;">{{lang.words.server|title()}}</td>
            <td class="help_cursor" style="width: 20%;" data-help="lang.admin_page.desc.ext_prom">{{lang.words.external|title()}}Prometheus</td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td id="cur_nginx_exp_ver" class="padding10 first-collumn"></td>
            <td class="padding10 first-collumn" style="width: 20%;">
                {% set values = dict() %}
                {% set values = {'0.6.0':'0.6.0', '0.7.0':'0.7.0', '0.9.0':'0.9.0', '0.10.0':'0.10.0', '0.11.0':'0.11.0'} %}
                {{ select('nginxexpver',  values=values, selected='0.11.0') }}
            </td>
            <td class="padding10 first-collumn">
                <select autofocus required name="nginx_exp_addserv" id="nginx_exp_addserv">
                    <option disabled selected>------</option>
                    {% for select in servers %}
                    <option value="{{ select.2 }}">{{ select.1 }}</option>
                    {% endfor %}
                </select>
            </td>
            <td style="padding-left: 50px;">{{ checkbox('nginx_ext_prom', title=lang.admin_page.desc.ext_prom) }}</td>
            <td>
                <span class="ui-button ui-widget ui-corner-all" id="nginx_exp_install" title="{{lang.words.install|title()}} NGINX Exporter">{{lang.words.install|title()}}</span>
            </td>
        </tr>
    </table>
    <table id="apache-table">
        <caption><h3>Apache Exporter</h3></caption>
        <tr class="overviewHead">
            <td class="padding10 first-collumn" style="width: 20%;">{{lang.words.current2|title()}} {{lang.words.installation}}</td>
            <td class="padding10 first-collumn" style="width: 30%;">{{lang.words.available|title()}} {{lang.words.versions}}</td>
            <td class="padding10 first-collumn" style="width: 30%;">{{lang.words.server|title()}}</td>
            <td class="help_cursor" style="width: 20%;" data-help="{{lang.admin_page.desc.ext_prom}}">{{lang.words.external|title()}}Prometheus</td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td id="cur_apache_exp_ver" class="padding10 first-collumn"></td>
            <td class="padding10 first-collumn" style="width: 20%;">
                {% set values = dict() %}
                {% set values = {'0.7.0':'0.7.0', '0.8.0':'0.8.0', '0.9.0':'0.9.0', '0.10.0':'0.10.0'} %}
                {{ select('apacheexpver',  values=values, selected='0.10.0') }}
            </td>
            <td class="padding10 first-collumn">
                <select autofocus required name="apache_exp_addserv" id="apache_exp_addserv">
                    <option disabled selected>------</option>
                    {% for select in servers %}
                    <option value="{{ select.2 }}">{{ select.1 }}</option>
                    {% endfor %}
                </select>
            </td>
            <td style="padding-left: 50px;">{{ checkbox('apache_ext_prom', title=lang.admin_page.desc.ext_prom) }}</td>
            <td>
                <span class="ui-button ui-widget ui-corner-all" id="apache_exp_install" title="{{lang.words.install|title()}} Apache Exporter">{{lang.words.install|title()}}</span>
            </td>
        </tr>
    </table>
    <table id="keepalived-table">
        <caption><h3>Keepalived Exporter</h3></caption>
        <tr class="overviewHead">
            <td class="padding10 first-collumn" style="width: 20%;">{{lang.words.current2|title()}} {{lang.words.installation}}</td>
            <td class="padding10 first-collumn" style="width: 30%;">{{lang.words.available|title()}} {{lang.words.versions}}</td>
            <td class="padding10 first-collumn" style="width: 30%;">{{lang.words.server|title()}}</td>
            <td class="help_cursor" style="width: 20%;" title="{{lang.admin_page.desc.ext_prom}}">{{lang.words.external|title()}}Prometheus</td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td id="cur_keepalived_exp_ver" class="padding10 first-collumn"></td>
            <td class="padding10 first-collumn" style="width: 20%;">
                {% set values = dict() %}
                {% set values = {'0.1.0':'0.1.0', '0.2.0':'0.2.0', '0.3.0':'0.3.0', '0.4.0':'0.4.0', '0.5.0':'0.5.0'} %}
                {{ select('keepalivedexpver',  values=values, selected='0.5.0') }}
            </td>
            <td class="padding10 first-collumn">
                <select autofocus required name="keepalived_exp_addserv" id="keepalived_exp_addserv">
                    <option disabled selected>------</option>
                    {% for select in servers %}
                    <option value="{{ select.2 }}">{{ select.1 }}</option>
                    {% endfor %}
                </select>
            </td>
            <td style="padding-left: 50px;">{{ checkbox('keepalived_ext_prom', title=lang.admin_page.desc.ext_prom) }}</td>
            <td>
                <span class="ui-button ui-widget ui-corner-all" id="keepalived_exp_install" title="{{lang.words.install|title()}} Keepalived Exporter">{{lang.words.install|title()}}</span>
            </td>
        </tr>
    </table>
    <table style="margin-top: 20px" id="node-table">
        <caption><h3>Node Exporter</h3></caption>
        <tr class="overviewHead">
            <td class="padding10 first-collumn" style="width: 20%;">{{lang.words.current2|title()}} {{lang.words.installation}}</td>
            <td class="padding10 first-collumn" style="width: 30%;">{{lang.words.available|title()}} {{lang.words.versions}}</td>
            <td class="padding10 first-collumn" style="width: 30%;">{{lang.words.server|title()}}</td>
            <td class="help_cursor" style="width: 20%;" title="{{lang.admin_page.desc.ext_prom}}">{{lang.words.external|title()}}Prometheus</td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td id="cur_node_exp_ver" class="padding10 first-collumn"></td>
            <td class="padding10 first-collumn" style="width: 20%;">
                {% set values = dict() %}
                {% set values = {'1.1.1':'1.1.1', '1.1.2':'1.1.2', '1.2.0':'1.2.0', '1.2.2':'1.2.2', '1.3.0':'1.3.0', '1.3.1':'1.3.1', '1.5.0':'1.5.0'} %}
                {{ select('nodeexpver',  values=values, selected='1.5.0') }}
            </td>
            <td class="padding10 first-collumn">
                <select autofocus required name="node_exp_addserv" id="node_exp_addserv">
                    <option disabled selected>------</option>
                    {% for select in servers %}
                    <option value="{{ select.2 }}">{{ select.1 }}</option>
                    {% endfor %}
                </select>
            </td>
            <td style="padding-left: 50px;">{{ checkbox('node_ext_prom', title=lang.admin_page.desc.ext_prom) }}</td>
            <td>
                <span class="ui-button ui-widget ui-corner-all" id="node_exp_install" title="{{lang.words.install|title()}} Node Exporter">{{lang.words.install|title()}}</span>
            </td>
        </tr>
    </table>
    <div id="ajaxmon"></div>
    <div class="add-note alert addName alert-info" style="width: inherit; margin-right: 15px;">
        {{lang.words.read|title()}} <a href="https://roxy-wi.org/services/grafana" title="About Grafana and Prometheus servers" target="_blank">{{lang.words.about|title()}} Grafana and Prometheus servers</a>
        {{lang.words.and}} <a href="https://roxy-wi.org/howto/exporters" title="About Exporters" target="_blank">{{lang.words.about|title()}} Exporters</a>
    </div>
{% endif %}