{% include 'header.twig' %}

<div class="reply">
    <h3>Reply to <em>{{ comment.username }}</em></h3>
    
    <div class="info">
    posted <em><a href="{{ 'post/'|docroot ~ comment.postHashId }}#comment-{{ comment.hashId }}">{{ comment.created|ago }}</a></em>
        on <a href="{{ ('post/' ~ comment.postHashId)|docroot }}">{{ comment.postTitle }}</a>
    </div>

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

    <form action="" method="post">
        <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>

{% include 'footer.twig' %}