{% extends 'layout.html' %}

{% block content %}

<div class="reply">
    <h3>Reply to <em><a href="{{ url ('user_public', username=comment.username) }}">{{ comment.username }}</a></em></h3>
    
    <div class="info">
        posted <em><a href="{{ url ('post', hash_id=comment.postHashId) }}#comment-{{ comment.hashId }}"><time title="{{ comment.created|title }}" datetime="{{ comment.created|datetime }}"> {{ comment.created|ago }} </time></a></em>
        on <a href="{{ url ('post', hash_id=comment.postHashId) }}">{{ comment.postTitle }}</a>
    </div>

    <div style="margin: 2em 0;">
        {{ comment.text|md2html|safe }}
    </div>

    {# "shortcut-submit" is a class used exclusively from javascript
     # to submit the form when a key (Ctrl+Enter) is pressed.
     #}
    <form action="" method="post" class="shortcut-submit">
        <input type="hidden" name="parent_comment" value="{{ comment.hashId }}" />
        
        <div style="margin: 2em 0;">
            <textarea name="text" required="required" rows=10 class="form-control"></textarea>
        </div>

        <div>
            <input type="submit" class="button button_info" value="Reply" />
        </div>
    </form>
</div>

{% endblock %}