{% import 'languages/'+lang|default('en')+'.html' as lang %}
{% from 'include/input_macros.html' import input, checkbox, copy_to_clipboard %}
{% set checker_desc = lang.services.hapservers_desc %}
<script src="/static/js/udp.js"></script>
<div id="listener-{{listener.id}}" class="div-server-hapwi div-server-head-dis">
    <div class="server-name">
        <span class="overflow name-span">
            <span id="listener-name-{{listener.id}}">{{listener.name|replace("'", "")}}</span>
            <span id="listener-desc-{{listener.id}}">{% if listener.desc and listener.desc != "''" %} ({{listener.desc|replace("'", "")}}) {% endif %}</span>
        </span>
        <span class="server-action">
            {% if g.user_params['role'] <= 3 %}
            <span class="service-start" onclick="confirmUdpBalancerAction('start', '{{listener.id}}')"></span>
            <span class="service-reload" onclick="confirmUdpBalancerAction('restart', '{{listener.id}}')"></span>
            <span class="service-stop" onclick="confirmUdpBalancerAction('stop', '{{listener.id}}')"></span>
            <a class="edit" onclick="createUDPListener(true, '{{listener.id}}')"></a>
            <a class="delete" onclick="confirmDeleteListener('{{listener.id}}')"></a>
            {% endif %}
            <a href="{{ url_for('main.service_history', service='udp', server_ip=listener.id) }}" title="{{lang.words.view|title()}} {{lang.words.history3}} {{listener.name}}" class="history" style="margin: 0 5px 0 10px;"></a>
        </span>
    </div>
    <div class="server-desc">
        {% if listener.cluster_id %}
            {% for cluster in clusters %}
                {% if listener.cluster_id == cluster.id %}
                    {{ input('listener-type-'+listener.id|string(), value='cluster', type='hidden') }}
                    <b>{{lang.words.cluster|title}} {{ lang.words.name }}</b>:
                    <a href="/ha/cluster/{{ cluster.id }}" title="{{lang.words.open|title()}} {{lang.words.cluster|replace("'", "")}}" id="cluster-{{ listener.id }}"> {{ cluster.name }}</a>
                {% endif %}
            {% endfor %}
            <b>VIP</b>:
        {% else %}
            {{ input('listener-type-'+listener.id|string(), value='server', type='hidden') }}
            <b>{{ lang.words.server|title() }}</b>: <span id="hostname-{{ listener.id }}">{{ server.hostname }}</span>
            <b id="ip-{{ listener.id }}">IP</b>:
        {% endif %}
        <span id="vip-{{ listener.id }}">{{ copy_to_clipboard(value=listener.vip) }}</span><br />
        <b>{{lang.words.port|title()}}</b>: <span id="port-{{ listener.id }}">{{ listener.port }}</span> <br />
        <b>{{ lang.words.backend|title() }} {{ lang.words.servers }}</b>: <br />
        <div id="config-{{ listener.id }}">
            {% set config = listener.config|string_to_dict %}
            {% for c in config %}
                <div>
                <span id="backend_server_status_{{ c.backend_ip|replace('.', '') }}" class="server-status-small serverNone"></span>
            {{ lang.words.server|title() }}: {{ copy_to_clipboard(value=c.backend_ip) }}, {{ lang.words.port }}: {{ c.port }}, {{ lang.words.weight }}: {{ c.weight }}
                </div>
                <script>
                    checkUdpBackendStatus('{{ listener.id }}', '{{ c.backend_ip }}')
                    setInterval(checkUdpBackendStatus, 60000, '{{listener.id}}', '{{ c.backend_ip }}');
                </script>
            {% endfor %}
        </div>
        <div class="udp-act-links" id="server-{{listener.id|string()}}">
        {% if g.user_params['role'] <= 2 %}
            {% set id = 'alert-' + listener.id|string() %}
            {% if listener.is_checker == 1 %}
                {{ checkbox(id, title=checker_desc, value='1', desc='Checker', checked='checked') }}
            {% else %}
                {{ checkbox(id, title=checker_desc, value='1', desc='Checker') }}
            {% endif %}
        {% endif %}
        </div>
    </div>
</div>
<script>
    checkStatus('{{listener.id}}');
    setInterval(checkStatus, 25000, '{{listener.id}}');
</script>