<div class="votes">
  <% if user_signed_in? %>
    <%= t('comments.comment.votes', count: comment.total_votes) %>
    &nbsp;|&nbsp;

    <span class="in_favor">
      <% if can?(:vote, comment) %>
        <%= link_to vote_comment_path(comment, value: 'yes'),
            method: "post", remote: true do %>
            <span class="icon-angle-up"></span>
        <% end %>
      <% else %>
        <span class="icon-angle-up"></span>
      <% end %>
      <%= comment.total_likes %>
    </span>

    <span class="against">
      <% if can?(:vote, comment) %>
        <%= link_to vote_comment_path(comment, value: 'no'),
            method: "post", remote: true do %>
            <span class="icon-angle-down"></span>
        <% end %>
      <% else %>
        <span class="icon-angle-down"></span>
      <% end %>
      <%= comment.total_dislikes %>
    </span>

  <% elsif !user_signed_in? %>

    <div class="logged" >
      <%= t('comments.comment.votes', count: comment.total_votes) %>
      &nbsp;|&nbsp;

      <span class="in_favor">
        <% if can?(:vote, comment) %>
          <%= link_to vote_comment_path(comment, value: 'yes'),
              method: "post", remote: true do %>
              <span class="icon-angle-up"></span>
          <% end %>
        <% else %>
          <span class="icon-angle-up"></span>
        <% end %>
        <%= comment.total_likes %>
      </span>
      <span class="against">
        <% if can?(:vote, comment) %>
          <%= link_to vote_comment_path(comment, value: 'no'),
              method: "post", remote: true do %>
              <span class="icon-angle-down"></span>
          <% end %>
        <% else %>
          <span class="icon-angle-down"></span>
        <% end %>
        <%= comment.total_dislikes %>
      </span>
     </div>
    <div class="not-logged" style='display:none'>
      <%= t("votes.comment_unauthenticated",
        signin: link_to(t("votes.signin"), new_user_session_path),
        signup: link_to(t("votes.signup"), new_user_registration_path)).html_safe %>
    </div>
  <% end %>
</div>
