{% extends "base.html" %}

{% block title %}Рассылка приглашений — InviteMe{% endblock %}

{% block content %}
<div class="row justify-content-center">
    <div class="col-lg-8">
        <div class="card">
            <div class="card-body">
                <div class="d-flex justify-content-between align-items-center mb-4">
                    <h4 class="card-title mb-0">Рассылка приглашений</h4>
                    <a href="{{ url_for('main.admin_email_settings') }}" class="btn btn-outline-secondary btn-sm">Настройки почты</a>
                </div>

                {% if event_counts %}
                <form method="POST" action="{{ url_for('main.admin_email_send') }}">
                    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">

                    <div class="mb-4">
                        <label for="event_id" class="form-label">Мероприятие</label>
                        <select class="form-select" id="event_id" name="event_id" required>
                            <option value="">Выберите мероприятие</option>
                            {% for item in event_counts %}
                            <option value="{{ item.event.id }}">
                                {{ item.event.name }} — неотправлено: {{ item.unsent }}
                            </option>
                            {% endfor %}
                        </select>
                    </div>

                    <div class="alert alert-info">
                        Перед рассылкой убедитесь, что в <a href="{{ url_for('main.admin_email_settings') }}">настройках почты</a> указаны корректные SMTP-данные.
                    </div>

                    <button type="submit" class="btn btn-primary" onclick="return confirm('Начать рассылку приглашений?')">
                        Разослать приглашения
                    </button>
                </form>
                {% else %}
                <div class="alert alert-warning">У вас пока нет мероприятий для рассылки.</div>
                {% endif %}
            </div>
        </div>
    </div>
</div>
{% endblock %}