{{#if panels.isLoading}}
  <p class="empty-grid">
    {{i18n "Loading..."}}
  </p>
{{else}}
  {{#if isEditable}}
    <div id="panels-edit-contain">
      <div {{action 'toggleEditMode'}} class="edit-panels-toggle">
        <a class="{{if editMode 'active'}} switch">
          <span></span>
        </a>
        <span class="switch-label">
          {{i18n 'Edit Panels'}}
        </span>
      </div>
    </div>
  {{/if}}
  {{#if shouldShowEmptyMessage}}
    <p class="empty-grid">
      {{i18n "It's empty in here"}}
    </p>
  {{else}}
    <div class="js-panels-contain" id="channel_panels_contain">
      <ul class="panel-formatting js-panels panels" id="channel_panels">
        {{#each sortedPanels as |panel|}}
          {{panel-show
            teespringCampaignEnabled=teespringCampaignEnabled
            isExtensionsEnabled=isExtensionsEnabled
            installedExtensions=installedExtensions
            content=panel
            editMode=editMode
            destroyPanel='destroyPanel'
            onLinkClick=onLinkClick
            refreshPanelLayout=(action 'refreshPanelLayout')
          }}
        {{/each}}
        {{#if editMode}}
          {{#unless panels.isLoading}}
            <div {{action 'newPanel' }} class="js-new_panel_btn panel static"></div>
          {{/unless}}
        {{/if}}
      </ul>
    </div>
  {{/if}}
{{/if}}
