[[+partition:is=`collection`:then=`
<div class="collection" data-object="[[+data.object]]" data-format="[[+data.format]]" data-columns="[[+data.columns]]">
  <div class="collection-inner">
    [[+top]]
    [[+main]]
    [[+bottom]]
  </div>
</div>
`]]

[[+partition:is=`collection.top`:then=`
<div class="top">
  [[+content]]
</div>
`]]

[[+partition:is=`collection.top.actions`:then=`
<span class="progress">[[+progress]]</span>
<div class="actions">
  <ul>
    <li data-id="orderby">
      <span class="orderby-icon"><span></span></span>
      <label for="collection:orderby" class="select">
        <select id="collection:orderby">
          [[+orderby.options]]
        </select>
      </label>
    </li>
  </ul>
</div>
`]]

[[+partition:is=`collection.header`:then=`
<div class="header">
  <ul>
    <li><a title="~"><span class="a-inner"><span class="text">Column 1</span><span class="toggle"><span class="icon"></span></span></span></a></li>
    <li><a title="~"><span class="a-inner"><span class="text">Column 2</span><span class="toggle"><span class="icon"></span></span></span></a></li>
    <li><a title="~"><span class="a-inner"><span class="text">Column 3</span><span class="toggle"><span class="icon"></span></span></span></a></li>
    <li><a title="~"><span class="a-inner"><span class="text">Column 4</span><span class="toggle"><span class="icon"></span></span></span></a></li>
  </ul>
</div>
`]]

[[+partition:is=`collection.main`:then=`
<div class="main">
  <div class="main-inner">
    [[+content]]
  </div>
</div>
`]]

[[+partition:is=`collection.bottom`:then=`
<div class="bottom">
  <span class="progress">[[+progress]]</span>
  [[+content]]
</div>
`]]

[[+partition:is=`collection.bottom.pagination`:then=`
<div class="pagination">
  <ul>
    <li data-id="skip">
      <div class="skip">
        [[+skip.prev.isDisabled:is=`true`:then=`
        <span data-id="prev" class="prev[[+skip.prev.disabled]]"><a href="[[+skip.prev.page]]" title="<"><span class="icon"></span></a></span>
        `:else=`
        <span data-id="prev" class="prev[[+skip.prev.disabled]]"><a title="<"><span class="icon"></span></a></span>
        `]]
        [[+skip.next.isDisabled:is=`true`:then=`
        <span data-id="next" class="next[[+skip.next.disabled]]"><a href="[[+skip.next.page]]" title=">"><span class="icon"></span></a></span>
        `:else=`
        <span data-id="next" class="next[[+skip.next.disabled]]"><a title=">"><span class="icon"></span></a></span>
        `]]
      </div>
    </li>
  </ul>
</div>
`]]

[[+partition:is=`collection.bottom.pagination--debug`:then=`
<div class="pagination">
  <ul>
      <!-- @start : Removed, too many options in select menu -->
    <li data-id="page">
      <label for="collection:page" class="select">
        <select id="collection:page">
          [[+page.options]]
        </select>
      </label>
    </li>
    <!-- @end -->
    <li data-id="skip">
      <div class="skip">
        [[+skip.prev.isDisabled:is=`true`:then=`
        <span data-id="prev" class="prev[[+skip.prev.disabled]]"><a href="[[+skip.prev.page]]" title="<"><span class="icon"></span></a></span>
        `:else=`
        <span data-id="prev" class="prev[[+skip.prev.disabled]]"><a title="<"><span class="icon"></span></a></span>
        `]]
        [[+skip.next.isDisabled:is=`true`:then=`
        <span data-id="next" class="next[[+skip.next.disabled]]"><a href="[[+skip.next.page]]" title=">"><span class="icon"></span></a></span>
        `:else=`
        <span data-id="next" class="next[[+skip.next.disabled]]"><a title=">"><span class="icon"></span></a></span>
        `]]
      </div>
    </li>
  </ul>
</div>
`]]