1<% content_for :javascript do %>
 2  <script type="text/javascript" charset="utf-8">
 3$(function() {
 4  $('#tags').tagit({ availableTags: [<% @tags.each { |x| %>'<%= x %>',<% } %>] });
 5});
 6</script>
 7<% end %>
 8<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/flick/jquery-ui.css">
 9
10<div class="row">
11  <div class="span5">
12    <% if user_signed_in? %>
13      <h1>I need...</h1>
14      <%= form_for Need.new, :html => {:class => "form-inline"} do |f| %>
15        <div class="control-group">
16        <div class="controls">
17          <%= f.text_area :description, cols: 160, rows: 2, :class => "span5" %>
18        </div>
19      </div>
20      <div class="control-group">
21        <%= f.label :address, :class => "control-label" %>
22        <div class="controls">
23          <%= f.text_field :address %>
24        </div>
25      </div>
26      <div class="control-group">
27        <label class="control-label" for="tags">Tags</label>
28        <div class="controls">
29          <input name="need_tags" type="text" id="tags" value="" class="input-xxlarge" autocomplete="off" placeholder="e.g. trucks, sunnyside" />
30        </div>
31      </div>
32      <div class="control-group">
33        <div class="controls">
34          <%= f.submit "Send", :class => "btn btn-primary" %>
35        </div>
36      </div>
37    <% end %>
38  <% else %>
39    <%= link_to "I need...", new_user_registration_path, :class => "btn btn-primary" %>
40  <% end %>
41    <h2>Recently needed:</h2>
42    <table class="table">
43      <% @needs.each do |need| %>
44        <tr>
45        <td><%= gravatar_for(need.user) %></td> 
46        <td><%= need.user.name %></td>
47        <td> I need <%= need.description %>
48        <span> <i class="icon-tags"></i> </span>
49          <% need.tags.each do |tag| -%>
50            <a href="<%= url_for tag_path(tag.name) %>"><span class="label"><%= tag.name %></span></a>
51        <% end -%>
52        </td>
53        <td><%= link_to "Help", need_path(need), :class => "btn" %></td>
54      </tr>
55    <% end %>
56    </table>
57  </div>
58  <div class="span5">
59    <h1>I have...</h1>
60  </div>
61  <div class="span2">
62    <h2>Updates</h2>
63    <a class="twitter-timeline" data-dnt="true" href="https://twitter.com/search?q=%23yycflood"  data-widget-id="348909521470648320">Tweets about "#yycflood"</a>
64    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
65  </div>
66</div>