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

{% block body %}
    <p class="uk-text-lead uk-text-center">
        We are sorry, but we are in maintenance mode.
    </p>
    <p class="uk-text-center">
        We are busy upgrading the system and will be back shortly.<br />
        Thank you for your patience!
    </p>

    <p class="uk-margin-remove-top uk-text-center uk-404 uk-doughnut">
    <span class="uk-spin uk-background-cover uk-inline"></span>
    </p>
        <progress id="progressbar" class="uk-progress uk-width-1-2@m uk-width-1-1@s uk-align-center" value="10" max="100"></progress>


{% endblock %}
{% block javascripts %}
    <script>

        jQuery(function () {

            var animate = setInterval(function () {
                var progress = jQuery('progress');
                progress && (progress.val(progress.val() + 10) );

                if (!progress || progress.val() >= progress.attr('max')) {
                    for(i=progress.attr('max');i>0;i--) {
                        progress.val(i);
                    }
                }

            }, 1000);

        });

    </script>
{% endblock %}