[viewBag]
==
{% put styles %}
    <style>
        #pagination_input{
            margin: 0;
        }
        #pagination_form{
            display: contents;
        }
    </style>
{% endput %}

{% if items.total > items.perPage %}
<div class="video-main-bottom rubric-bottom">
    <a href="{{items.previousPageUrl|default('#')}}{%if filter and items.previousPageUrl  %}{{'&'~filter.0~'='~filter.1}}{% endif %}">
    
  <button type="button" class="video-main-pagination">
    <div>
      <img src="{{'assets/new/icons/arrow-left-white.svg'|theme}}" alt="" />
    </div>
  </button>
  
  </a>
<!--   <span>1/1000</span> -->

  <form method="get" id="pagination_form">
    <div class="heading__footer-input">

        <input type="text" value="{{items.currentPage|default('1')}}" name="page" id="pagination_input">
        {%if filter %}
        <input type="hidden" name="{{filter.0}}" value="{{filter.1}}">
        {% endif %}
        {%if dateFilter %}
        <input type="hidden" name="date" value="{{dateFilter}}">
        {% endif %}

    </div>
    </form>
  
  <a href="{{items.nextPageUrl|default('#')}}{%if filter and items.nextPageUrl %}{{'&'~filter.0~'='~filter.1}}{% endif %}">
  <button type="button" class="video-main-pagination">
    <div>
      <img src="{{'assets/new/icons/arrow-right-white.svg'|theme}}" alt="" />
    </div>
  </button>
  </a>
  
     <span>{{(items.total/items.perPage)|round(0,'ceil')}} {{'paginate.from'|_}} </span>
</div>
{% endif %}