{% extends 'base.html' %}
{% block content %}
<section class="py-2" id="Documentos">
    <div class="container px-4 px-lg-5 mt-2">
        <!-- Search Form -->
        <div class="mb-4">
            <form method="GET" action="{% url 'buscar_texto' %}" class="d-flex">
                <input type="text" name="termino" class="form-control me-2" placeholder="Buscar palabras o frases..." value="{{ request.GET.termino|default:'' }}">
                <button type="submit" class="btn btn-primary">
                    <i class="bi bi-search"></i> Buscar
                </button>
            </form>
        </div>
        <!-- Search Results -->
        {% if termino_busqueda %}
            <h3 class="mt-4">Resultados para "{{ termino_busqueda }}"</h3>
            
            {% if resultados %}
                <div class="list-group mt-3">
                    {% for resultado in resultados %}
                    <div class="list-group-item">
                        <h5>{{ resultado.documento.titulo }} - Página {{ resultado.pagina }}</h5>
                        <p>{{ resultado.contexto|safe }}</p>
                        <a href="{% url 'ver_pdf' resultado.documento.id resultado.pagina %}" 
                            class="btn btn-sm btn-primary" target="_blank">
                            Ver página {{ resultado.pagina }}
                        </a>
                    </div>
                    {% endfor %}
                </div>
            {% else %}
                <div class="alert alert-warning mt-3">No se encontraron resultados</div>
            {% endif %}
        {% endif %}
    </div>
</section>


{% endblock %}