{{if showActionBar}}
<div class="summary-content-actionBar">
    <div class="summary-content-actionBar-left">
        {{if actionBar.showThumbnails}}
        <div class="summary-content-actionBar-button showThumbnails">
            {{iconPlugin('thumbnails-new-v4', 'summary-content-actionBar-button-icon')}}
            <span>
                {{localePlugin('show_thumbnails_mobile')}}
            </span>
        </div>
        {{/if}}

        {{if actionBar.showSummaryPanel}}
        <div class="summary-content-actionBar-button showSummaryPanel active">
            {{iconPlugin('summary-new-v4', 'summary-content-actionBar-button-icon')}}
            <span>{{localePlugin('menu_summary')}}</span>
        </div>
        {{/if}}

        {{if actionBar.showFavorites}}
        <div class="summary-content-actionBar-button showFavorites">
            {{iconPlugin('playlist-new-v4', 'summary-content-actionBar-button-icon')}}
            <span>
            {{if isPlusTheme}}
                {{localePlugin('playlist')}}
            {{else}}
                {{localePlugin('favorites_selection_mobile')}}
            {{/if}}
          </span>
        </div>
        {{/if}}

        {{if actionBar.showResetPlaylist}}
        <div class="summary-content-actionBar-button resetPlaylist">
            {{iconPlugin('reset-new-v4', 'summary-content-actionBar-button-icon')}}
            <span>
                {{localePlugin('reset_playlist_mobile')}}
            </span>
        </div>
        {{/if}}
    </div>

    <div class="summary-content-actionBar-right">
        {{if actionBar.showCopyPlaylistUrl}}
        <div class="summary-content-actionBar-button copyPlaylistUrl">
            {{iconPlugin('copy-new-v4', 'summary-content-actionBar-button-icon')}}
            <span>
                {{localePlugin('copy_playlist_url_mobile')}}
            </span>
        </div>
        {{/if}}

        {{if actionBar.showPreviewPlaylist}}
        <div class="summary-content-actionBar-button previewPlaylist">
            {{iconPlugin('open-new-v4', 'summary-content-actionBar-button-icon')}}
            <span>
                {{localePlugin('open_playlist_mobile')}}
            </span>
        </div>
        {{/if}}

        {{if actionBar.showSharePlaylistUrl}}
        <div class="summary-content-actionBar-button sharePlaylistUrl">
            {{iconPlugin('share-new-v4', 'summary-content-actionBar-button-icon')}}
            <span>
                {{localePlugin('share_playlist_url_mobile')}}
            </span>
        </div>
        {{/if}}

        {{if actionBar.showDownloadPlaylistPdf}}
        <div class="summary-content-actionBar-button downloadPlaylistPdf">
            {{iconPlugin('download-new-v4', 'summary-content-actionBar-button-icon')}}
            <span>
                {{localePlugin('download_playlist_pdf_mobile')}}
            </span>
        </div>
        {{/if}}
    </div>
</div>
{{/if}}
<div class="summary-content__wrapper">

    <div class="popup-switch-list">
        <div class="popup-switch-item">{{localePlugin('menu_summary')}}</div>
        <div class="popup-switch-item inactive"></div>
        <div class="popup-switch-item inactive"></div>
    </div>

    <div class="summary-content">
        <ul class="summary-content__list">
            <li>
                {{each(i,page) pageList}}
                {{templatePlugin( 'summaryItem', { "page": page, "showFavorites": favorites.show, "favoritesColor": favorites.color, "isPlusTheme": isPlusTheme }) }}
                {{/each}}
            </li>
        </ul>
    </div>
</div>