{% if article.comments %}
    {% for comment in article.comments %}
    <div style="border-bottom: 1px dotted #CCCCCC; padding: 20px 0px 20px 0px;">
        <div style="font-weight: bold;">
            {{ comment.Author }}
        </div>
        <div style="font-size: 80%; padding: 0px 0px 10px 0px;">
            {{ comment.Date }}
        </div>
        <div>
            {{ comment.text }}
        </div>
    </div>
    {% endfor %}
{% endif %}
{% if article.metadata.allowcomments %}
<div style="padding: 20px 0px 0px 0px;">
    <div style="font-size: 120%;">
        Leave a comment
    </div>
    <form action="http://xanthippe.dyndns.org/blog-comments/simple_comments.php" method="POST">
        <input type="hidden" name="Slug" value="{{ article.slug }}">
        <table  style="padding: 10px 0px 0px 0px;">
            <tr>
                <td>
                    Your name:
                </td>
                <td>
                    <input type="text" name="Author">
                </td>
            </tr>
            <tr>
                <td>
                    Comment:
                </td>
                <td>
                    <textarea rows="5" cols="60" name="Comment"></textarea>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    Please type the characters you see in this image:
                <td>
                <td></td>
            </tr>
            <tr>
                <td>
                    <img src="{{ SITEURL }}/{{ article.slug }}.jpg">
                </td>
                <td>
                    <input type="text" name="Challenge">
                </td>
            </tr>
            <tr>
                <td>
                    <input type="submit" value="Submit">
                </td>
                <td></td>
            </tr>
        </table>
    </form>
</div>
{% endif %}