{% extends 'base.html' %}

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

{% block content %}
<div class="gov-card">
    <div class="gov-card-header">
        <h2>Потвърдени Доклади за Измами</h2>
        <div style="display: flex; gap: 1rem; flex-wrap: wrap;">
            <a href="{% url 'reports:create' %}" class="btn btn-primary" data-tooltip="Докладвайте нова измама или мошеничество">Докладване на Измама</a>
            <a href="{% url 'reports:search' %}" class="btn btn-secondary" data-tooltip="Търсене в базата данни с доклади">Търсене</a>
        </div>
    </div>
    <div class="gov-card-body">

        {% if reports %}
        <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>
                    <div style="display: flex; gap: 0.5rem; flex-wrap: wrap;">
                        <span class="badge badge-{{ report.scam_type }}">{{ report.get_scam_type_display }}</span>
                        {% if report.is_auto_discovered %}
                        <span class="badge" style="background: linear-gradient(135deg, #17a2b8 0%, #138496 100%); color: white;" title="Автоматично открит от OSINT системата">🤖 OSINT</span>
                        {% endif %}
                    </div>
                </div>
                <div class="report-meta">
                    <span class="date">{{ report.created_at|date:"d F Y" }}</span>
                    <span class="reporter">от {{ report.get_reporter_display }}</span>
                    {% if report.verification_score %}
                    <span class="verification-score">Проверка: {{ report.verification_score }}%</span>
                    {% endif %}
                </div>
                <p class="report-description">{{ report.description|truncatewords:50 }}</p>
                {% if report.tags.all %}
                <div class="report-tags">
                    {% for tag in report.tags.all %}
                    <span class="tag" style="background-color: {{ tag.color }}">{{ tag.name }}</span>
                    {% endfor %}
                </div>
                {% endif %}
                <div class="report-entities">
                    {% if report.reported_url %}
                    <span class="entity">URL: <a href="{{ report.reported_url }}" target="_blank" rel="noopener">{{ report.reported_url|truncatechars:50 }}</a></span>
                    {% endif %}
                    {% if report.reported_email %}
                    <span class="entity">Имейл: {{ report.reported_email }}</span>
                    {% endif %}
                    {% if report.reported_phone %}
                    <span class="entity">Телефон: {{ report.reported_phone }}</span>
                    {% endif %}
                </div>
            </div>
            {% endfor %}
        </div>

        <div class="pagination">
            {% if page_obj.has_previous %}
                <a href="?page=1" class="btn btn-secondary">Първа</a>
                <a href="?page={{ page_obj.previous_page_number }}" class="btn btn-secondary">Предишна</a>
            {% endif %}
            <span class="page-info">Страница {{ page_obj.number }} от {{ page_obj.paginator.num_pages }}</span>
            {% if page_obj.has_next %}
                <a href="?page={{ page_obj.next_page_number }}" class="btn btn-secondary">Следваща</a>
                <a href="?page={{ page_obj.paginator.num_pages }}" class="btn btn-secondary">Последна</a>
            {% endif %}
        </div>
        {% else %}
        <div class="empty-state">
            <p>Все още няма потвърдени доклади. Бъдете първият, който <a href="{% url 'reports:create' %}">докладва измама</a>!</p>
        </div>
        {% endif %}
    </div>
</div>
{% endblock %}