${h.textarea('text', class_="comment-block-ta")}

            %if change_status:

              <div id="status_block_container" class="status-block">

                %if is_pr:

                  ${_('Vote for pull request status')}:

                %else:

                  ${_('Set changeset status')}:

                %endif

                <input type="radio" class="status_change_radio" name="changeset_status" id="changeset_status_unchanged" value="" checked="checked" />

                <label for="changeset_status_unchanged">

                  ${_('No change')}

                </label>

                %for status,lbl in c.changeset_statuses:

                    <span style="margin-left: 15px;">

                        <input type="radio" class="status_change_radio" name="changeset_status" id="${status}" value="${status}">

                        <label for="${status}"><i class="icon-circle changeset-status-${status}" /></i>${lbl}</label>

                    </span>

                %endfor

                %if is_pr and change_status:

                <input id="save_close" type="checkbox" name="save_close">

                <label id="save_close_label" for="save_close">${_("Close")}</label>

                %endif

              </div>

            %endif

        </div>

        <div id="preview-container" class="clearfix" style="display:none">

            <div class="comment-help">

                ${_('Comment preview')}

            </div>

            <div id="preview-box" class="preview-box"></div>

        </div>

        <div class="comment-button">

            ${h.submit('save', _('Comment'), class_="btn")}

            <div id="preview-btn" class="preview-btn btn">${_('Preview')}</div>

            <div id="edit-btn" class="edit-btn btn" style="display:none">${_('Edit')}</div>

        </div>

      ${h.end_form()}

    </div>

    %endif

</div>

<script>

$(document).ready(function () {

   MentionsAutoComplete('text', 'mentions_container', _USERS_AC_DATA, _GROUPS_AC_DATA);

   $('#preview-btn').click(function(){

       var _text = $('#text').val();

       if(!_text){

           return;

       }

       var post_data = {'text': _text};

       $('#preview-box').addClass('unloaded');

       $('#preivew-box').html(_TM['Loading ...']);

       $('#edit-container').hide();

       $('#edit-btn').show();

       $('#preview-container').show();

       $('#preview-btn').hide();

       var url = pyroutes.url('changeset_comment_preview', {'repo_name': '${c.repo_name}'});

       ajaxPOST(url,post_data,function(html){

           $('#preview-box').html(html);

           $('#preview-box').removeClass('unloaded');

       });

   });

   $('#edit-btn').click(function(){

       $('#edit-container').show();

       $('#edit-btn').hide();

       $('#preview-container').hide();

       $('#preview-btn').show();

   });

});

</script>

</%def>