<div class="debate-new row">

  <div class="small-12 medium-9 column">
    <%= link_to debates_path, class: "left back" do %>
      <i class="icon-angle-left left"></i>
      <%= t("debates.new.back_link") %>
    <% end %>
    <h1><%= t("debates.new.start_new") %></h1>
    <div class="alert-box info radius">
      <%= t("debates.new.info")%>
      <%= link_to "/more_information", target: "_blank" do %>
        <strong><%= t("debates.new.more_info")%></strong>
      <% end %>
    </div>
    <%= render "form" %>
  </div>

  <div class="small-12 medium-3 column">
    <i class="icon-debates right"></i>
    <h2><%= t("debates.new.recommendations_title") %></h2>
    <ul class="recommendations">
      <li><%= t("debates.new.recommendation_one") %></li>
      <li><%= t("debates.new.recommendation_two") %></li>
      <li><%= t("debates.new.recommendation_three") %></li>
      <li><%= t("debates.new.recommendation_four") %></li>
    </ul>
  </div>
</div>
