= flash-message
= partial 'global/top-menu'
.ui.main
  /bread-crumbs linkable=false
  /= bread-crumbs tagName='ul' outputStyle='foundation' linkable=false as |component rrr|
    = bread-crumb route=rrr breadCrumbs=component
      span= rrr.title
  = outlet 'error-handling'
  if globals.flash.alert
    .ui.negative.floating.message
      i.close.icon{action (mut globals.flash.alert) ''}
      = globals.flash.alert
  if globals.flash.notice
    .ui.floating.info.message
      i.close.icon{action (mut globals.flash.notice) ''}
      = globals.flash.notice
  if globals.initial_resources_fulfilled
    = outlet
  else
    .ui.icon.message
      i.notched.circle.loading.icon
      .content
        .header Initial resources not loaded...
        p Loading resources globally required before continuing with the application.
  /button.basic.button{ action 'debug'} debug
= outlet 'modal'