{% extends "base.html" %}
{% load static wagtailcore_tags %}

{% block body_class %}template-searchresults{% endblock %}

{% block title %}Search{% endblock %}

{% block content %}
<div class="container mt-4">
    <h1>Search</h1>
    
    <form action="{% url 'search' %}" method="get" class="mb-4">
        <div class="input-group">
            <input type="text" class="form-control" name="query" value="{{ search_query }}" placeholder="Search...">
            <button class="btn btn-primary" type="submit">Search</button>
        </div>
    </form>

    {% if search_query %}
        <div class="row">
            <div class="col-md-6">
                <h2>Default Search Results</h2>
                {% if default_results %}
                    <ul class="list-unstyled">
                    {% for result in default_results %}
                        <li class="mb-3">
                            <h3 class="h4"><a href="{% pageurl result %}">{{ result }}</a></h3 class="h4">
                            {% if result.search_description %}
                                <p>{{ result.search_description }}</p>
                            {% endif %}
                        </li>
                    {% endfor %}
                    </ul>
                    {% include "search/pagination.html" with results=default_results %}
                {% else %}
                    <p>No results found</p>
                {% endif %}
            </div>
            <div class="col-md-6">
                <h2>Vector Search Results</h2>
                {% if vector_results %}
                    <ul class="list-unstyled">
                    {% for result in vector_results %}
                        <li class="mb-3">
                            <h3 class="h4"><a href="{% pageurl result %}">{{ result }}</a></h3 class="h4">
                            {% if result.search_description %}
                                <p>{{ result.search_description }}</p>
                            {% endif %}
                        </li>
                    {% endfor %}
                    </ul>
                    {% include "search/pagination.html" with results=vector_results %}
                {% else %}
                    <p>No results found</p>
                {% endif %}
            </div>
        </div>
    {% endif %}
</div>
{% endblock %}