!!! %html

%head
  %meta(charset='utf-8')
  %meta(name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,user-scalable=no")
  %title Weight Recorder
  /%link(href='/css/bootstrap.min.css' rel='stylesheet' type='text/css')
  %link(rel='stylesheet' type='text/css'){href: uri('css/bootstrap.min.css')}

  %script(src='http://www.google.com/jsapi')
  %script{src: uri('chartkick.js')}
%body
  %nav.navbar.navbar-default
    .container-fluid
      .navbar-header
        %a.navbar-brand{href: uri('/data')} Weight Recorder
        /%a.navbar-brand Bob's weight
        /%a.navbar-brand #{@title}
        %button{class: ('btn btn-default navbar-btn')}
          %a(class="glyphicon glyphicon-pencil"){href: uri('data/new')} new
        %button{class: ('btn btn-default navbar-btn')}
          %a(class="glyphicon glyphicon-th-list"){href: uri('data')} data
        %button{class: ('btn btn-default navbar-btn')}
          %a(class="glyphicon glyphicon-picture"){href: uri('chart')} whole
        %button{class: ('btn btn-default navbar-btn')}
          %a(class="glyphicon glyphicon-picture"){href: uri('chart_week')} week
        %button{class: ('btn btn-default navbar-btn')}
          %a(class="glyphicon glyphicon-picture"){href: uri('chart_month')} month
        %button{class: ('btn btn-default navbar-btn')}
          %a(class="glyphicon glyphicon-picture"){href: uri('chart_recent')} recent

    .container
      !=yield