<h4 class="mb-xlg">Activity Log</h4>
<div class="timeline timeline-simple mt-xlg mb-md">
    <div class="tm-body">
        {% set currentMonth = '' %}
        {% for action in activityLogs %}
            {% if currentMonth != action.createdAt|date('F Y') %}
                {% set currentMonth = action.createdAt|date('F Y') %}
                <div class="tm-title">
                    <h3 class="h5 text-uppercase">{{ currentMonth }}</h3>
                </div>
            {% endif %}
            <ol class="tm-items">
                <li>
                    <div class="tm-box">
                        <p class="text-muted mb-none">{{ action.createdAt|date('Y-m-d H:i:s') }}</p>
                        <p>
                            Action Type:
                            <span class="text-primary">{{ action.type }}</span><br />
                            Controller:
                            <span class="text-primary">{{ action.controller }}</span><br />
                            Action:
                            <span class="text-primary">{{ action.action }}</span><br />
                            {% if action.request %}
                                Request:
                                <span class="text-primary">{% if action.request %}{{ action.request|nl2br }}{% endif %}</span><br />
                            {% endif %}
                            {% if action.response %}
                                Response:
                                <span class="text-primary">{% if action.response %}{{ action.response|nl2br }}{% endif %}</span><br />
                            {% endif %}
                        </p>
                    </div>
                </li>
            </ol>
        {% endfor %}
        <div style="margin-left: 55px">{{ knp_pagination_render(activityLogs) }}</div>
    </div>
</div>
