!!! 5
%html{:lang => "en"}
  %head
    %meta{:charset => "utf-8"}/
    %meta{ name: "viewport", content: "width=device-width", "initial-scale" => "1.0"}
    %title= content_for?(:title) ? yield(:title) : "Velocipede"
    = csrf_meta_tags
    = stylesheet_link_tag "bootstrap", "application", :media => "all"
    /[if lt IE 9]
      = javascript_include_tag "http://html5shim.googlecode.com/svn/trunk/html5.js"
      
  %body
    %nav{class: "navbar navbar-default", role: "navigation"}
      %div{class: "container-fluid"}
      /[Brand and toggle get grouped for better mobile display]
        %div{class: "navbar-header"}
          %button{type: "button", class: "navbar-toggle", 'data-toggle' => "collapse", 'data-target' => "#bs-example-navbar-collapse-1"}
            %span{class: "sr-only"} Toggle navigation
            %span.icon-bar
            %span.icon-bar
            %span.icon-bar
          %a{class:"navbar-brand", href:"/"}
          = image_tag 'velo_logo.png'

        - if user_signed_in?
          /[Collect the nav links, forms, and other content for toggling]
          #bs-example-navbar-collapse-1.collapse.navbar-collapse
            %ul{class: "nav navbar-nav"}
              %li
                %a{href: new_time_entry_path} Add Time Entry
              %li
                %a{href: time_entries_path} View Timesheet
              %li
                %a{href: new_bike_path} Add Bike
              %li
                %a{href: bike_path(@bike)} View Your Bike
            %ul{class: "nav navbar-nav navbar-right"}
              %li
                %a{href: destroy_user_session_path } Log Out

    .container
      - if flash[:notice]
        %p{:class => 'notice'}= flash[:notice]
      - if flash[:alert]
        %p{:class => 'alert'}= flash[:alert]
      = yield

    %footer
      %p © BikeShed #{Time.now.year}

    = javascript_include_tag "application"
    = javascript_include_tag params[:controller]