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

{% block title %}{{ 'dns.title'|trans({'domain': entity.name}) }}{% endblock %}

{% block body -%}

    <button class="btn btn-default" onclick="location.reload(true)"><i class="fa fa-refresh"></i> {{ 'dns.refresh'|trans }}</button>
    <br /><br />

    <table class="table base">
        <thead>
        <tr>
            <th></th>
            <th>{{ 'dns.suggested'|trans }}</th>
            <th>{{ 'dns.actual'|trans }}</th>
        </tr>
        </thead>
        <tbody>
        <tr class="mx">
            <td class="status">
                <span class="label-wating glyphicon glyphicon-time"></span>
            </td>
            <td><pre>{{ entity.name }}. MX <strong>{{ hostname }}</strong>.</pre></td>
            <td class="result"></td>
        </tr>
        </tbody>
    </table>

    <p class="info">{{ 'dns.dmarc.notice'|trans|raw }}</p>

    <table class="table spam">
        <thead>
        <tr>
            <th></th>
            <th>{{ 'dns.suggested'|trans }}</th>
            <th>{{ 'dns.actual'|trans }}</th>
        </tr>
        </thead>
        <tbody>
        <tr class="spf">
            <td class="status">
                <span class="label-wating glyphicon glyphicon-time"></span>
            </td>
            <td><pre>{{ entity.name }}. IN TXT "<strong>{{ entity.SPFRecord }}</strong>"</pre></td>
            <td class="result"></td>
        </tr>
        {% if entity.DKIMPrivateKey is empty %}
            <tr class="dkim">
                <td class="status">
                    <span class="label-wating glyphicon glyphicon-time"></span>
                </td>
                <td><pre>{{ 'dns.dkim.notice'|trans }}</pre></td>
                <td class="result"></td>
            </tr>
        {% else %}
            <tr class="dkim">
                <td class="status">
                    <span class="label-wating glyphicon glyphicon-time"></span>
                </td>
                <td><pre>{{ entity.DKIMSelector }}<span style="color: gray">._domainkey.{{ entity.name }}.</span> IN TXT "<strong>k=rsa; p={{ entity.DKIMPublicKey }}</strong>"</pre></td>
                <td class="result"></td>
            </tr>
        {% endif %}
        <tr class="dmarc">
            <td class="status">
                <span class="label-wating glyphicon glyphicon-time"></span>
            </td>
            <td><pre>_dmarc<span style="color: gray">.{{ entity.name }}.</span> IN TXT "<strong>{{ entity.DMARCRecord }}</strong>"</pre></td>
            <td class="result"></td>
        </tr>
        </tbody>
    </table>

    <p class="info">{{ 'dns.autoconfigure.notice'|trans|raw }}</p>

    <table class="table config">
        <thead>
        <tr>
            <th></th>
            <th>{{ 'dns.suggested'|trans }}</th>
            <th>{{ 'dns.actual'|trans }}</th>
        </tr>
        </thead>
        <tbody>
        <tr class="autoconfig">
            <td class="status">
                <span class="label-wating glyphicon glyphicon-time"></span>
            </td>
            <td><pre>autoconfig<span style="color: gray">.{{ entity.name }}.</span> CNAME <strong>{{ hostname }}</strong>.</pre></td>
            <td class="result"></td>
        </tr>
        <tr class="discovery">
            <td class="status">
                <span class="label-wating glyphicon glyphicon-time"></span>
            </td>
            <td><pre>autodiscover<span style="color: gray">.{{ entity.name }}.</span> CNAME <strong>{{ hostname }}</strong>.</pre></td>
            <td class="result"></td>
        </tr>
        </tbody>
    </table>

    <p class="info">{{ 'dns.bimi.notice'|trans|raw }}</p>

    <table class="table bimi">
        <thead>
        <tr>
            <th></th>
            <th>{{ 'dns.suggested'|trans }}</th>
            <th>{{ 'dns.actual'|trans }}</th>
        </tr>
        </thead>
        <tbody>
        {% if bimi_logo is empty %}
        <tr class="bimi">
            <td class="status">
                <span class="label-wating glyphicon glyphicon-time"></span>
            </td>
            <td><pre>{{ 'dns.bimi.empty_notice'|trans }}</pre></td>
            <td class="result"></td>
        </tr>
        {% else %}
        <tr class="bimi">
            <td class="status">
                <span class="label-wating glyphicon glyphicon-time"></span>
            </td>
            <td>
                <pre>default._bimi<span style="color: gray">.{{ entity.name }}.</span> IN TXT <strong>"v=BIMI1; l=
                        {{- url('domain_bimi_logo', {name: entity.name}) -}}
                        ;{%- if bimi_cert %} a={{ url('domain_bimi_cert', {name: entity.name}) }}{% endif %}"</strong></pre>
            </td>
            <td class="result"></td>
        </tr>
        {% endif %}
        </tbody>
    </table>

    <!--
    <p class="info"><strong>Optional</strong> - Helping autoconfigure clients - <a href="https://tools.ietf.org/html/rfc6186">RFC6186</a></p>

    <table class="table xmlautoconfig">
        <thead>
        <tr>
            <th></th>
            <th>Suggested value</th>
            <th>Actual</th>
        </tr>
        </thead>
        <tbody>
        <tr class="submission">
            <td class="status">
                <span class="label-wating glyphicon glyphicon-time"></span>
            </td>
            <td><pre>_submission._tcp SRV 0 <strong>1 587 {{ hostname }}</strong>.</pre></td>
            <td class="result"></td>
        </tr>
        <tr class="imap">
            <td class="status">
                <span class="label-wating glyphicon glyphicon-time"></span>
            </td>
            <td><pre>_imap._tcp SRV 0 <strong>1 143 {{ hostname }}</strong>.</pre></td>
            <td class="result"></td>
        </tr>
        <tr class="imaps">
            <td class="status">
                <span class="label-wating glyphicon glyphicon-time"></span>
            </td>
            <td><pre>_imaps._tcp SRV 0 <strong>1 993 {{ hostname }}</strong>.</pre></td>
            <td class="result"></td>
        </tr>
        <tr class="pop3">
            <td class="status">
                <span class="label-wating glyphicon glyphicon-time"></span>
            </td>
            <td><pre>_pop3._tcp SRV 0 <strong>1 110 {{ hostname }}</strong>.</pre></td>
            <td class="result"></td>
        </tr>
        <tr class="pop3s">
            <td class="status">
                <span class="label-wating glyphicon glyphicon-time"></span>
            </td>
            <td><pre>_pop3s._tcp SRV 0 <strong>1 995 {{ hostname }}</strong>.</pre></td>
            <td class="result"></td>
        </tr>
        </tbody>
    </table>
-->
{% endblock %}

{% block javascripts %}
    <script>
        get("{{ path('domain_test_dns_base', {name: entity.name}) }}", "base");
        get("{{ path('domain_test_dns_spam', {name: entity.name}) }}", "spam");
        //get("{{ path('domain_test_dns_autoconfig', {name: entity.name}) }}", "xmlautoconfig");
        get("{{ path('domain_test_xml_autoconfig', {name: entity.name}) }}", "config");
        get("{{ path('domain_test_dns_bimi', {name: entity.name}) }}", "bimi");

        function get(url, selector) {

            var xhr = new XMLHttpRequest();
            var element = document.querySelector('.' + selector);

            xhr.onreadystatechange = function()
            {
                if (xhr.readyState==4 && xhr.status==200) {
                    var result = JSON.parse(xhr.responseText);

                    for (var i in result) {
                        if(i[0] === '_') continue;
                        var row = element.querySelector('.' + i);
                        console.log('.' + i);
                        for (var x in result[i]) {
                            var item = row.querySelector("." + x);
                            if(x === "status") {
                                if(result[i][x] === "ok")
                                    item.innerHTML = "<span class='label-ok glyphicon glyphicon-ok'></span>"
                                if(result[i][x] === "error")
                                    item.innerHTML = "<span class='label-warning glyphicon glyphicon-remove'></span>"
                                if(result[i][x] === "custom")
                                    item.innerHTML = "<span class='label-skipped glyphicon glyphicon-minus'></span>"
                            } else {
                                var el = document.createElement('pre');
                                el.textContent = el.innerText = result[i][x].isArray ? result[i][x].join(', ') : result[i][x];
                                console.log('x ' + x);
                                item.appendChild(el);
                            }
                        }
                    }

                    if(result["_ip"]) {
                        var ip = document.querySelector('#ip');
                        ip.innerText = ip.textContent = result["_ip"];
                    }
                }
            };

            xhr.open("GET", url, true);
            xhr.send();
        }
    </script>
{% endblock %}