{% extends 'base.html.twig' %}

{% block title %}{{ 'dnsbl.title'|trans({'ip': ip}) }}{% endblock %}

{% block body -%}

    <button id="refresh" style="display: none;" class="btn btn-default" onclick="location.reload(true)"><i class="fa fa-refresh"></i> {{ 'dnsbl.refresh'|trans }}</button>

    <button id="working" class="btn btn-default"><i class="fa fa-cog fa-spin"></i> {{ 'dnsbl.loading'|trans }}</button>
    <br /><br />

    <table class="table">
        <thead>
        <tr>
            <th>{{ 'dnsbl.blacklist'|trans }}</th>
            <th>{{ 'dnsbl.result'|trans }}</th>
        </tr>
        </thead>
        <tbody>
        {% for bl in blacklists %}
        <tr>
            <th>{{ bl }}</th>
            <td id="{{ bl }}"><span style="color: silver">?</span></td>
        </tr>
        {% endfor %}
        </tbody>
    </table>
{% endblock %}

{% block javascripts %}
    <script>
        var refresh = document.getElementById('refresh');
        var working = document.getElementById('working');

        var todo = {{ blacklists|length }};
        {% for bl in blacklists %}
        check ("{{ bl }}");
        {% endfor %}

        function cb() {
            todo--;
            if (todo === 0) {
                refresh.style.display = 'inline-block';
                working.style.display = 'none';
            }
        }

        function check(blacklist) {
            var xhr = new XMLHttpRequest();
            xhr.previous_text = '';

            xhr.onreadystatechange = function() {
                if (xhr.readyState === 4 && xhr.status === 200) {
                    var status = JSON.parse(xhr.responseText);
                    document.getElementById(blacklist).innerHTML =
                        status == 'ok' ?
                            '<i class="fa fa-check green"></i>' :
                            '<i class="fa fa-times red"></i> ' + status;


                    if(status != 'ok') {
                        var row = document.getElementById(blacklist).parentElement;

                        row.parentNode.insertBefore(row, row.parentNode.childNodes[0]);
                        row.className = 'danger';
                    }
                    cb();
                }
            };
            xhr.open("GET", "{{ path('diagnostic_dnsbl_ip', {ip: ip, blacklist: 'blacklist'}) }}".replace("blacklist", blacklist), true);
            xhr.send();
        }
    </script>
{% endblock %}