        <span class="flex items-center justify-center px-4 h-10 text-blue-600 border border-gray-300 bg-blue-50 hover:bg-blue-100 hover:text-blue-700 dark:border-gray-700 dark:bg-gray-700 dark:text-white">{{ n }}<span class="sr-only"></span></span>
                                </li>
                            {% elif n > tickets.number|add:'-3' and n < tickets.number|add:'3' %}
                                <li>
                                <a class="page-link flex items-center justify-center px-4 