{{ $paginator := .paginator }}
{{ $outer := .outer}}

{{ if gt $paginator.TotalPages 1 }}
<nav class="pager" aria-label="Навигация по страницам">
    <div class="pager-inner">

        {{ if $paginator.HasPrev }}
        <a href="{{ $paginator.Prev.URL }}" class="pager-btn pager-prev" aria-label="Предыдущая страница">
            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10 3L5 8L10 13" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
            <span>Назад</span>
        </a>
        {{ else }}
        <span class="pager-btn pager-prev pager-disabled" aria-disabled="true">
            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10 3L5 8L10 13" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
            <span>Назад</span>
        </span>
        {{ end }}

        <span class="pager-info" aria-current="page">
            {{ $paginator.PageNumber }}&thinsp;/&thinsp;{{ $paginator.TotalPages }}
        </span>

        {{ if $paginator.HasNext }}
        <a href="{{ $paginator.Next.URL }}" class="pager-btn pager-next" aria-label="Следующая страница">
            <span>Далее</span>
            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M6 3L11 8L6 13" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
        </a>
        {{ else }}
        <span class="pager-btn pager-next pager-disabled" aria-disabled="true">
            <span>Далее</span>
            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M6 3L11 8L6 13" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
        </span>
        {{ end }}

    </div>
</nav>
{{ end }}