<div class="side-comment <%= sectionClasses %>">
  <a href="#" class="marker">
    <span><%= comments.length %></span>
  </a>
  
  <div class="comments-wrapper">
    <ul class="comments">
      <% _.each(comments, function( comment ){ %>
        <%= _.template(commentTemplate, { comment: comment, currentUser: currentUser }) %>
      <% }) %>
    </ul>
    
    <a href="#" class="add-comment">Leave a comment</a>
    
    <% if (currentUser){ %>
      <div class="comment-form">
        <div class="author-avatar">
          <img src="<%= currentUser.avatarUrl %>">
        </div>
        <p class="author-name">
          <%= currentUser.name %>
        </p>
        <div class="comment-box" contenteditable="true" data-placeholder-content="Leave a comment..."></div>
        <div class="actions">
          <a href="#" class="action-link post">Post</a>
          <a href="#" class="action-link cancel">Cancel</a>
        </div>
      </div>
    <% } %>
  </div>
</div>