<?
if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();

$ClientID = 'navigation_'.$arResult['NavNum'];

$this->setFrameMode(true);

if(!$arResult["NavShowAlways"])
{
    if ($arResult["NavRecordCount"] == 0 || ($arResult["NavPageCount"] == 1 && $arResult["NavShowAll"] == false))
        return;
}
?>

<div class="articles-block__pages pages">
        <?
        $strNavQueryString = ($arResult["NavQueryString"] != "" ? $arResult["NavQueryString"]."&amp;" : "");
        $strNavQueryStringFull = ($arResult["NavQueryString"] != "" ? "?".$arResult["NavQueryString"] : "");
        // to show always first and last pages
        $arResult["nStartPage"] = 1;
        $arResult["nEndPage"] = $arResult["NavPageCount"];
    
        $sPrevHref = '';
        if ($arResult["NavPageNomer"] > 1)
        {
            $bPrevDisabled = false;
            
            if ($arResult["bSavePage"] || $arResult["NavPageNomer"] > 2)
            {
                $sPrevHref = $arResult["sUrlPath"].'?'.$strNavQueryString.'PAGEN_'.$arResult["NavNum"].'='.($arResult["NavPageNomer"]-1);
            }
            else
            {
                $sPrevHref = $arResult["sUrlPath"].$strNavQueryStringFull;
            }
        }
        else
        {
            $bPrevDisabled = true;
        }
    
        $sNextHref = '';
        if ($arResult["NavPageNomer"] < $arResult["NavPageCount"])
        {
            $bNextDisabled = false;
            $sNextHref = $arResult["sUrlPath"].'?'.$strNavQueryString.'PAGEN_'.$arResult["NavNum"].'='.($arResult["NavPageNomer"]+1);
        }
        else
        {
            $bNextDisabled = true;
        }
        ?>

        <a class="pages-btn-prev <?if ($bPrevDisabled):?>pages-btn-prev-disabled<?endif;?>" href="<?=$sPrevHref;?>" id="<?=$ClientID?>_previous_page">
            <svg xmlns="http://www.w3.org/2000/svg" width="7" height="16" viewBox="0 0 7 16" fill="none">
                <path d="M0.19006 8.5853L5.49242 15.2604C5.61505 15.4149 5.77876 15.5 5.95332 15.5C6.12788 15.5 6.29159 15.4149 6.41423 15.2604L6.80471 14.7689C7.0588 14.4487 7.0588 13.9282 6.80471 13.6084L2.35219 8.00311L6.80965 2.39157C6.93229 2.23706 7 2.03109 7 1.81145C7 1.59158 6.93229 1.3856 6.80965 1.23097L6.41917 0.739631C6.29644 0.58512 6.13282 0.5 5.95826 0.5C5.7837 0.5 5.61999 0.58512 5.49736 0.739631L0.19006 7.4208C0.067132 7.5758 -0.000385284 7.78275 1.90735e-06 8.00274C-0.000385284 8.2236 0.067132 8.43042 0.19006 8.5853Z" fill="#213570" />
            </svg>
        </a>
            <div class="pages-items">
        <?
        $bFirst = true;
        $bPoints = false;
        do
        {
            if ($arResult["nStartPage"] <= 2 || $arResult["nEndPage"]-$arResult["nStartPage"] <= 1 || abs($arResult['nStartPage']-$arResult["NavPageNomer"])<=2)
            {
    
                if ($arResult["nStartPage"] == $arResult["NavPageNomer"]):
        ?>
                <button class="pages-item active"><?=$arResult["nStartPage"]?></button>
        <?
                elseif($arResult["nStartPage"] == 1 && $arResult["bSavePage"] == false):
        ?>
                <a class="pages-item" href="<?=$arResult["sUrlPath"]?><?=$strNavQueryStringFull?>"><?=$arResult["nStartPage"]?></a>
        <?
                else:
        ?>
                <a class="pages-item" href="<?=$arResult["sUrlPath"]?>?<?=$strNavQueryString?>PAGEN_<?=$arResult["NavNum"]?>=<?=$arResult["nStartPage"]?>"><?=$arResult["nStartPage"]?></a>
        <?
                endif;
                $bFirst = false;
                $bPoints = true;
            }
            else
            {
                if ($bPoints)
                {
        ?>...<?
                    $bPoints = false;
                }
            }
            $arResult["nStartPage"]++;
        } while($arResult["nStartPage"] <= $arResult["nEndPage"]);?>
    </div>
    <a class="pages-btn-next <?if ($bNextDisabled):?>pages-btn-next-disabled<?endif;?>" href="<?=$sNextHref;?>" id="<?=$ClientID?>_next_page">
        <svg xmlns="http://www.w3.org/2000/svg" width="7" height="16" viewBox="0 0 7 16" fill="none">
            <path d="M6.80994 8.5853L1.50758 15.2604C1.38495 15.4149 1.22124 15.5 1.04668 15.5C0.872118 15.5 0.708408 15.4149 0.585771 15.2604L0.195289 14.7689C-0.0587998 14.4487 -0.0587998 13.9282 0.195289 13.6084L4.64781 8.00311L0.190349 2.39157C0.0677119 2.23706 0 2.03109 0 1.81145C0 1.59158 0.0677119 1.3856 0.190349 1.23097L0.580831 0.739631C0.703565 0.58512 0.867178 0.5 1.04174 0.5C1.2163 0.5 1.38001 0.58512 1.50264 0.739631L6.80994 7.4208C6.93287 7.5758 7.00039 7.78275 7 8.00274C7.00039 8.2236 6.93287 8.43042 6.80994 8.5853Z" fill="#213570" />
        </svg>
    </a>
</div>
