{% if connection %}
    <h4><i class="fa fa-fw fa-plug" aria-hidden="true"></i> {{ 'log.connection.head'|trans({'uuid': uuid}) }}</h4>

    <table class="table-condensed" id="connection-protocol">
        <tbody>
        {% for row in connection %}
            {% set dateymd = row.datetime|date('Y-m-d') %}
            <tr class="{% if row.level == "DEBUG" %}debug{% endif %}">
                <td class="date"><span class="date">{{ dateymd }}</span> <span class="time">{{ row.datetime|date('H:i:s') }}</span></td>
                <td class="direction">
                    {% if row.message starts with "C: " %}
                        <i class="fa fa-long-arrow-left"></i>
                    {% else %}
                        {% if row.message starts with "S: " %}
                            <i class="fa fa-long-arrow-right"></i>
                        {% endif %}
                    {% endif %}
                </td>
                <td>
                    {% if row.message starts with "C: " %}
                        <strong>{{ row.message|slice(3, -8) }}</strong>
                    {% else %}
                        {% if row.message starts with "S: " %}
                            {% if row.message starts with "S: 250 Queued" %}
                                <i class="fa fa-check-circle" style="color: green;"></i>
                            {% elseif row.message starts with "S: 250 Quarantined" %}
                                <i class="fa fa-bug" style="color: orange;"></i>
                            {% elseif row.message starts with "S: 250 Discarded" %}
                                <i class="fa fa-ban" style="color: #333333;"></i>
                            {% elseif row.message starts with "S: 4" or row.message starts with "S: 5" %}
                                <i class="fa fa-exclamation-triangle" style="color: red"></i>
                            {% endif %}
                            {{ row.message|slice(3) }}
                        {% elseif txid is not empty %}
                            <span style="color: gray;">[{{ row.origin }}] [{{ row.level }}] - {{ row.message|e|txlink(txid, dateymd) }}</span>
                        {% else %}
                            <span style="color: gray;">[{{ row.origin }}] [{{ row.level }}] - {{ row.message }}</span>
                        {% endif %}
                    {% endif %}
                </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>

    <br />
{% endif %}

{% if log and log.rows %}
    <h4><i class="fa fa-fw fa-envelope"></i> {{ 'log.transaction.head'|trans({'txid': txid}) }}</h4>

    <table class="table-condensed" id="transaction-protocol">
        <tbody>
        {% for row in log.rows %}
            <tr class="{% if row.level == "DEBUG" or "unrecognized_command" in row.message %}debug{% endif %}">
                <td class="date"><span class="date">{{ row.datetime|date('Y-m-d') }}</span> <span class="time">{{ row.datetime|date('H:i:s') }}</span></td>
                <td class="direction">
                    {% if row.message starts with "C: " %}
                        <i class="fa fa-long-arrow-left"></i>
                    {% else %}
                        {% if row.message starts with "S: " %}
                            <i class="fa fa-long-arrow-right"></i>
                        {% endif %}
                    {% endif %}
                </td>
                <td>
                    {% if row.message starts with "C: " %}
                        <strong>{{ row.message|slice(3)|replace({' state=1': ''}) }}</strong>
                    {% else %}
                        {% if row.message starts with "S: " %}
                            {% if row.message starts with "S: 250 Queued" %}
                                <i class="fa fa-check-circle" style="color: green;"></i>
                            {% elseif row.message starts with "S: 250 Quarantined" %}
                                <i class="fa fa-bug" style="color: orange;"></i>
                            {% elseif row.message starts with "S: 250 Discarded" %}
                                <i class="fa fa-ban" style="color: #333333;"></i>
                            {% elseif row.message starts with "S: 4" or row.message starts with "S: 5" %}
                                <i class="fa fa-exclamation-triangle" style="color: red"></i>
                            {% endif %}
                            {{ row.message|slice(3) }}
                        {% else %}
                            <span style="color: gray;">[{{ row.origin }}] [{{ row.level }}] - {{ row.message }}</span>
                        {% endif %}
                    {% endif %}
                </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>

    <br />
{% endif %}

<div id="delivery-protocol">
    {% if deliveries|length %}
        <h4><i class="fa fa-fw fa-paper-plane"></i> {{ 'log.delivery.head'|trans }}</h4>
    {% endif %}

    {% for num, delivery in deliveries %}
        <table class="table-condensed">
            <tbody>
            {% for row in delivery %}
                {% set dateymd = row.datetime|date('Y-m-d') %}
                <tr class="{% if row.level == "DEBUG" %}debug{% endif %}">
                    <td class="date"><span class="date">{{ dateymd }}</span> <span class="time">{{ row.datetime|date('H:i:s') }}</span></td>
                    <td class="direction">
                        {% if row.message starts with "C: " %}
                            <i class="fa fa-long-arrow-left"></i>
                        {% else %}
                            {% if row.message starts with "S: " %}
                                <i class="fa fa-long-arrow-right"></i>
                            {% endif %}
                        {% endif %}
                    </td>
                    <td>
                        {% if row.message starts with "C: " %}
                            <strong>{{ row.message|slice(3) }}</strong>
                        {% else %}
                            {% if row.message starts with "S: " %}
                                {% if row.message starts with "S: 250 Queued" %}
                                    <i class="fa fa-check-circle" style="color: green;"></i>
                                {% elseif row.message starts with "S: 250 Quarantined" %}
                                    <i class="fa fa-bug" style="color: orange;"></i>
                                {% elseif row.message starts with "S: 250 Discarded" %}
                                    <i class="fa fa-ban" style="color: #333333;"></i>
                                {% elseif row.message starts with "S: 4" or row.message starts with "S: 5" %}
                                    <i class="fa fa-exclamation-triangle" style="color: red"></i>
                                {% endif %}
                                {{ row.message|slice(3) }}
                            {% else %}
                                <span style="color: gray;">[{{ row.origin }}] [{{ row.level }}] - {{ row.message|e|txlink(null, dateymd) }}</span>
                            {% endif %}
                        {% endif %}
                    </td>
                </tr>
            {% endfor %}

            </tbody>
        </table>
    {% endfor %}

</div>