- 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