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

{% block title %}Mail campaign #{{ message.messageId }}{% endblock %}

{% block sonata_admin_content %}
    <div class="box box-primary">
        <div class="box-header with-border">
            <h3 class="box-title">Campaign #{{ message.messageId }}</h3>
            <div class="box-tools pull-right">
                <a href="{{ path('mail_queue_list') }}" class="btn btn-sm btn-default">
                    <i class="fa fa-arrow-left"></i> Back to queue
                </a>
            </div>
        </div>
        <div class="box-body">
            <table class="table table-bordered">
                <tr>
                    <th>Subject</th>
                    <td>{{ message.subject|default('—') }}</td>
                </tr>
                <tr>
                    <th>Sent to group</th>
                    <td>{{ message.sentToGroup|default('—') }}</td>
                </tr>
                <tr>
                    <th>From</th>
                    <td>{{ message.messageFrom|default('—') }}</td>
                </tr>
                <tr>
                    <th>Date sent</th>
                    <td>{{ message.dateSent ? message.dateSent|date('Y-m-d H:i:s') : '—' }}</td>
                </tr>
                <tr>
                    <th>Num recipients (queued)</th>
                    <td>{{ message.numRecipients|default('—') }}</td>
                </tr>
                <tr>
                    <th>Campaign status</th>
                    <td>
                        {% if message.sendComplete %}
                            <span class="label label-success">Complete</span>
                            {% if message.dateComplete %}
                                ({{ message.dateComplete|date('Y-m-d H:i:s') }})
                            {% endif %}
                        {% else %}
                            <span class="label label-warning">In progress</span>
                        {% endif %}
                    </td>
                </tr>
            </table>

            <h4>Message body</h4>
            {% if messageBodySrcdoc is empty %}
                <div class="text-muted">—</div>
            {% else %}
                <iframe
                    title="Message body"
                    style="width: 100%; height: 380px; border: 1px solid #ddd; border-radius: 4px; background: #fff;"
                    sandbox=""
                    srcdoc="{{ messageBodySrcdoc|e('html_attr') }}"
                ></iframe>
            {% endif %}

            <h4>Recipients</h4>
            <div class="navigation">
                {{ knp_pagination_render(toSendPage) }}
            </div>
            <table class="table table-bordered table-striped">
                <thead>
                    <tr>
                        <th>ToSend ID</th>
                        <th>Recipient</th>
                        <th>Status</th>
                    </tr>
                </thead>
                <tbody>
                    {% for row in toSendPage %}
                        {% set sent = row.sent|default(0) %}
                        <tr>
                            <td>{{ row.toSendId }}</td>
                            <td>{{ row.sendTo|default('—') }}</td>
                            <td>
                                <span class="label label-{{ mail_queue_status_class(sent) }}">
                                    {{ mail_queue_status_label(sent) }}
                                </span>
                            </td>
                        </tr>
                    {% else %}
                        <tr>
                            <td colspan="3" class="text-muted">No recipient rows for this campaign.</td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
            <div class="navigation">
                {{ knp_pagination_render(toSendPage) }}
            </div>
        </div>
    </div>
{% endblock %}