pgaspar/oqfc

<div class="hero-unit" style="background-color: <%= settings.background_color %>">
  <div class="hero-unit-outer">
    <div class="hero-unit-inner">
      <h1>O que falta <%= settings.city_name %>?</h1>
      <form id="suggestion-form" method="post" action="/create_entry">
        <input type="text" id="suggestion" name="suggestion" placeholder="Deixa a tua sugestão..." maxlength="301" />
      </form>
      <p id="warning">A sugestão deve ter entre 1 e 300 caracteres.</p>
    </div>
  </div>
  <div class="hero-unit-footer">
    <h3><a id="go-to-suggestions" href="#suggestions">ou vota nas sugestões submetidas</a></h3>
    <span class="suggestions-arrow">&darr;</span>
  </div>
  <div class="hero-unit-info">
    <a href="http://oquefaltaemcoimbra.pt" title="Baseado no 'O Que Falta na tua Cidade?'">OQFC</a>
  </div>
</div>

<div id="suggestions">
  <div class="container">
    <div class="row">
      <div class="span12">
        <% if @entries.any? %>
          <div class="sorting">
            Ordem:
            <a href="/?order=score" <%= 'class="active"' if session[:order] == "score" %>>mais votados</a> |
            <a href="/?order=recent" <%= 'class="active"' if session[:order] == "recent" %>>mais recentes</a>
          </div>
          <table class="table">
            <tbody>
              <%= partial(:entry, collection: @entries, locals: { show_date: (session[:order] == "recent") }) %>
            </tbody>
          </table>

          <% if @buried_entries.try(:any?) %>
            <div id="separator">
              <div><span style="background-color: <%= settings.background_color %>">Ver menos votados<i class="icon-caret-down"></i></span></div>
            </div>

            <table class="table" id="buried-entries">
              <tbody>
                <%= partial(:entry, collection: @buried_entries) %>
              </tbody>
            </table>
          <% end %>
        <% else %>
          <p>Ainda não foram submetidas sugestões. Porque não começas tu?</p>
        <% end %>
      </div>
    </div>
  </div>
</div>