{% extends 'base.html' %}
{% load static %}

{% block title %}Начало - Портал за Докладване на Измами{% endblock %}

{% block schema_type %}WebSite{% endblock %}

{% block extra_head %}
<!-- Website Structured Data with SearchAction -->
<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "WebSite",
    "name": "{{ seo.site_name }}",
    "url": "{{ seo.site_url }}",
    "description": "{{ seo.site_description }}",
    "inLanguage": "bg",
    "potentialAction": {
        "@type": "SearchAction",
        "target": {
            "@type": "EntryPoint",
            "urlTemplate": "{{ seo.site_url }}/search/?q={search_term_string}"
        },
        "query-input": "required name=search_term_string"
    }
}
</script>

<!-- BreadcrumbList Structured Data -->
<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [{
        "@type": "ListItem",
        "position": 1,
        "name": "Начало",
        "item": "{{ seo.site_url }}"
    }]
}
</script>
{% endblock %}

{% block content %}
<div class="home-hero">
    <div class="home-hero-content">
        <div class="home-hero-text">
            <h1>Добре дошли в Портала за Докладване на Измами</h1>
            <p class="lead">Докладвайте измами, за да помогнете на другите граждани в българското интернет пространство.</p>
            <div class="home-hero-actions">
                <a href="{% url 'reports:create' %}" class="btn btn-primary">Докладване на Измама</a>
                <a href="{% url 'reports:list' %}" class="btn btn-secondary">Преглед на Докладите</a>
            </div>
        </div>
        <div class="home-hero-image">
            <img src="{% static 'images/home.jpg' %}" alt="Официален Портал за Докладване на Измами" />
        </div>
    </div>
</div>

<div class="gov-card">
    <div class="gov-card-header">
        <h2>Статистика на Платформата</h2>
    </div>
    <div class="stats-grid">
        <div class="stat-card">
            <h3>{{ total_reports|default:0 }}</h3>
            <p>Потвърдени Доклади</p>
        </div>
    </div>
</div>

{% if recent_reports %}
<div class="gov-card">
    <div class="gov-card-header">
        <h2>Последни Доклади</h2>
    </div>
    <div class="reports-list">
        {% for report in recent_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>{{ report.created_at|date:"d M Y" }}</span>
                <span>от {{ report.get_reporter_display }}</span>
            </div>
        </div>
        {% endfor %}
    </div>
</div>
{% endif %}

{% if scam_types %}
<div class="gov-card">
    <div class="gov-card-header">
        <h2>Разпределение по Видове Измами</h2>
    </div>
    <div class="gov-card-body">
        <div class="scam-types-grid">
            {% for type in scam_types %}
            <div class="scam-type-card">
                <div class="scam-type-header">
                    <span class="badge badge-{{ type.scam_type }}" style="font-size: 0.9rem; padding: 0.5rem 1rem;">
                        {{ type.display_name }}
                    </span>
                    <div class="scam-type-count">
                        <span class="count-number">{{ type.count }}</span>
                        <span class="count-label">доклад{{ type.count|pluralize:"а,а" }}</span>
                    </div>
                </div>
                <div class="scam-type-bar">
                    <div class="scam-type-bar-fill" style="width: {{ type.percentage }}%"></div>
                </div>
                <div class="scam-type-percentage">
                    {{ type.percentage }}% от общия брой
                </div>
            </div>
            {% endfor %}
        </div>
    </div>
</div>
{% endif %}
{% endblock %}