Не работает ссылка url в django проекте, переход должен отображаться category/1

Пытаю сделать так что бы переходя по ссылке, у меня открывались отдельные категории новостей. но ссылка не работает, urls:

```from django.urls import path
from .views import *

urlpatterns = [
    path('', index, name='home'),
    path('category/<int:category_id>/', get_category),
] ```

views :
``` 
from http.client import HTTPResponse
from django.shortcuts import render
from django.http import HttpResponse
from .models import News, Category


def index(request):
    news = News.objects.all() # получение всех данных из базы
    categories = Category.objects.all()
    context = {
        'news' : news,
        'title': 'Список новостей!',
        'categories' : categories,
        }
    
    return render(request, template_name='news/index.html', context=context) # отправка данных в шаблон


def get_category(request, category_id):
    news = News.objects.filter(category_id=category_id)
    categories = Category.objects.all()
    category = Category.objects.get(pk=category_id)
    
    return render(request, 'news/category.html', {'news': news, 'categories': categories, 'category': category}) # отправка данных в шаблон
```

templates:

```
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{{ title }}</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
  </head>
  <body>
    <nav class="navbar navbar-expand-lg bg-light">
        <div class="container-fluid">
          <a class="navbar-brand" href="/">Navbar</a>
          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
          </button>
          <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                </li class="nav-item"><a class="nav-link" href="/">Главная</a></li>
            </li class="nav-item"><a class="nav-link" href="/">Добавить новость</a></li>
            </ul>
          </div>
        </div>
      </nav>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa" crossorigin="anonymous"></script>
  </body> 
<div class="container mt-3">
    <h1>{{ title }}</h1>
    <div class="row">
        <div class="col-md-4">
            <div class="list-group">
                {% for item in categories %}
                    <a href="/category/{{ item.pk }}/" class="list-group-item list-group-item-action">{{ item.title }}</a>
                {% endfor %}
            </div>
        </div>
        <div class='col-md-8'>
            {% for item in news %}
                <div class="card mb-3">
                    <div class="card-header">
                      Категория: {{ item.category }}
                    </div>
                    <div class="card-body">
                        <div class='media'>
                            {% if item.photo %}
                                <img src="{{ item.photo.url }}" alt="" width="250" class="mr-3">
                            {% else %}
                                <img src="https://picsum.photos/id/1060/250/300" alt="" class="mr-3">
                            {% endif %}
                            <div class="media-body">
                                <h5 class="card-title">{{ item.title }}</h5>
                                <p class="card-text">{{ item.content|safe|linebreaks|truncatewords:50 }}</p>
                                <a href="#" class="btn btn-primary">Read more...</a>
                            </div>
                        </div>
                    </div>
                    <div class="card-footer text-muted">
                        {{ item.created_at|timesince }}
                    </div>
                </div>
            {% endfor %}
        </div>
    </div>
</div>
</html>
              
```
Вернуться на верх