{{yield}}
{{#if (not loading)}}
<header>
{{#each flashMessages.queue as |flash|}}
{{#flash-message flash=flash as |component flash|}}
{{! flashes automatically ucfirst the type }}
<p data-notification class="{{if (eq component.flashType 'Success') 'success' 'error'}} notification-{{lowercase flash.action}}"><strong>{{if (eq component.flashType 'Success') 'Success!' 'Error!'}}</strong> {{#yield-slot 'notification' (block-params (lowercase component.flashType) (lowercase flash.action) )}}{{yield}}{{/yield-slot}}</p>
{{/flash-message}}
{{/each}}
<div>
<div class="actions">
{{#yield-slot 'actions'}}{{yield}}{{/yield-slot}}
</div>
<nav aria-label="Breadcrumb">
{{#yield-slot 'breadcrumbs'}}{{yield}}{{/yield-slot}}
</nav>
{{#yield-slot 'header'}}{{yield}}{{/yield-slot}}
{{#yield-slot 'toolbar'}}
<input type="checkbox" id="toolbar-toggle" />
{{/yield-slot}}
</header>
{{/if}}
{{#if loading}}
{{partial 'consul-loading'}}
{{else}}
{{#yield-slot 'content'}}{{yield}}{{/yield-slot}}