%div(class="demo-layout mdl-layout mdl-js-layout mdl-layout--fixed-drawer mdl-layout--fixed-header")
  %header(class="demo-header mdl-layout__header mdl-color--grey-100 mdl-color-text--grey-600")
    %div(class="mdl-layout__header-row")
      %span(class="mdl-layout-title") Home
      %div(class="mdl-layout-spacer")
      %div(class="mdl-textfield mdl-js-textfield mdl-textfield--expandable")
        %label(class="mdl-button mdl-js-button mdl-button--icon" for="search")
          %i(class="material-icons") search
        %div(class="mdl-textfield__expandable-holder")
          %input(class="mdl-textfield__input" type="text" id="search")
          %label(class="mdl-textfield__label" for="search") Enter your query...
      %button(class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon" id="hdrbtn")
        %i(class="material-icons") more_vert
      %ul(class="mdl-menu mdl-js-menu mdl-js-ripple-effect mdl-menu--bottom-right" for="hdrbtn")
        %li(class="mdl-menu__item")= link_to("About", about_path)
        %li(class="mdl-menu__item") Contact
        %li(class="mdl-menu__item") Legal information
  %div(class="demo-drawer mdl-layout__drawer mdl-color--blue-grey-900 mdl-color-text--indigo-50")
    %header(class="demo-drawer-header")
      %i(class="material-icons" style="font-size: 48px;") person
      //%img(class="demo-avatar" src="images/user.jpg")
      %div(class="demo-avatar-dropdown")
        %span= current_user.email
        %div(class="mdl-layout-spacer")
        %button(id="accbtn" class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon")
          %i(class="material-icons" role="presentation") arrow_drop_down
          %span(class="visuallyhidden") User Actions
        %ul(class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="accbtn")
          %li(class="mdl-menu__item")
            %a(href="#{destroy_user_session_path}" data-method="delete") Sign out
    %nav(class="demo-navigation mdl-navigation mdl-color--blue-grey-800")
      %a(class="mdl-navigation__link" href="#{root_path}")
        %i(class="mdl-color-text--blue-grey-400 material-icons" role="presentation") home
        Home
      %a(class="mdl-navigation__link" href="")
        %i(class="mdl-color-text--blue-grey-400 material-icons" role="presentation") flag
        Updates
      %div(class="mdl-layout-spacer")
      %a(class="mdl-navigation__link" href="")
        %i(class="mdl-color-text--blue-grey-400 material-icons" role="presentation") help_outline
        Help

  %main(class="mdl-layout__content mdl-color--grey-100")
    %div(class="mdl-grid demo-content")
      Welcome Aboard