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

{% block title %}Initial server configuration{% endblock %}

{% block body -%}
    <div class="container">


        <h1 style="text-align: center; ">First <strong>poste<span style="color: silver;">.io</span></strong> configuration</h1>

        <hr />

        <div style="
        max-width: 580px; margin: auto;
        ">
            <p><span class="glyphicon glyphicon-info-sign"></span> There is no "server.ini" in your data folder, we will try create one. You can update it later in your data folder.</p>

            <br />

            {{ form_start(form) }}

            {{ form_row(form.hostname) }}

            <div id="checks">

            </div>
            <br />

            {{ form_row(form.superAdmin) }}

            <div class="form-group {% if not form.superAdminPassword.vars.valid %} has-error{% endif %}">
                <label for="install_superAdminPassword" class="required" style="display: block">Password</label>

                <a href="#" id="show-password" tabindex="-1">{{ 'Show password'|trans }}</a>
                <div class="input-group">
                <span class="input-group-btn">
                    <button type="button" class="btn btn-info" id="generate" tabindex="-1">Generate</button>
                </span>
                    {{ form_widget(form.superAdminPassword) }}
                </div>

                {{ form_errors(form.superAdminPassword) }}
            </div>

            <hr />

            {{ form_rest(form) }}


            <div class="form-group">
                <button type="submit">{{ 'Submit'|trans }}</button>
            </div>
        </div>
    </div>
{% endblock %}

{% block stylesheets %}
    <style>
        #checks_status { color: gray; }
    </style>
{% endblock %}

{% block javascripts %}

    <script>
        var hostnameEl = document.getElementById('install_hostname');
        var checksEl = document.getElementById('checks');
        var checksCount = 13;
        var todo = checksCount;
        var errors = 0;

        function cb() {
            todo--;
            updateChecksCount(todo, checksCount);
        }

        function runChecks() {
            todo = checksCount;
            errors = 0;

            checksEl.innerHTML = '';
            var g = document.createElement('div');
            g.setAttribute("id", "checks_status");
            checksEl.appendChild(g);

            updateChecksCount(todo, checksCount);

            check ('SMTP port (25) test', '25', 'result-25');
            check ('HTTP port (80) test', '80', 'result-80');
            check ('POP3 port (110) test', '110', 'result-110');
            check ('IMAP port (143) test', '143', 'result-143');
            check ('HTTPS port (443) test', '443', 'result-443');
            check ('Submission port (587) test', '587', 'result-587');
            check ('IMAPs port (993) test', '993', 'result-993');
            check ('POP3s port (995) test', '995', 'result-995');
            check ('Sieve port (4190) test', '4190', 'result-4190');

            check ('Let\'s encrypt challenge exchange test', 'result-le');
            check ('IPv4 correct connection source address test', 'ip4', 'result-ip4');
            check ('IPv6 correct connection source address test', 'ip6', 'result-ip6');

            check ('Outbound connection test', 'outbound', 'result-outbound');
            check ('Not public DNS resolver test', 'resolver', 'result-resolver');
        }

        function updateChecksCount(remaining, total) {
            var message = "...running connection tests, please wait (" + remaining + '/' + total + ")<br /><br />";
            var checksStatus = document.getElementById('checks_status');
            if (checksStatus) {
                checksStatus.innerHTML = message;
            }

            if (remaining === 0) {
                if (errors === 0) {
                    checksStatus.innerHTML = "All checks were successfull";
                } else {
                    checksStatus.remove();
                }
            }
        }

        function check(description, target, result_id) {
            var xhr = new XMLHttpRequest();
            xhr.previous_text = '';
            xhr.timeout = 15000;

            xhr.onreadystatechange = function() {
                if (xhr.readyState === 4 && xhr.status === 200) {

                    var status = JSON.parse(xhr.responseText);
                    if (status['ok']) {
                        // do nothing
                    } else {
                        var message = document.createElement('div');
                        message.setAttribute('class', 'alert alert-danger');
                        message.setAttribute('style', 'background-color: white; color: black; border-color: red;');
                        message.innerHTML =
                            "<span class='glyphicon glyphicon-warning-sign' style='color: red'></span> " +
                            '<strong>' + description + ':</strong> ' +
                            status['err'];

                        checksEl.appendChild(message);
                        errors++;
                    }

                    cb();
                }
            };
            xhr.ontimeout = (e) => {
                var message = document.createElement('div');
                message.setAttribute('class', 'alert alert-danger');
                message.setAttribute('style', 'background-color: white; color: black; border-color: red;');
                message.innerHTML =
                    "<span class='glyphicon glyphicon-warning-sign' style='color: red'></span> " +
                    '<strong>' + description + ':</strong> timeouted';

                checksEl.appendChild(message);
                errors++;
                cb();
            };

            xhr.open("GET", "{{ path('install_test') }}?target=" + target + '&hostname=' + hostnameEl.value, true);
            xhr.send();
        }

        hostnameEl.onchange = runChecks;
    </script>

    <script>
        var hostnameEl = document.getElementById('install_hostname');
        var adminEl = document.getElementById('install_superAdmin');

        function suggestEmail() {
            if(hostnameEl.value.length > 0) {
                var host = hostnameEl.value.replace('mail.', '');
                adminEl.value = 'admin@' + host;
            }
        }
        hostnameEl.onkeyup = suggestEmail;
    </script>

    <script>
        function generatePassword() {
            var length = 10,

                    charset = "abcdefghijknopqrstuvwxACDEFGHJKLMNPQRSTUVWX2345679",
                    retVal = "";

            for (var i = 0, n = charset.length; i < length; ++i) {
                retVal += charset.charAt(Math.floor(Math.random() * n));
            }
            return retVal;
        }

        function showPassword() {
            document.getElementById('show-password').innerHTML = "{{ 'Hide password'|trans }}";
            document.getElementById('install_superAdminPassword').setAttribute('type', 'text');
            document.getElementById('show-password').onclick = hidePassword;
            return false;
        }

        function hidePassword() {
            document.getElementById('show-password').innerHTML = "{{ 'Show password'|trans }}";
            document.getElementById('install_superAdminPassword').setAttribute('type', 'password');
            document.getElementById('show-password').onclick = showPassword;
            return false;
        }

        document.getElementById('generate').onclick = function(e) {
            e.preventDefault();
            document.getElementById('install_superAdminPassword').value = generatePassword();
            return showPassword();
        };

        hidePassword();

    </script>
{% endblock %}