- content_for :title, t("chat.title")
- content_for :javascript, javascript_include_tag("application")

.container
  .top-border.leftside.left
    .roster.border.no-top-border.height-setter
      .user
        .avatar
          %img{src: 'assets/avatar.png', alt: t("chat.avatar_alt")}
        %h1 Cinan Rakosnik
        %h2 frontend developer
        %h3 available
      .friends
        %h1.group-header.active Chat group
        %ul.active-group.border.left-border
          %li.clear
            .user
              .avatar
                %img{src: 'assets/avatar.png', alt: t("chat.avatar_alt")}
              %h1 Adam Wolsky
              %h2 co-founder
          %li.clear
            .user
              .avatar
                %img{src: 'assets/avatar.png', alt: t("chat.avatar_alt")}
              %h1 John Savage
              %h2 web & ui designer

        %h1.group-header Friends
        %ul
          %li.clear
            .user
              .avatar
                %img{src: 'assets/avatar.png', alt: t("chat.avatar_alt")}
              %h1 Ashley Bond
              %h2 sexretary
          %li.clear
            .user
              .avatar
                %img{src: 'assets/avatar.png', alt: t("chat.avatar_alt")}
              %h1 Bob Awesome
              %h2 sales manager

      .toolbox
        %input{type: "text", placeholder: "Search contact"}
  .chatting-window
    Chatting