<div class="project-list-multiple container">
  <div class="page-header">
    <h1 class="page-header__title header-multiple">Project lists</h1>
  </div>
  <button class="btn btn-primary create-new-btn" data-toggle="modal" data-target="#project-list-confirmation-modal-create-new">
    <span class="btn__text">Create new</span>
  </button>
  <div class="max-list-info">
    You have reached the maximum number of lists, to create a new one please delete an existing list
  </div>
  {{#if counter}}
    <div class="counter-list">
      Showing<b>200</b>of<b>200</b>
    </div>
  {{/if}}
  <div class="my-project-list-multiple">
    {{#each page_project-multiple-list.projectMultipleList}}
      {{> project-list-multiple-item}}
    {{/each}}
  </div>
</div>

{{#content "foot" mode="append"}}
  {{> project-list-multiple-modal id="project-list-confirmation-modal-create-new" create-new=true}}
  {{> project-list-multiple-modal id="project-list-confirmation-modal-delete" delete=true}}
  {{> project-list-multiple-modal id="project-list-confirmation-modal-rename" rename=true}}
{{/content}}
{{#if pagination}}
  <div class="component project-list-multiple__pagination pb-0">
    <div class="container">
      <div class="row">
        <div class="content">
          {{> pagination pagination4="true"}}
        </div>
      </div>
    </div>
  </div>
{{/if}}