.dialog.textMessage-overlay.ftue-overlay.tall{ layout: 'dialog', 'layout-id' => 'accept-friend-request', id: 'accept-friend-request-dialog'}
  .content-head
    = image_tag "content/icon_friend.png", {:width => 14, :height => 14, :class => 'content-icon' }
    %h1
      = 'friend request'
  .dialog-inner

  .right.action-buttons
    %a.button-grey.btn-close-dialog{href:'#', 'layout-action' => 'close'} CLOSE
    %a.button-grey.btn-cancel-dialog{href:'#', 'layout-action' => 'cancel'} CANCEL
    %a.button-orange.btn-accept-friend-request{href:'#'} ACCEPT

%script{type: 'text/template', id: 'template-friend-request-not-friends'}
  .dialog-content-scroller
    %a{'user-id' => '{{data.user.id}}', hoveraction: '{{data.user.user_type}}', class: 'avatar-small'}
      %img{src: '{{data.user.photo_url}}' }
    %p.accept-friend-msg Become friends with {{data.user.name}} ?
    {% if(data.message) { %}
    .sender
      %span.sender-name= '{{data.user.name}}'
      %span.says says:
      %div.sender-msg '{{data.message}}'
    {% } %}
    %br{clear:'all'}
    %br{clear:'all'}

%script{type: 'text/template', id: 'template-friend-request-already-friends'}
  .dialog-content-scroller
    %a{'user-id' => '{{data.user.id}}', hoveraction: '{{data.user.user_type}}', class: 'avatar-small'}
      %img{src: '{{data.user.photo_url}}' }
    %p.accept-friend-msg You are now friends with {{data.user.name}}!
    %br
    %br
    %p
      Click
      %b friends
      on the right sidebar, find their name, and hover over their name for actions like 'message'
    %br
    %br
    %p
      Or, you can also go straight to the
      %a{href: "/client#/createSession", class: 'create-session-already-friends'} create session
      page and click
      %b QUICK START PRIVATE
      to create a private session that only your friends can join!
    %br{clear:'all'}
    %br{clear:'all'}


%script{type: 'text/template', id: 'template-friend-request-already-processed'}
  .dialog-content-scroller
    %a{'user-id' => '{{data.user.id}}', hoveraction: '{{data.user.user_type}}', class: 'avatar-small'}
      %img{src: '{{data.user.photo_url}}' }
    %p.accept-friend-msg This friend request from {{data.user.name}} is no longer valid.
    %br{clear:'all'}
    %br{clear:'all'}

%script{type: 'text/template', id: 'template-friend-generic-error'}
  .dialog-content-scroller
    %p.generic-error-msg {{data.error_message}}
    %br{clear:'all'}