{% extends 'base.html.twig' %}
{% import 'forms.html.twig' as forms %}

{% block title %}{{ 'config.title'|trans }}{% endblock %}

{% block body -%}

    <script>
        function initShowHide(checkboxId, divId) {
            var checkboxElement = document.getElementById(checkboxId);
            var divElement = document.getElementById(divId);
            showHide(checkboxElement, divElement);
            checkboxElement.onclick = function () {
                showHide(checkboxElement, divElement);
            };
        }

        function showHide(checkboxElement, divElement) {
            divElement.style.display = checkboxElement.checked ? 'block' : 'none';
        }
    </script>

    {% for flashMessage in app.session.flashbag.get('notice') %}
        <div class="alert alert-info">
            {{ flashMessage|trans }}
        </div>
    {% endfor %}

    <div class="alert alert-danger" id="form-errors" style="display: none;">
        {{ 'form_errors'|trans }}
    </div>

    <ul class="nav nav-tabs" id="tabs">
        <li role="presentation" id="system-tab" class="active"><a href="#system" aria-controls="system" role="tab"
                                                  data-toggle="tab">{{ 'config.tab.configuration'|trans }}</a></li>
        <li role="presentation" id="email-tab"><a href="#email" aria-controls="email" role="tab"
                                   data-toggle="tab">{{ 'config.tab.email'|trans }}</a></li>
        <li role="presentation" id="spam-tab"><a href="#spam" aria-controls="spam" role="tab"
                                   data-toggle="tab">{{ 'config.tab.spamvirus'|trans }}</a></li>
        <li role="presentation" id="certificate-tab"><a href="#certificate" aria-controls="system" role="tab"
                                   data-toggle="tab">{{ 'config.tab.tls'|trans }}</a></li>
        <li role="presentation" id="advanced-tab"><a href="#advanced" aria-controls="system" role="tab"
                                   data-toggle="tab">{{ 'config.tab.advanced'|trans }}</a></li>
    </ul>

    {{ form_start(form) }}

    <div class="tab-content">
        <div id="system" role="tabpanel" class="tab-pane active">

            <div class="settings-box">
                <h3>{{ 'config.head.general'|trans }}</h3>

                <div class="inner">
                    <p class="text-muted"><span class="glyphicon glyphicon-info-sign"></span> {{ config.server.help|trans|raw }}</p>

                    {{ form_row(form.server) }}
                </div>
            </div>

            <div class="settings-box">
                <h3>{{ 'config.head.relay'|trans }}</h3>

                <div class="inner">
                    <p class="text-muted"><span class="glyphicon glyphicon-info-sign"></span> {{ config.relay.help|trans|raw }}</p>

                    {{ form_row(form.relay) }}
                </div>
            </div>
        </div>

        <div id="email" role="tabpanel" class="tab-pane">

            <div class="settings-box">
                <h3>{{ 'config.head.size'|trans }}</h3>

                <div class="inner">
                    <p class="text-muted"><span class="glyphicon glyphicon-info-sign"></span> {{ config.email.help|trans|raw }}</p>

                    {{ forms.suffixed_row(form.email.maxSize, 'MB', {label: false}) }}
                </div>
            </div>


            <div class="settings-box">
                <h3>{{ 'config.head.route'|trans }}</h3>

                <div class="inner">
                    <p class="text-muted"><span class="glyphicon glyphicon-info-sign"></span> {{ config.SMTPRoutes.help|trans|raw }}</p>

                    {{ form_row(form.defaultSmtpRoute.enabled) }}
                    <div id="smtp-route-settings">
                        {{ form_row(form.defaultSmtpRoute.relayHost) }}
                        {{ form_row(form.defaultSmtpRoute.relayPort) }}
                        {{ form_row(form.defaultSmtpRoute.needAuthentication) }}

                        <div id="smtp-auth-settings">
                            {{ form_row(form.defaultSmtpRoute.relayUsername) }}
                            {{ form_row(form.defaultSmtpRoute.relayPassword) }}
                        </div>
                    </div>
                </div>
                <script>initShowHide('config_defaultSmtpRoute_enabled', 'smtp-route-settings');</script>
                <script>initShowHide('config_defaultSmtpRoute_needAuthentication', 'smtp-auth-settings');</script>
            </div>

            <div class="settings-box">
                <h3>SRS</h3>

                <div class="inner">
                    <p class="text-muted"><span class="glyphicon glyphicon-info-sign"></span> {{ config.srs.help|trans|raw }}</p>

                    {{ form_row(form.srs) }}
                </div>
            </div>

            <div class="settings-box">
                <h3>{{ 'config.head.strict_from'|trans }}</h3>

                <div class="inner">
                    <p class="text-muted"><span class="glyphicon glyphicon-info-sign"></span> {{ config.strictFromCheck.help|trans|raw }}
                    </p>

                    {{ form_row(form.strictFromCheck.enabled) }}
                </div>
            </div>

            <div class="settings-box">
                <h3>{{ 'config.head.privacy'|trans }}</h3>

                <div class="inner">
                    <p class="text-muted"><span class="glyphicon glyphicon-info-sign"></span> {{ config.privacy.help|trans|raw }}
                    </p>

                    {{ form_row(form.privacy) }}
                </div>
            </div>

        </div>

        <div id="spam" role="tabpanel" class="tab-pane">
            <div class="settings-box">
                <h3>DNSBL</h3>

                <div class="inner">
                    <p class="text-muted"><span class="glyphicon glyphicon-info-sign"></span> {{ config.dnsbl.help|trans|raw }}</p>

                    {{ form_row(form.dnsbl) }}
                </div>
            </div>

            <div class="settings-box">
                <h3>{{ 'config.head.spam'|trans }}</h3>

                <div class="inner">
                    {{ form_row(form.rspamdInbound.enabled, {label: 'config.head.inbound_spam'|trans}) }}

                    <div id="sa-in-settings">
                        <p class="text-muted"><span class="glyphicon glyphicon-info-sign"></span> {{ config.rspamdInbound.help|trans|raw }}</p>

                        {{ form_row(form.rspamdInbound.changeSubject) }}

                        <div id="sa-in-change-subject">
                            {{ form_row(form.rspamdInbound.changeSubjectScore) }}
                            {{ form_row(form.rspamdInbound.changeSubjectPrepend) }}
                        </div>

                        {{ form_row(form.rspamdInbound.quarantineEnabled) }}
                        <div id="sa-in-quarantine">
                        {{ form_row(form.rspamdInbound.blockScore) }}
                        {{ form_row(form.rspamdInbound.quarantineMisbehaving) }}
                        </div>

                    </div>
                </div>
                <script>initShowHide('config_rspamdInbound_enabled', 'sa-in-settings');</script>
                <script>initShowHide('config_rspamdInbound_changeSubject', 'sa-in-change-subject');</script>
                <script>initShowHide('config_rspamdInbound_quarantineEnabled', 'sa-in-quarantine');</script>

                <div class="inner">

                    {% if not is_pro() %}
                        {{ form_row(form.rspamdOutbound.enabled, {label: 'config.head.outbound_spam'|trans, 'attr': {'disabled': 'disabled'}}) }}
                        <strong>PRO version required</strong>
                    {% else %}
                        {{ form_row(form.rspamdOutbound.enabled, {label: 'config.head.outbound_spam'|trans}) }}
                    {% endif %}

                    <p class="text-muted"><span class="glyphicon glyphicon-info-sign"></span> {{ config.rspamdOutbound.help|trans|raw }}</p>
                </div>
            </div>

            <div class="settings-box">
                <h3>{{ 'config.head.virus'|trans }}</h3>

                <div class="inner">
                    {{ form_row(form.clamavInbound.enabled, {label: 'config.head.inbound_virus'|trans}) }}
                    <p class="text-muted"><span class="glyphicon glyphicon-info-sign"></span> {{ config.clamavInbound.help|trans|raw }}</p>
                </div>

                <div class="inner">

                    {% if not is_pro() %}
                        {{ form_row(form.clamavOutbound.enabled, {label: 'config.head.outbound_virus'|trans, 'attr': {'disabled': 'disabled'}}) }}
                        <strong>{{ 'config.pro_required'|trans }}</strong>
                    {% else %}
                        {{ form_row(form.clamavOutbound.enabled, {label: 'config.head.outbound_virus'|trans}) }}
                    {% endif %}

                    <p class="text-muted"><span class="glyphicon glyphicon-info-sign"></span> {{ config.clamavOutbound.help|trans|raw }}
                    </p>
                </div>
            </div>

            <div class="settings-box">
                <h3>{{ 'config.head.dmarc'|trans }}</h3>
                <p class="text-muted"><span class="glyphicon glyphicon-info-sign"></span> {{ 'config.dmarc_help'|trans|raw }}</p>

                <div class="inner">
                    {{ form_row(form.dmarc.enabled, {label: 'config.dmarc.enabled'|trans}) }}

                    <div id="dmarc-settings">
                        {{ form_row(form.dmarc.orgName) }}
                        {{ form_row(form.dmarc.orgDomain) }}
                        {{ form_row(form.dmarc.senderEmail) }}
                    </div>
                </div>
                <script>initShowHide('config_dmarc_enabled', 'dmarc-settings');</script>
            </div>
        </div>

        <div id="certificate" role="tabpanel" class="tab-pane">
            <div class="settings-box">
                <h3>{{ 'config.head.tls'|trans }}</h3>


                <div class="inner">
                    <p class="text-muted"><span class="glyphicon glyphicon-info-sign"></span> {{ 'config.certificate_help'|trans|raw }}</p>

                    <h4>{{ 'config.le.head'|trans }}</h4>

                    <p>
                        {% if config.letsEncrypt.enabled %}
                            <a class="btn btn-success" href="{{ path('le') }}"><i
                                        class="fa fa-lock"></i> {{ 'config.le.change'|trans }}</a>
                        {% else %}
                            <a class="btn btn-success" href="{{ path('le') }}"><i
                                        class="fa fa-lock"></i> {{ 'config.le.issue'|trans|raw }}
                            </a>
                        {% endif %}
                    </p>
                </div>
            </div>

            <div class="settings-box">
                <h4>{{ 'config.head.certificate'|trans }}</h4>

                {% if config.letsEncrypt.enabled %}
                    <div class="alert alert-info">
                        {{ 'config.le.disable'|trans }}
                    </div>
                    <div style="display: none">
                        {{ form_widget(form.certificate) }}
                    </div>
                {% else %}
                    {{ form_widget(form.certificate) }}
                {% endif %}
            </div>

        </div>

        <div id="advanced" role="tabpanel" class="tab-pane">
            <div class="settings-box">
                <h3 style="margin-bottom: 1em;">{{ 'config.cleaning.head'|trans }}</h3>

                {{ form_row(form.cleaning.inboxJunk) }}
                <div id="config_cleaning_inbox_junk_detail">
                    {{ forms.suffixed_widget(form.cleaning.inboxJunkInterval, 'days') }}
                </div>
                <script>initShowHide('config_cleaning_inboxJunk', 'config_cleaning_inbox_junk_detail');</script>

                {{ form_row(form.cleaning.inboxTrash) }}
                <div id="config_cleaning_inbox_trash_detail">
                    {{ forms.suffixed_widget(form.cleaning.inboxTrashInterval, 'days') }}
                </div>
                <script>initShowHide('config_cleaning_inboxTrash', 'config_cleaning_inbox_trash_detail');</script>

                {{ form_row(form.cleaning.quarantine) }}
                <div id="config_cleaning_quarantine_detail">
                    {{ forms.suffixed_widget(form.cleaning.quarantineInterval, 'days') }}
                </div>
                <script>initShowHide('config_cleaning_quarantine', 'config_cleaning_quarantine_detail');</script>

                <h3 style="margin-bottom: 1em;">{{ 'config.cleaning.log_rotation'|trans }}</h3>

                {{ form_row(form.cleaning.rawLog) }}
                <div id="config_cleaning_raw_log_detail">
                    {{ forms.suffixed_widget(form.cleaning.rawLogInterval, 'days') }}
                </div>
                <script>initShowHide('config_cleaning_rawLog', 'config_cleaning_raw_log_detail');</script>

                {{ form_row(form.cleaning.dmarcs) }}
                <div id="config_cleaning_dmarcs_detail">
                    {{ forms.suffixed_widget(form.cleaning.dmarcsInterval, 'days') }}
                </div>
                <script>initShowHide('config_cleaning_dmarcs', 'config_cleaning_dmarcs_detail');</script>

                {{ form_row(form.cleaning.deliveryLog) }}
                <div id="config_cleaning_delivery_log_detail">
                    {{ forms.suffixed_widget(form.cleaning.deliveryLogInterval, 'days') }}
                </div>
                <script>initShowHide('config_cleaning_deliveryLog', 'config_cleaning_delivery_log_detail');</script>

                {{ form_row(form.cleaning.authLog) }}
                <div id="config_cleaning_auth_log_detail">
                    {{ forms.suffixed_widget(form.cleaning.authLogInterval, 'days') }}
                </div>
                <script>initShowHide('config_cleaning_authLog', 'config_cleaning_auth_log_detail');</script>

            </div>

            <div class="settings-box">
                <h3>{{ 'config.block_bad_connections.head'|trans }}</h3>

                <div class="inner">
                    <p class="text-muted"><span class="glyphicon glyphicon-info-sign"></span> {{ config.BlockBadConnections.help|trans|raw }}</p>

                    {{ form_widget(form.blockBadConnections.enabled) }}
                    <div id="bbc-settings">
                        {{ form_row(form.blockBadConnections.invalidConnectionsCount) }}

                        {{ form_label(form.blockBadConnections.counterExpiration) }}
                        {{ forms.suffixed_row(form.blockBadConnections.counterExpiration, 'seconds') }}

                        {{ form_label(form.blockBadConnections.blockExpiration) }}
                        {{ forms.suffixed_row(form.blockBadConnections.blockExpiration, 'seconds') }}
                    </div>
                </div>
                <script>initShowHide('config_blockBadConnections_enabled', 'bbc-settings');</script>
            </div>

            <div class="settings-box">
                <h3>{{ 'config.head.sieve'|trans }}</h3>

                <div class="inner">
                    {{ form_row(form.sieve.maxActions) }}
                    {{ form_row(form.sieve.maxRedirects) }}
                </div>
            </div>

            <div class="settings-box">
                <h3>{{ 'config.head.inspection'|trans }}</h3>

                <!--<p class="text-muted"><span class="glyphicon glyphicon-info-sign"></span> {{ 'config.inspection_help'|trans|raw }}</p>-->

                {{ form_widget(form.inspection.logSubject) }}
                {{ form_widget(form.inspection.copyEmails) }}
                <div id="inspection-copy-settings">
                    {{ form_row(form.inspection.targetEmail) }}
                </div>
                <script>initShowHide('config_inspection_copyEmails', 'inspection-copy-settings');</script>
            </div>

            <div class="settings-box">
                <h3>{{ 'config.head.dav'|trans }}</h3>
                <p class="text-muted"><span class="glyphicon glyphicon-info-sign"></span> {{ 'config.dav_help'|trans|raw }}</p>
                {{ form_widget(form.dav.enabled) }}
                {{ form_widget(form.dav.debug) }}
                {{ form_widget(form.dav.webdav) }}
            </div>

        </div>

    </div>

    <hr/>

    <div class="form-group">
        <button type="submit">{{ 'save.changes'|trans }}</button>
    </div>

    {{ form_rest(form) }}


    <style>
        h3 {
            border-bottom: 1px dotted #aaa;
            padding-bottom: 0.3em;
        }

        .settings-box {
            margin-bottom: 3em;
        }

        .help {
            background-color: transparent;
        }
        .required:after { content: ''; font-weight: bold; color: darkred; }
    </style>
{% endblock %}

{% block javascripts %}
    <script>
        window.onload = function () {
            if (window.location.href.match('\\?restarted$')) {
                xmlhttp = new XMLHttpRequest();
                xmlhttp.open("GET", "{{ path('settings_restart_nginx') }}", true);
                xmlhttp.send();
            }

            var total = 0;
            total += showErrorsCount($('#system'), $('#system-tab a'));
            total += showErrorsCount($('#email'), $('#email-tab a'));
            total += showErrorsCount($('#spam'), $('#spam-tab a'));
            total += showErrorsCount($('#certificate'), $('#certificate-tab a'));
            total += showErrorsCount($('#advanced'), $('#advanced-tab a'));

            if (total > 0) {
                $('#form-errors').show();
            } else {
                $('#form-errors').hide();
            }
        };

        $('#tabs a').click(function(e) {
            e.preventDefault();
            $(this).tab('show');
        });

        $("ul.nav-tabs > li > a").on("shown.bs.tab", function(e) {
            history.pushState(null, null, $(e.target).attr("href"));
        });

        var hash = window.location.hash;
        $('#tabs a[href="' + hash + '"]').tab('show');

        function showErrorsCount(tab, appendTo) {
            var count = tab.find('.has-error').length;
            if (count > 0) {
                appendTo.html(appendTo.html() + ' <span class="badge" style="background-color: darkred">' + count + '</span>');
            }
            return count;
        }
    </script>
{% endblock %}