section.history
    ul.history-tabs
        li
            a(href="#", class="active")
                span.icon.icon-comment
                span.tab-title(translate="COMMENTS.TITLE")
        li
            a(href="#")
                span.icon.icon-issues
                span.tab-title(translate="ACTIVITY.TITLE")
    section.history-comments
        .comments-list
        div(tg-check-permission!="modify_<%- type %>", tg-toggle-comment, class="add-comment")
            textarea(ng-attr-placeholder="{{'COMMENTS.TYPE_NEW_COMMENT' | translate}}", ng-model!="<%- ngmodel %>.comment", tg-markitup="tg-markitup")
            <% if (mode !== "edit") { %>
            a(class="help-markdown", href="https://taiga.io/support/taiga-markdown-syntax/", target="_blank", title="{{'COMMON.WYSIWYG.MARKDOWN_HELP' | translate}}")
                span.icon.icon-help
                span(translate="COMMON.WYSIWYG.MARKDOWN_HELP")
            input(type="button", ng-disabled!="!<%- ngmodel %>.comment.length" title="{{'COMMENTS.COMMENT' | translate}}", value="{{'COMMENTS.COMMENT' | translate}}", class="button button-green save-comment")
            <% } %>
    section.history-activity.hidden
        .changes-list
