Pagination of translated pages not working properly

{% extends 'partials/base.html.twig' %}

{% block content %}
  {% include 'partials/banner2.html.twig' %}

<!-- Search box -->
<div class="container">
    <div class="row">
        <div class="col-lg-12 col-md-12">
            {{ content|raw }}
        </div>
    </div>
<div class="row">
<div class="col-lg-12 col-md-12">
{% include 'partials/simplesearch_searchbox.html.twig' %}
</div>
</div>
</div>
  <!-- ============================ Blog Grid Start ================================== -->
  {% set collection = page.collection() %}
  <section>
    <div class="container">
        <div class="row">
        {% for child in collection %}
            {% if child.language == grav.language.getLanguage %}
            <!-- Single Blog Grid -->
            <div class="col-lg-6 col-md-6">
                <div class="blog-grid-wrap mb-4">
                    <div class="blog-grid-thumb">
                        <a href="{{ child.url }}">
                <img src="{{ child.media.images|first.url() }}" class="img-responsive" alt="" />
              </a>
                        <div class="bg-cat-info">
                            <h6>{% for cat in child.header.taxonomy.category %}{{ cat }}{% if not loop.last %},{% endif %} {% endfor %}</h6>
                            <span>{{ child.header.date|date('d') }} {{ 'GRAV.MONTHS_OF_THE_YEAR'|ta(child.header.date|date('n') - 1) }} {{ child.header.date|date('Y') }}</span>
                        </div>
                    </div>
                    <div class="blog-grid-content">
                        <h4 class="cnt-gb-title">
                <a href="{{ child.url }}">{{ child.title }}</a>
              </h4>
                        <p>{{ child.summary(110)|striptags }}</p>
                    </div>
                    <div class="blog-grid-meta">
                        <div class="gb-info-author">
                            <p><i class="fa fa-user-circle-o"></i> {% for author in child.taxonomy.author %}{{ author }}{% if not loop.last %},{% endif %} {% endfor %} <span class="reading-time"> <i class="fa fa-clock-o"></i> {{ child.content|readingtime }}</span></p>
                        </div>
                    </div>
                </div>
            </div>
            {% endif %}
        {% endfor %}
        </div>

        <div class="row">
            <div class="col-md-12">
                <div class="bs-example">
            {% include 'partials/pagination.html.twig' with {'base_url':page.url, 'pagination':collection.params.pagination} %}
                </div>
            </div>
        </div>

    </div>
  </section>
  <div class="clearfix"></div>
  <!-- ============================ Blog Grid End ================================== -->
{% endblock %}

---
title: Blog
content:
    items: '@self.children'
    order:
        by: date
        dir: desc
    limit: 8
    pagination: true
description: '“Under the Hood”, Qabiria’s blog dedicated to translation, copywriting, business writing, effective writing and internationalization. Read all the posts.'
metadata:
    keywords: translation blog, blog on translation, blog on internationalisation, blog on business writing, blog on writing, blog on copywriting
---