!!! 5
/[if IE 8]      <html class="no-js lt-ie10 lt-ie9" lang="en-us">
/[if IE 9]      <html class="no-js lt-ie10 lt-ie9" lang="en-us">
/[if lt IE 10]  <html class="no-js lt-ie10" lang="en-us">
%html.no-js{ lang: I18n.locale }
  %head
    %title
      = content_for?(:title) ? "#{yield(:title)} - <%= app_name.capitalize %>" : '<%= app_name.capitalize %>'
    %meta{ 'http-equiv': 'content-type', content: 'text/html', charset: 'utf-8' }
    %meta{ 'http-equiv': 'x-ua-compatible', content: 'ie=edge,chrome=1' }
    %meta{ name: 'description', content: '<%= app_name.capitalize %>' }
    %meta{ name: 'author', content: '<%= app_name.capitalize %>' }
    %meta{ content: 'initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width',
           name: 'viewport' }
    %meta{ name: 'viewport',
           content: 'initial-scale=1.0,user-scalable=no,maximum-scale=1',
           media: '(device-height: 568px)' }
    %meta{ name: 'apple-mobile-web-app-capable', content: 'yes' }
    %meta{ name: 'apple-mobile-web-app-status-bar-style', content: 'translucent-black' }
    %link{ rel: 'shortcut icon', href: '/images/favicon.png' }

    = csrf_meta_tags

    / Stylesheets (Don't change include order)
    = stylesheet_link_tag 'https://use.fontawesome.com/releases/v5.7.0/css/all.css',
                          'hq/application', media: 'all', 'data-turbolinks-track': 'reload'

    / Javascripts
    = javascript_include_tag '//cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.2/modernizr.min.js',
                             'hq/application',
                             'data-turbolinks-track': 'reload'
    = yield :head

  %body
    / Navbar
    = render 'layouts/hq/partials/navbar'
    .container-fluid
      .row.d-flex.d-md-block.flex-nowrap.wrapper
        = render 'layouts/hq/partials/dock'
        %main.col-md-10.float-left.pt-2.main
          / Tools
          %section#tools
            = render 'layouts/hq/partials/breadcrumb'
            = render 'layouts/hq/partials/toolbar'

          / Content
          #content
            = render 'layouts/partials/warnings'
            = render 'layouts/partials/messages'
            = yield

    / Footer
    = render 'layouts/hq/partials/footer'