<h5 ng-if="!cc.config.compact_mode">
	<ion-icon class="align-middle" name="chatbox-outline"></ion-icon>
	<lmsg src="common.cla_comments.discuss">[Discuss]</lmsg>
</h5>

<button class="add-comment-btn js-add-comment-btn" ng-hide="cc.config.showFullInput" ng-click="cc.showFullInput()" style="display: inline-block;"><loc name="common:cla_comments:add_a_comment">[Add a comment]</loc></button>

<div ng-if="cc.options.new_comments && cc.config.showFullInput">
    <div class="new-comment">
        <img name="user_image" ng-src="{{cc.config.user_photo_url}}" width="46" class="profile-img">
        <comment-edit id="new_comment_{{cc.uniqueId}}" class="new-comment-edit" name="comment_textnew" comment="cc.new_comment"></comment-edit>
    </div>
    <div>
        <ng-include src="'/intranet/comments/html/ui/controls.html'"></ng-include>
    </div>
    <div class="row mb-2">
        <div class="col-md-7 col-sm-7 col-7">
            <ng-include src="'/intranet/comments/html/ui/control-buttons.html'"></ng-include>
        </div>
        <div class="col-md-5 col-sm-5 col-5 text-right">
            <div class="btn-group" role="group" aria-label="comment group">
                <button type="submit" ng-if="cc.config.compact_mode" rel="tooltip" title="${common:cancel.body}" class="btn btn-secondary js-btn-cancel" ng-click="cc.hideFullInput()">
						<ion-icon name="close-circle-outline"></ion-icon>
                </button>
                <button type="submit" class="btn btn-primary" ng-click="cc.new( $event )" rel="tooltip" lmsg="title:common.post" ng-disabled="!cc.can_save" aria-label="${common:post.value}">
                	<ion-icon name="paper-plane-outline"></ion-icon>
                </button>
            </div>
        </div>
    </div>
</div>
