<div class="landing-comments">
  <h2>Comments:</h2><br/>

  <% if info_page %>
    <div class="f11">Message with other musicians about this planned session</div>
  <% end %>
  <div class="avatar-small">
    <%= image_tag "shared/avatar_generic.png", {:alt => ""} %>
  </div>
  <div class="left w80 p10">
    <textarea id="<%= id %>" class="w100 p5 f15" rows="2" placeholder="Enter a comment..."></textarea>
  </div>
  <div class="right mr20">
    <a id="btnPostComment" class="button-orange">POST</a>
  </div>
  <br clear="all" />
        
  <div class="landing-comment-scroller">

  </div>
</div>

<script type="text/template" id="template-landing-comment">
  <div class="avatar-small mr10">
    <a user-id="{user_id}" profileaction="{hoverAction}" hoveraction="{hoverAction}">
      <img src="{avatar_url}" alt="" />
    </a>
  </div>
  <div class="w80 left p10 lightgrey mt10 comment-text">
    <a user-id="{user_id}" profileaction="{hoverAction}" hoveraction="{hoverAction}">{name}</a>&nbsp;{comment}
    <br />
    <div class="f12 grey mt5 comment-timestamp">{timeago}</div>
  </div>
  <br clear="all" />
</script>