gistfile1.html

<div id="cagnotte-detail">

  <h2 class="title"><%= "#{@kitty.name} #{@kitty.objective}" %></h2>

  <div class="clearfix" style="margin-bottom:15px;">

    <section class="left">
      <div class="etat">
        <h3></h3>
        <p><strong><%= @kitty.donations %>€</strong></p>
        <p>Nombre de partcipants : X/Y</p>
      </div>
      <div class="progression">
        <h3><%= t(:kitty_progres_in_euros) %></h3>
        <div class="progressbar">
          <div style="width:<%= percent_floor(@kitty.donations, @kitty.objective).to_s%>%; height:10px; position:absolute; left:0; top:0; background:#F2B800;"></div>
          <!-- TODO: code and show recent progress -->
          <!--<div style="width:5%; height:10px; position:absolute; left:0; top:0; background:#092034;"></div>-->
        </div>
      </div>
      <div class="don">
        <p>
          <%= link_to t(:do_a_donation), participant_donation_event_kitty_path(@event, @kitty),
                      :class => "button"%>
        </p>
      </div>
    </section>

    <section class="right">
      <div class="suggestion">
        <h3><%= t(:your_suggestion) %></h3>
        <p><%= @kitty.comment %></p>
      </div>
      <div class="recap">
        <p>
          <%= link_to t(:see_summary, :class => "button"), summary_event_kitty_path(@event, @kitty) %>
        </p>
      </div>
    </section>

  </div>

  <section class="commentaires clearfix">
    <h3><%= t(:comment) %>s</h3>
    <div class="content">
      <% @kitty.comments.each do |c| %>
          <p>
            <strong><%= c.user %></strong>
            <%= t(:says) %> <%= c.created_at %><br>
            <%= c.comment %>
          </p>
      <% end %>
    </div>

    <!------ -->
    <%#= form_for [@event, @kitty] do |f| %>
    <%#= f.fields_for :comments do |c_f| %>
    <%= form_for new_event_kitty_comment_url([@event, @kitty, @new_comment])  do |c_f| %>
        <%= c_f.text_area :comment %>
      <div class="submit">
        <%= c_f.submit t(:post_comment) %>
      </div>
    <% end %>
  </section>
</div>