<div class="grid section paging">
  <div>
    {'Filters'|t}
    {if="$is_logged_in"}
    <a href="{$base_path}/admin/visibility/private" aria-label="{'Only display private links'|t}"
      title="{'Only display private links'|t}" class="{if="$visibility==='private'"} filter-on {else} filter-off{/if}">
      <svg viewBox="0 0 48 48" aria-hidden="true" focusable="false" role="presentation">
        <use href="{$asset_path}/sprites/default.svg#ui-secret"></use></svg>
    </a>

    <a href="{$base_path}/admin/visibility/public" aria-label="{'Only display public links'|t}"
      title="{'Only display public links'|t}" class="{if="$visibility==='public'"} filter-on {else} filter-off {/if}">
      <svg viewBox="0 0 48 48" aria-hidden="true" focusable="false" role="presentation">
        <use href="{$asset_path}/sprites/default.svg#ui-earth"></use></svg>
    </a>

    {/if}
    <a href="{$base_path}/untagged-only" aria-label="{'Filter untagged links'|t}" title="{'Filter untagged links'|t}"
      class="{if="$untaggedonly"}filter-on{else}filter-off{/if}">
      <svg viewBox="0 0 48 48" aria-hidden="true" focusable="false" role="presentation">
        <use href="{$asset_path}/sprites/default.svg#ui-tag"></use></svg>
    </a>

    {if="$is_logged_in"}
    <a href="#" aria-label="{'Select all'|t}" title="{'Select all'|t}" class="filter-off select-all-button">
      <svg viewBox="0 0 48 48" aria-hidden="true" focusable="false" role="presentation">
        <use href="{$asset_path}/sprites/default.svg#ui-check-with-border"></use></svg>
    </a>
    {/if}

    {if="!empty($action_plugin)"}
    {loop="$action_plugin"}
    {$value.attr.class=isset($value.attr.class) ? $value.attr.class : ''}
    {$value.attr.class=!empty($value.on) ? $value.attr.class .' filter-on' : $value.attr.class .' filter-off'}
    <a {loop="$value.attr"} {$key}="{$value}" {/loop}>
      {$value.html}
    </a>
    {/loop}
    {/if}
  </div>

  <div>
    {if="$next_page_url"}
    <a href="{$next_page_url}">
      <svg viewBox="0 0 48 48" aria-hidden="true" focusable="false" role="presentation">
        <use href="{$asset_path}/sprites/default.svg#ui-arrow-left-circle"></use></svg>
    </a>
    {/if}
    {if="$page_max>1"}{$page_current} / {$page_max}{/if}
    {if="$previous_page_url"}
    <a href="{$previous_page_url}">
      <svg viewBox="0 0 48 48" aria-hidden="true" focusable="false" role="presentation">
        <use href="{$asset_path}/sprites/default.svg#ui-arrow-right-circle"></use></svg>
    </a>
    {/if}
  </div>

  <div class="flex">
    {'Links per page'|t}
    <a href="{$base_path}/links-per-page?nb=25" {if="$links_per_page == 25"}class="selected"{/if}>25</a>
    <a href="{$base_path}/links-per-page?nb=50" {if="$links_per_page == 50"}class="selected"{/if}>50</a>
    <a href="{$base_path}/links-per-page?nb=75" {if="$links_per_page == 75"}class="selected"{/if}>75</a>

    <form method="GET" action="{$base_path}/links-per-page">
      <input type="text" name="nb" placeholder="100"
        {if="$links_per_page != 25 && $links_per_page != 50 && $links_per_page != 75"} value="{$links_per_page}"{/if}>
    </form>

    <!--<a href="#" class="filter-off fold-all" aria-label="{'Fold all'|t}" title="{'Fold all'|t}">
      <svg viewBox="0 0 48 48" aria-hidden="true" focusable="false" role="presentation">
                <use href="{$asset_path}/sprites/default.svg#ui-chevron-up"></use>
              </svg></a>-->
  </div>
</div>