<turbo-stream action="replace" target="ladders">
  <template>
    <div id="ladders" class="row g-2 w-100">
  <div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/users/mortvine">
          <div class="mt-1 position-absolute card-ladder-rank">
          <b class="mt-2">n°1001</b>
      </div>

    <div class="card-body">
      <div class="position-relative">
              <img class="card-img-top card-a-img" loading="lazy" src="https://eu.ui-avatars.com/api/?name=Mortvine&amp;background=random&amp;rounded=true" width="75" height="75" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">      <div class="d-flex flew-row align-items-center">
        <div class="text-ellipsis">
          <strong>
          Mortvine
          </strong>
        </div>
        <div class="card text-nowrap py-1 px-2 ms-2 bg-primary">Niv. 1</div>
      </div>
</div>
              <div class="text-muted mt-2">Score: 20</div>
      <div class="text-muted">Réalisé en 52s 93ms</div>

      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/users/tymar">
          <div class="mt-1 position-absolute card-ladder-rank">
          <b class="mt-2">n°1002</b>
      </div>

    <div class="card-body">
      <div class="position-relative">
              <img class="card-img-top card-a-img" loading="lazy" src="https://eu.ui-avatars.com/api/?name=Tymar&amp;background=random&amp;rounded=true" width="75" height="75" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">      <div class="d-flex flew-row align-items-center">
        <div class="text-ellipsis">
          <strong>
          Tymar
          </strong>
        </div>
        <div class="card text-nowrap py-1 px-2 ms-2 bg-primary">Niv. 3</div>
      </div>
</div>
              <div class="text-muted mt-2">Score: 15</div>
      <div class="text-muted">Réalisé en 05s 62ms</div>

      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/users/xinta">
          <div class="mt-1 position-absolute card-ladder-rank">
          <b class="mt-2">n°1003</b>
      </div>

    <div class="card-body">
      <div class="position-relative">
              <img class="card-img-top card-a-img" loading="lazy" src="https://eu.ui-avatars.com/api/?name=Xinta&amp;background=random&amp;rounded=true" width="75" height="75" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">      <div class="d-flex flew-row align-items-center">
        <div class="text-ellipsis">
          <strong>
          Xinta
          </strong>
        </div>
        <div class="card text-nowrap py-1 px-2 ms-2 bg-primary">Niv. 3</div>
      </div>
</div>
              <div class="text-muted mt-2">Score: 5</div>
      <div class="text-muted">Réalisé en 13s 95ms</div>

      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/users/mayu">
          <div class="mt-1 position-absolute card-ladder-rank">
          <b class="mt-2">n°1004</b>
      </div>

    <div class="card-body">
      <div class="position-relative">
              <img class="card-img-top card-a-img" loading="lazy" src="https://eu.ui-avatars.com/api/?name=Mayu&amp;background=random&amp;rounded=true" width="75" height="75" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">      <div class="d-flex flew-row align-items-center">
        <div class="text-ellipsis">
          <strong>
          Mayu
          </strong>
        </div>
        <div class="card text-nowrap py-1 px-2 ms-2 bg-primary">Niv. 2</div>
      </div>
</div>
              <div class="text-muted mt-2">Score: 0</div>
      <div class="text-muted">Réalisé en </div>

      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/users/blackvachette">
          <div class="mt-1 position-absolute card-ladder-rank">
          <b class="mt-2">n°1005</b>
      </div>

    <div class="card-body">
      <div class="position-relative">
              <img class="card-img-top card-a-img" loading="lazy" src="https://eu.ui-avatars.com/api/?name=BlackVachette&amp;background=random&amp;rounded=true" width="75" height="75" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">      <div class="d-flex flew-row align-items-center">
        <div class="text-ellipsis">
          <strong>
          BlackVachette
          </strong>
        </div>
        <div class="card text-nowrap py-1 px-2 ms-2 bg-primary">Niv. 1</div>
      </div>
</div>
              <div class="text-muted mt-2">Score: 0</div>
      <div class="text-muted">Réalisé en </div>

      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/users/artistgy">
          <div class="mt-1 position-absolute card-ladder-rank">
          <b class="mt-2">n°1006</b>
      </div>

    <div class="card-body">
      <div class="position-relative">
              <img class="card-img-top card-a-img" loading="lazy" src="https://eu.ui-avatars.com/api/?name=Artistgy&amp;background=random&amp;rounded=true" width="75" height="75" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">      <div class="d-flex flew-row align-items-center">
        <div class="text-ellipsis">
          <strong>
          Artistgy
          </strong>
        </div>
        <div class="card text-nowrap py-1 px-2 ms-2 bg-primary">Niv. 2</div>
      </div>
</div>
              <div class="text-muted mt-2">Score: 0</div>
      <div class="text-muted">Réalisé en </div>

      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/users/jgdguyd">
          <div class="mt-1 position-absolute card-ladder-rank">
          <b class="mt-2">n°1007</b>
      </div>

    <div class="card-body">
      <div class="position-relative">
              <img class="card-img-top card-a-img" loading="lazy" src="https://eu.ui-avatars.com/api/?name=Jgdguyd&amp;background=random&amp;rounded=true" width="75" height="75" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">      <div class="d-flex flew-row align-items-center">
        <div class="text-ellipsis">
          <strong>
          Jgdguyd
          </strong>
        </div>
        <div class="card text-nowrap py-1 px-2 ms-2 bg-primary">Niv. 1</div>
      </div>
</div>
              <div class="text-muted mt-2">Score: 0</div>
      <div class="text-muted">Réalisé en </div>

      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/users/boraxkid">
          <div class="mt-1 position-absolute card-ladder-rank">
          <b class="mt-2">n°1008</b>
      </div>

    <div class="card-body">
      <div class="position-relative">
              <img class="card-img-top card-a-img" loading="lazy" src="https://eu.ui-avatars.com/api/?name=BoraxKid&amp;background=random&amp;rounded=true" width="75" height="75" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">      <div class="d-flex flew-row align-items-center">
        <div class="text-ellipsis">
          <strong>
          BoraxKid
          </strong>
        </div>
        <div class="card text-nowrap py-1 px-2 ms-2 bg-primary">Niv. 3</div>
      </div>
</div>
              <div class="text-muted mt-2">Score: 0</div>
      <div class="text-muted">Réalisé en </div>

      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/users/fizd">
          <div class="mt-1 position-absolute card-ladder-rank">
          <b class="mt-2">n°1009</b>
      </div>

    <div class="card-body">
      <div class="position-relative">
              <img class="card-img-top card-a-img" loading="lazy" src="https://eu.ui-avatars.com/api/?name=Fizd&amp;background=random&amp;rounded=true" width="75" height="75" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">      <div class="d-flex flew-row align-items-center">
        <div class="text-ellipsis">
          <strong>
          Fizd
          </strong>
        </div>
        <div class="card text-nowrap py-1 px-2 ms-2 bg-primary">Niv. 1</div>
      </div>
</div>
              <div class="text-muted mt-2">Score: 0</div>
      <div class="text-muted">Réalisé en 05s 17ms</div>

      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/users/tyhron">
          <div class="mt-1 position-absolute card-ladder-rank">
          <b class="mt-2">n°1010</b>
      </div>

    <div class="card-body">
      <div class="position-relative">
              <img class="card-img-top card-a-img" loading="lazy" src="https://eu.ui-avatars.com/api/?name=Tyhron&amp;background=random&amp;rounded=true" width="75" height="75" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">      <div class="d-flex flew-row align-items-center">
        <div class="text-ellipsis">
          <strong>
          Tyhron
          </strong>
        </div>
        <div class="card text-nowrap py-1 px-2 ms-2 bg-primary">Niv. 1</div>
      </div>
</div>
              <div class="text-muted mt-2">Score: 0</div>
      <div class="text-muted">Réalisé en 07s 07ms</div>

      </div>
    </div>
</a></div></div>

  </template>
</turbo-stream>

<turbo-stream action="update" target="pagination">
  <template>
    <nav class="pagy-bootstrap-nav" aria-label="pager"><ul class="pagination"><li class="page-item prev"><a href="/fr/ladders?mode_id=2&amp;page=20"  class="page-link"  rel="prev" aria-label="previous">&lsaquo;&nbsp;Prev</a></li><li class="page-item"><a href="/fr/ladders?mode_id=2&amp;page=1"  class="page-link"  >1</a></li><li class="page-item gap disabled"><a href="#" class="page-link">&hellip;</a></li><li class="page-item"><a href="/fr/ladders?mode_id=2&amp;page=17"  class="page-link"  >17</a></li><li class="page-item"><a href="/fr/ladders?mode_id=2&amp;page=18"  class="page-link"  >18</a></li><li class="page-item"><a href="/fr/ladders?mode_id=2&amp;page=19"  class="page-link"  >19</a></li><li class="page-item"><a href="/fr/ladders?mode_id=2&amp;page=20"  class="page-link"  rel="prev" >20</a></li><li class="page-item active"><a href="/fr/ladders?mode_id=2&amp;page=21"  class="page-link"  >21</a></li><li class="page-item next disabled"><a href="#" class="page-link">Next&nbsp;&rsaquo;</a></li></ul></nav>
  </template>
</turbo-stream>