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

{% block title %}{% trans "Бесплатный конструктор Telegram ботов" %}{% endblock title %}

{% block styles %}
{{ block.super }}
<link rel="stylesheet" href="{% static 'home/css/main.css' %}">
{% endblock styles %}

{% block main %}
<div class="container d-flex flex-column align-items-center text-center my-3 my-lg-4">
	{% with updates.first as last_update %}
		{% if last_update %}
			<div class="d-flex align-items-center mb-2">
				<span class="text-secondary me-2">{% trans "Новое обновление:" %}</span>
				<a class="btn btn-new-update rounded-3 fw-semibold px-2 py-1" href="{% url 'update' last_update.id %}">{{ last_update.version }}</a>
			</div>
		{% endif %}
	{% endwith %}
	<div class="about-site">
		<h1 class="fw-semibold">Constructor Telegram Bots</h1>
		<p class="lead mb-0">{% trans "Сайт, с помощью которого вы можете легко, бесплатно и без каких-либо знаний в программирование, сделать своего многофункционального Telegram бота." %}</p>
	</div>
	<div class="information-about-site my-3 my-lg-4">
		<h3>{% trans "Информация о сайте" %}</h3>
		{% trans "Количество пользователей" as info_area_text %}
		{% include 'widgets/info_area.html' with class="mb-1" value=users.count text=info_area_text %}
		{% trans "Количество добавленных Telegram ботов" as info_area_text %}
		{% include 'widgets/info_area.html' with value=telegram_bots.count text=info_area_text %}
	</div>
	<div class="donations">
		<h3>{% trans "Список пожертвований" %}</h3>
		<table class="table table-sm align-middle">
			<thead>
				<tr>
					<th class="sum" scope="col">{% trans "Сумма" %}</th>
					<th scope="col">Telegram</th>
					<th class="date" scope="col">{% trans "Дата" %}</th>
				</tr>
			</thead>
			<tbody>
				{% if donations %}
					{% for donation in donations %}
						<tr>
							<td>{{ donation.sum }}€</td>
							<td><a class="link-dark link-underline-opacity-0" href="{{ donation.telegram_url }}" target="_blank">{{ donation.telegram_url }}</a></td>
							<td>{{ donation.date }}</td>
						</tr>
					{% endfor %}
				{% else %}
					<tr>
						<td colspan="3">{% trans "Ещё не было сделано пожертвований" %}</td>
					</tr>
				{% endif %}
			</tbody>
		</table>
		<a class="btn btn-support-site fw-semibold" href="{% url 'donation' %}">{% trans "Поддержать сайт" %}</a>
	</div>
</div>
{% endblock main %}