{% extends '@EasyAdmin/page/content.html.twig' %}

{% block page_title %}
    <i class="fa fa-bullhorn me-2"></i> Message groupé aux testeurs
{% endblock %}

{% block main %}
<div class="broadcast-form">
    <div class="card">
        <div class="card-header bg-warning text-dark">
            <strong><i class="fa fa-exclamation-triangle me-1"></i> Annonce à tous les testeurs</strong>
        </div>
        <div class="card-body">
            <div class="alert alert-info">
                <i class="fa fa-info-circle me-1"></i>
                Ce message sera envoyé à <strong>{{ betaUsersCount }}</strong> utilisateur(s) bêta.
                Chaque utilisateur recevra un thread "Annonce" dans son espace feedback.
            </div>

            <form action="{{ ea_url().setController('App\\Controller\\Admin\\FeedbackCrudController').setAction('broadcastSend') }}" method="post">
                <div class="mb-3">
                    <label for="message" class="form-label">Message</label>
                    <textarea name="message" id="message" class="form-control" rows="6"
                              placeholder="Votre message pour tous les testeurs..." required></textarea>
                    <div class="form-text">
                        Conseil : Soyez clair et concis. Les utilisateurs peuvent répondre individuellement à cette annonce.
                    </div>
                </div>

                <div class="d-flex justify-content-between">
                    <a href="{{ ea_url().setController('App\\Controller\\Admin\\FeedbackCrudController').setAction('index') }}" class="btn btn-secondary">
                        <i class="fa fa-arrow-left me-1"></i> Annuler
                    </a>
                    <button type="submit" class="btn btn-warning" onclick="return confirm('Envoyer cette annonce à {{ betaUsersCount }} testeurs ?')">
                        <i class="fa fa-paper-plane me-1"></i> Envoyer à {{ betaUsersCount }} testeur(s)
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
{% endblock %}