!!! %html

%head
  %meta{charset: "utf-8"}
  %meta{name: "viewport", content: "width=device-width, initial-scale=1, maximum-scale=1"}
  %title= content_for?(:title) ? yield(:title) : app_name_with_env

  %link{href: "https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,800", rel: "stylesheet"}
  %link{href: "http://fonts.googleapis.com/css?family=Source+Serif+Pro:400,600,700", rel: "stylesheet"}
  %link{rel: "stylesheet", href: "https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css", integrity: "sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh", crossorigin: "anonymous"}
  %link{rel: "stylesheet", href: "https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" }
  %link{rel: "stylesheet", href: "https://jqueryui.com/resources/demos/style.css" }
  = favicon_link_tag

  = stylesheet_link_tag "application", media: "all", "data-turbolinks-eval" => false

  = csrf_meta_tags

  %script{src: "https://code.jquery.com/jquery-3.4.1.slim.min.js", integrity: "sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n", crossorigin: "anonymous"}
  %script{src: "https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js", integrity: "sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo", crossorigin: "anonymous"}
  %script{src: "https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js", integrity: "sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6", crossorigin: "anonymous"}

  = javascript_tag "window._token = '#{form_authenticity_token}'"
  = javascript_pack_tag "application"

  = yield(:head)

%body{data: {controller: controller.controller_name, action: controller.action_name}}

  = render 'layouts/navigation'

  #main{:role => "main"}
    - if logged_in?
      -#= user_announcements
    .container
      %div
        = flash_messages
      %div
        = yield

  = render partial: 'layouts/footer'