templates/query.html

{% extends 'base.html' %}

{% block content %}
<h1>Query</h1>
<form action="/query" method="post">
    <input type="text" name="query" placeholder="Enter your query...">
    <input type="submit" value="Submit">
</form>

{% if result %}
<h2>Query Result</h2>
<div>
    {% for movie in result %}
    <div class="tile-element" onclick="showDetails({{ movie.id }})">
        <img src="https://image.tmdb.org/t/p/w500{{ movie.poster_path }}" alt="{{ movie.title }}">
        <h4>{{ movie.title }}</h4>
    </div>
    {% endfor %}
</div>
{% elif result is defined %}
<p>No results found.</p>
{% endif %}
{% endblock %}