{{#each model.sections as |section|}}
  {{layout-section-editor
                model=section
                onRemoveSection=(action 'onRemoveSection')}}
{{/each}}

{{card-controls visible=controlsVisible
  onEditCard=(action 'onEditSettings')
  onRemoveCard=(action 'onRemoveCard')
}}
{{card-resizer onResize=(action 'onModelChanged')}}
{{section-controls
  onEditSettings=(action 'onEditSettings')
  onRemoveSection=(action 'onRemoveSection')}}
{{card-drop-targets }}
{{row-drop-targets }}
{{empty-section-drop-target }}
{{drop-preview
  dragMessage=(t 'layout.dropPreview.dragMessage')
  dockLeftMessage=(t 'layout.dropPreview.dockLeftMessage')
  dockRightMessage=(t 'layout.dropPreview.dockRightMessage')
  dockTopMessage=(t 'layout.dropPreview.dockTopMessage')
  dockBottomMessage=(t 'layout.dropPreview.dockBottomMessage')
}}

{{#if showConfirmModal}}
  {{#bs-modal modalId="confirmModal" modalTitle=confrimModalTitle}}
    <div class="modal-body">
      <p>{{confirmModalMessage}}</p>
    </div>
    <div class="modal-footer">
      <button type="button" class="btn btn-default" data-dismiss="modal" {{action "cancelModal"}}>{{t 'layout.modals.cancel'}}</button>
      <button type="button" class="btn btn-danger" data-dismiss="modal" {{action removeAction }}>{{t 'layout.modals.confirm'}}</button>
    </div>
  {{/bs-modal}}
{{/if}}