{{#if (not session.isAuthenticated)}}
  <a class="button" {{action 'openLogin'}}>{{i18n "Add Friend"}}</a>
{{else if user.isFriend}}
  <a {{action 'removeFriend'}} class="button button--status">
    <span class="button__status button__status--hover">{{i18n "Unfriend"}}</span>
    <span class="button__status button__status--primary">{{i18n "Friends"}}</span>
  </a>
{{else if user.isRequested}}
  <a class="button" {{action 'rejectRequest'}}>{{i18n "Cancel Request"}}</a>
{{else if user.isRequestedBy}}
  <div class="balloon-wrapper animation-wrapper">
    <p class="button button--hollow js-friend-status" {{action 'toggleBalloon'}}>{{i18n "Friend Request Pending"}}</p>
    <div class="balloon balloon--up balloon--dropmenu {{if showBalloon 'show' 'hide'}}">
      <ul class="balloon__list">
        <li><a {{action 'acceptRequest'}} class="balloon__link">{{t 'general.forms.accept'}}</a></li>
        <li><a {{action 'rejectRequest'}} class="balloon__link balloon__link--alert">{{i18n "Reject"}}</a></li>
      </ul>
    </div>
  </div>
{{else}}
  <a class="button" {{action 'addFriend'}}>{{i18n "Add Friend"}}</a>
{{/if}}
