<!-- Session Update Invite Musicians Dialog -->
<div class="dialog invitemusicians-overlay" layout="dialog" layout-id="select-invites" style="min-height:180px;">
    <div class="invitemusicians-inner" id="update-session-invite-musicians">
    </div>
    <br clear="all" />
    <div class="right">
        <a id="btn-save-invites" layout-action="close" class="button-orange">INVITE</a>
    </div>
    <div class="right">
        <a id="btn-cancel-invites" layout-action="close" class="button-grey">CANCEL</a>&nbsp;
    </div>
</div>

<!-- invite musician friend selector template -->
<script type="text/template" id="template-session-invite-musicians">
  <div>
    <div class="right" layout-link="select-friends">
      <a href="#" class="btn-choose-friends button-grey" id="{choose_friends_id}">CHOOSE FRIENDS</a>
    </div>
    {instructions}
    <div class="clearall"></div>
  </div>
  <br />
  <!-- friend invitation box -->
  <div class="friendbox">
    <div class="selected-friends" id="{selected_friends_id}"></div>
    <input id="{friend_input}" type="text" placeholder="Looking up friends..." />
  </div>
</script>

<!-- Added Invitation Template -->
<script type="text/template" id="template-added-invitation">
    <div user-id="{userId}" class="invitation">{userName} 
        <a><%= image_tag "shared/icon_delete_sm.png", :size => "13x13" %></a>
    </div>
</script>
