<div class="aya-comments" ng-controller="commentsCtrl">
    <h4 class="header-title">Комментарии:</h4>
    <div ng-if="comments.length == 0" class="not-logged-notice">
        <div class="inner-notice">
            <p>Еще никто не оставлял комментариев к этой странице</p>
        </div>
    </div>

    <ul ng-if="comments.length">
        <li ng-repeat="comment in comments">
            <header>
                <div class="left-side">
                    <h1>{{ comment.author.username }}</h1>
                    <span class="date_posted" tooltip="Время создания комментария"><i class="fa fa-clock-o"></i> {{ comment.date_posted_str }}</span>
                </div>

                <!--<button ng-click="editComment(comment)" class="edit-comment" ng-show="isLogged() && isAuthor(comment.author) && !comment.hidden_by_author" tooltip="Редактировать комментарий"><i class="fa fa-pencil"></i>-->
                <button ng-click="showCommentByAuthor(comment)" class="show-comment" ng-show="isLogged() && isAuthor(comment.author) && comment.hidden_by_author" tooltip="Восстановить комментарий"><i class="fa fa-arrow-circle-up"></i></button>
                <button ng-click="hideCommentByAuthor(comment)" class="hide-comment" ng-show="isLogged() && isAuthor(comment.author) && !comment.hidden_by_author" tooltip="Скрыть комментарий"><i class="fa fa-trash-o"></i></button>
                <button ng-click="addReply(comment.author.username)" class="reply-comment" ng-show="isLogged() && !isAuthor(comment.author) && !comment.hidden_by_author" tooltip="Ответить автору комментария"><i class="fa fa-reply"></i></button>
                <img ng-src="{{ getAvatar(comment.author) }}"/>
            </header>
            <article ng-hide="comment.hidden_by_author">
                <div class="content" ng-bind-html="parseContent(comment.content)"></div>
                <div class="last-edited" ng-show="comment.date_updated_str">Последнее редактирование комментария <em ng-bind="comment.date_updated_str"></em></div>
            </article>
            <article class="text-center" ng-show="comment.hidden_by_author"><i>Автор комментария скрыл его</i></article>
        </li>
    </ul>



    <form ng-show="isLogged()" name="form" ng-submit="form.$valid && addMyNewComment()" novalidate="novalidate">
        <textarea placeholder="Добавить комментарий..." ng-model="newComment.content" required="required" maxlength="255"></textarea>
        <button type="submit" class="it-button it-button--large">Добавить комментарий</button><img id="newCommentAvatar" ng-src="{{ getMyAvatar() }}"/>
    </form>

    <div ng-show="!isLogged()" class="not-logged-notice">
        <div class="inner-notice">
            <p>Чтобы оставить комментарий, вы должны быть авторизированы!</p>
            <p><a class="it-button it-button--large" href="/login">Авторизироваться</a></p>
        </div>
    </div>

</div>