Почему не работает поиск?

Почему-то не работает поиск. При запросе ничего на странице не появляется

views.py

def homepage(request):
    books = Book.objects.all()
    authors = Author.objects.all()
    genre = Genre.objects.all()

    search_query = request.GET.get('search', '')
    if search_query:
        search_result = Book.objects.filter(genre__title__icontains=search_query.capitalize())
    else:
        search_result = None

    context = {
        'books': books,
        'authors': authors,
        'genre': genre,
        'search_result': search_result,
    }
    return render(request, 'main/homepage.html', context=context)

{% for item in search_result %}
        <div class="col-4">
            <div class="card">
                <img class="card-img" height="280" width="415" src="{{ item.photo.url }}" alt="">
                <div class="card-body">
                    <div class="card-title">{{ item.title }}</div>
                    <div class="card-text">
                        <h6><a class="col-6 text-decoration-none" href="#">{{ item.genre }}</a></h6>
                        <h6><a class="text-decoration-none col-6" href="#">{{ item.author }}</a></h6>
                        <a href="{{ item.get_absolute_url }}">Книга</a>
                    </div>
                </div>
            </div>
        </div>
        {% endfor %}
    <div class="row mt-3">
        {% for item in books %}
        <div class="col-4">
            <div class="card">
                <img class="card-img" height="280" width="415" src="{{ item.photo.url }}" alt="">
                <div class="card-body">
                    <div class="card-title">{{ item.title }}</div>
                    <div class="card-text">
                        <h6><a class="col-6 text-decoration-none" href="#">{{ item.genre }}</a></h6>
                        <h6><a class="text-decoration-none col-6" href="#">{{ item.author }}</a></h6>
                        <a href="{{ item.get_absolute_url }}">Книга</a>
                    </div>
                </div>
            </div>
        </div>
        {% endfor %}