<div id="directory-list">
  <div class='directory_header'>
    <h2 class='title'>{{i18n 'Friends'}}</h2>
    {{#if session.isAuthenticated}}
      {{#common/tab-container class="js-nav"}}
        {{#common/tab-item}}
          {{#link-to 'friends.list'}}{{i18n "Your Friends"}}{{/link-to}}
        {{/common/tab-item}}
        {{#common/tab-item}}
          {{#link-to 'friends.requests'}}{{i18n "Friend Requests"}}{{/link-to}}
        {{/common/tab-item}}
      {{/common/tab-container}}
    {{/if}}
  </div>
  <div class="items-grid">
    {{#if session.isAuthenticated}}
      {{outlet}}
    {{else}}
      <p class="empty-grid">{{i18n "You must be signed in to see your friends"}}.</p>
    {{/if}}
  </div>
</div>
