{% extends "base.html" %}
{% load i18n %}
{%block htmlclass%}class="detail"{%endblock%}
{% block js %}
<script type="text/javascript">

(function () {
    var timeLeft = 5,
        cinterval;

    var timeDec = function (){
        timeLeft--;
        document.getElementById('countdown').innerHTML = timeLeft;
        if(timeLeft === 0){
            clearInterval(cinterval);
            {% if not comment.content_object.get_absolute_url %}
            window.location="/";
            {% else%}
            window.location="{{comment.content_object.get_absolute_url}}";{%endif%}
        }
    };

    cinterval = setInterval(timeDec, 1000);
})();

</script>
{% endblock %}
{% block primary %}
<main>
    <article class="content">
        <header class="post-header">
        <h1 class="post-title">Thank you for your comment</h1>
        </header>
        <div class="post-article">
        <p>Unless you've previously been approved a few times, your comment will be moderated. If we're on the road this can sometimes take a few days, so please be patient.</p>
        <p><a href="{{comment.content_object.get_absolute_url}}">Return to the page you came from</a> Redirecting in <span id="countdown">5</span></p>
        </div>  
    </article>
</main>
{% endblock %}