<div class="small-12 medium-4 column">
  <div id="<%= dom_id featured_debate %>" class="debate-featured">
    <div class="panel">

      <div class="debate-content">
        <span class="label left"><%= t("debates.debate.debate") %></span>
        <i class="icon-comment-quotes right"></i>
        <h3><%= link_to featured_debate.title, featured_debate %></h3>
        <p class="debate-info">
          <i class="icon-chat-bubble-two"></i>&nbsp;
          <%= pluralize(featured_debate.comment_threads.count,
              t("debates.show.comment"), t("debates.show.comments")) %>
        </p>
        <div class="debate-description">
          <%= link_to featured_debate.description, featured_debate %>
          <div class="truncate"></div>
        </div>
        <%= render "shared/tags", debate: featured_debate %>
      </div>

      <div class="row">
        <div id="<%= dom_id(featured_debate) %>_votes" class="small-12 column">
          <%= render 'debates/votes', debate: featured_debate %>
        </div>
      </div>

    </div>
  </div>
</div>