{% set current = (current is defined and current != '')?current:'1' %}

{#% if pageCount > 1 %#}
	{% if  pageCount > 1 and paginationType == 1 %}
    	<ul class="pagination pagination-sm">

    		{% if previous is defined %}
        		<li>
            		<a href="{{ path(route, query|merge({(pageParameterName): previous})) }}" data-original-title="{{ 'Previous'|trans }}" data-toggle="tooltip"><i class="fa fa-angle-left"></i></a>
        		</li>
    		{% else %}
        		<li class="disabled">
            		<span><i class="fa fa-angle-left"  data-original-title="{{ 'Previous'|trans }}" data-toggle="tooltip"></i></span>
        		</li>
    		{% endif %}

    		{% if startPage > 1 %}
        		<li>
            		<a href="{{ path(route, query|merge({(pageParameterName): 1})) }}" data-original-title="1" data-toggle="tooltip">1</a>
        		</li>
        		{% if startPage == 3 %}
            		<li>
                		<a href="{{ path(route, query|merge({(pageParameterName): 2})) }}" data-original-title="2" data-toggle="tooltip">2</a>
            		</li>
        		{% elseif startPage != 2 %}
        			<li class="disabled">
            			<span>&hellip;</span>
        			</li>
        		{% endif %}
    		{% endif %}

    		{% for page in pagesInRange %}
        		{% if page != current %}
            		<li>
                		<a href="{{ path(route, query|merge({(pageParameterName): page})) }}" data-original-title="{{ page }}" data-toggle="tooltip">{{ page }}</a>
            		</li>
        		{% else %}
            		<li class="active">
                		<span>{{ page }}</span>
            		</li>
        		{% endif %}
    		{% endfor %}

    		{% if pageCount > endPage %}
        		{% if pageCount > (endPage + 1) %}
            		{% if pageCount > (endPage + 2) %}
                		<li class="disabled">
                    		<span>&hellip;</span>
                		</li>
            		{% else %}
                		<li>
                    		<a href="{{ path(route, query|merge({(pageParameterName): (pageCount - 1)})) }}">{{ pageCount -1 }}</a>
                		</li>
            		{% endif %}
        		{% endif %}
        		<li>
            		<a href="{{ path(route, query|merge({(pageParameterName): pageCount})) }}">{{ pageCount }}</a>
        		</li>
    		{% endif %}

    		{% if next is defined %}
        		<li>
            		<a href="{{ path(route, query|merge({(pageParameterName): next})) }}" data-original-title="{{ 'Next'|trans }}" data-toggle="tooltip"><i class="fa fa-angle-right"></i></a>
        		</li>
    		{% else %}
        		<li class="disabled">
            		<span><i class="fa fa-angle-right" data-original-title="{{ 'Next'|trans }}" data-toggle="tooltip"></i></span>
        		</li>
    		{% endif %}
    	</ul>
    	<script type="text/javascript">
			var ajaxNumberPagination;
			$(document).ready(function () {
				ajaxNumberPagination = new ajaxNumberPaginationActions();
				ajaxNumberPagination.init('{{ formId }}');
			});
		</script>
    {% elseif paginationType == 2 %}
    	{% if app.request.get('page', null) == null %}
			<script type="text/javascript">
				var autoScrollPagination;
				$(document).ready(function () {
					autoScrollPagination = new autoScrollPaginationActions();
					autoScrollPagination.init('{{ formId }}');
				});
			</script>
		{% endif %}
		{% if pageCount == current %}
			<script type="text/javascript">
			$(document).ready(function () {
				if (typeof(autoScrollPagination) != 'undefined') {
					autoScrollPagination.disbalePagination();
				}
				
			});
			</script>
		{% endif %}
	{% endif %}
	{% if paginationType == 3 %}
	 	<script type="text/javascript">
				var autoScrollPagination;
				$(document).ready(function () {
					autoScrollPagination = new autoScrollPaginationActions();
					autoScrollPagination.initshowmore('{{ formId }}');
				});
		</script>
		<a href="javascript:void(0);" class="js-showmore">Show More Products <i class="fa fa-angle-down" aria-hidden="true"></i></a>
    {% endif %}
	{% if  pageCount == 1 and paginationType == 1 %}
    <script type="text/javascript">
      var ajaxNumberPagination;
        $(document).ready(function () {
          ajaxNumberPagination = new ajaxNumberPaginationActions();
          ajaxNumberPagination.init('{{ formId }}');
        });
      </script>
  {% endif %}
{#% endif %#}