{{#if hasPlaylistItems}}
  {{#ember-dragula config=dragulaConfig drag='onDrag' drop='onDrop'}}
    {{#ember-dragula-container }}
      {{#each items as |item|}}
        {{manager/collections/item-list-row item=item removeItemFromPlaylist=removeItemFromPlaylist}}
      {{/each}}
    {{/ember-dragula-container}}
  {{/ember-dragula}}
{{else}}
  <div class="playlist-empty-state">
    {{!-- TODO: Localize --}}
    <h4>{{i18n 'Your collection is empty.'}}</h4>
    <h5>{{i18n 'Add videos to start building your collection.'}}</h5>
    <div class="mg-t-2">
      {{#common/button-element
        onClick=openItemsModal
        testSelector='add-videos-btn'
      }}
        {{i18n 'Add videos'}}
      {{/common/button-element}}
    </div>
  </div>
{{/if}}
