!!! %html

%head
  %title Nestene
  %meta{:content => "width=device-width, initial-scale=1.0", :name => "viewport"}
    / Bootstrap
    %link{:href => url("/vendor/bootstrap/css/bootstrap.min.css"), :rel => "stylesheet"}
    %link{:href => url("/vendor/json-editor/styles.css"), :rel => "stylesheet"}
      / HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries
      / WARNING: Respond.js doesn't work if you view the page via file://
      /[if lt IE 9]
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
%body
  .container
    / Static navbar
    .navbar.navbar-default{:role => "navigation"}
      .navbar-header
        %button.navbar-toggle{"data-target" => ".navbar-collapse", "data-toggle" => "collapse", :type => "button"}
          %span.sr-only Toggle navigation
          %span.icon-bar
          %span.icon-bar
          %span.icon-bar
        %a.navbar-brand{:href => url("/")} Nestene
    %ol.breadcrumb
      - (@position || [{link: url('/'), name: 'Home'}]).each do |crumb|
        %li
          %a.btn.btn-default.btn-xs{href: crumb[:link]}=crumb[:name]
    %div
      - if @error then
        .alert.alert-error= @error
      = yield
  %script{:src => url("/vendor/jquery.min.js")}
  %script{:src => url("/vendor/jquery-ui.min.js")}
  %script{:src => url("/vendor/angular.min.js")}
  %script{:src => url("/vendor/bootstrap/js/bootstrap.min.js")}
  %script{:src => url("/vendor/jquery.bootstrap-growl.min.js")}
  %script{:src => url("/vendor/angular-ui-sortable/sortable.min.js")}
  %script{:src => url("/vendor/json-editor/directives.js")}
  %script{:src => url("/app/application.js")}