127 lines
4.3 KiB
HTML
127 lines
4.3 KiB
HTML
{% 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 %}
|
||
|