{% extends 'base.html' %}

{% block title %}Търсене на Доклади - Официален Портал{% endblock %}

{% block content %}
<div class="gov-card">
    <div class="gov-card-header">
        <h2>Търсене на Доклади за Измами</h2>
    </div>
    <div class="gov-card-body">
        <form method="get" class="search-form" style="margin-bottom: 2rem;">
            <div class="form-row">
                <div class="form-group">
                    <input type="text" name="q" class="form-control" placeholder="Търсене по заглавие, описание, URL или имейл..." value="{{ request.GET.q }}">
                </div>
                <div class="form-group">
                    <select name="type" class="form-control">
                        <option value="">Всички Видове</option>
                        {% for value, label in scam_type_choices %}
                            <option value="{{ value }}" {% if request.GET.type == value %}selected{% endif %}>{{ label }}</option>
                        {% endfor %}
                    </select>
                </div>
                <button type="submit" class="btn btn-primary">Търсене</button>
            </div>
        </form>

        {% if reports %}
        <div class="search-results">
            <p class="results-count" style="font-weight: 600; color: var(--gov-primary); margin-bottom: 1.5rem;">Намерени {{ reports.count }} резултат(а)</p>
            <div class="reports-list">
                {% for report in reports %}
                <div class="report-card">
                    <div class="report-header">
                        <h3><a href="{% url 'reports:detail' report.pk %}">{{ report.title }}</a></h3>
                        <span class="badge badge-{{ report.scam_type }}">{{ report.get_scam_type_display }}</span>
                    </div>
                    <div class="report-meta">
                        <span class="date">{{ report.created_at|date:"d F Y" }}</span>
                    </div>
                    <p class="report-description">{{ report.description|truncatewords:30 }}</p>
                </div>
                {% endfor %}
            </div>
        </div>
        {% elif request.GET.q %}
        <div class="empty-state">
            <p>Не са намерени резултати за "{{ request.GET.q }}". Опитайте с различни термини за търсене.</p>
        </div>
        {% endif %}
    </div>
</div>
{% endblock %}