{% load i18n %}
<style type="text/css">
    table.canned_comments {
        font-size: 13px;
    }
    table.canned_comments td {
        vertical-align: top;
        padding: 0 0 5px 3px;
    }
</style>

<p>{% trans "Choose from the canned comments." %}</p>

<p>
<input type="hidden" name="comment" id="hidden_comment_wrapper" value="" />
<table class="canned_comments" cellpadding="0" cellspacing="0">
    {% for comment in canned_comments %}
    <tr>
        <td><input type="radio" name="comment_radio" onchange="document.getElementById('hidden_comment_wrapper').value=this.value" id="canned_comment_{{ forloop.counter }}" value="{{ comment }}" /></td>
        <td>
            <label for="canned_comment_{{ forloop.counter }}">{{ comment }}</label>
        </td>
    </tr>
    {% endfor %}
</table>
</p>