{% extends 'sonata_layout.html.twig' %}

{% block title %}Bulk mail queue{% endblock %}

{% block sonata_admin_content %}
    <div class="box box-primary">
        <div class="box-header with-border">
            <h3 class="box-title">Bulk mail queue</h3>
        </div>
        <div class="box-body">
            <div class="row" style="margin-bottom: 20px;">
                <div class="col-md-3">
                    <div class="info-box bg-yellow">
                        <span class="info-box-icon"><i class="fa fa-clock-o"></i></span>
                        <div class="info-box-content">
                            <span class="info-box-text">Campaigns in progress</span>
                            <span class="info-box-number">{{ summary.campaignsInProgress }}</span>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="info-box bg-aqua">
                        <span class="info-box-icon"><i class="fa fa-hourglass-half"></i></span>
                        <div class="info-box-content">
                            <span class="info-box-text">Pending sends</span>
                            <span class="info-box-number">{{ summary.totalPending }}</span>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="info-box bg-green">
                        <span class="info-box-icon"><i class="fa fa-check"></i></span>
                        <div class="info-box-content">
                            <span class="info-box-text">Completed sends</span>
                            <span class="info-box-number">{{ summary.totalSent }}</span>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="info-box bg-red">
                        <span class="info-box-icon"><i class="fa fa-times"></i></span>
                        <div class="info-box-content">
                            <span class="info-box-text">Failed sends</span>
                            <span class="info-box-number">{{ summary.totalFailed }}</span>
                        </div>
                    </div>
                </div>
            </div>

            {% if messages is empty %}
                <div class="alert alert-info">No mail campaigns found.</div>
            {% else %}
                <table class="table table-bordered table-striped">
                    <thead>
                        <tr>
                            <th>ID</th>
                            <th>Subject</th>
                            <th>Sent to group</th>
                            <th>Date sent</th>
                            <th>Recipients</th>
                            <th>Campaign</th>
                            <th>Pending</th>
                            <th>Sent</th>
                            <th>Failed</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for row in messages %}
                            <tr>
                                <td>{{ row.messageId }}</td>
                                <td>{{ row.subject|default('—') }}</td>
                                <td>{{ row.sentToGroup|default('—') }}</td>
                                <td>{{ row.dateSent ? row.dateSent|date('Y-m-d H:i') : '—' }}</td>
                                <td>{{ row.numRecipients|default('—') }}</td>
                                <td>
                                    {% if row.sendComplete %}
                                        <span class="label label-success">Complete</span>
                                    {% else %}
                                        <span class="label label-warning">In progress</span>
                                    {% endif %}
                                </td>
                                <td><span class="badge bg-yellow">{{ row.pendingCount }}</span></td>
                                <td><span class="badge bg-green">{{ row.sentCount }}</span></td>
                                <td><span class="badge bg-red">{{ row.failedCount }}</span></td>
                                <td>
                                    <a href="{{ path('mail_queue_detail', { messageId: row.messageId }) }}" class="btn btn-sm btn-default">
                                        <i class="fa fa-eye"></i> View
                                    </a>
                                </td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            {% endif %}
        </div>
    </div>
{% endblock %}