<div class="panel">
    <div class="panel-body">
        <div class="timeline">

            <!-- Timeline header -->
            <div class="timeline-header">
                <div class="timeline-header-title bg-info">Сейчас</div>
            </div>

            {% for date,items in history %}

                <div class="timeline-entry">
                <div class="timeline-stat">
                    <div class="timeline-icon">{% if items|first.icon > '' %}
                            <span class="timeline-icon bg-info icon-lg">
                            <i class="{{ items|first.icon}}"></i>
                            </span>{% endif %}</div>
                    <div class="timeline-time">{{ date }}</div>
                </div>

                {% for item in items %}

                    <div class="timeline-label" style="margin-bottom: 20px">
                        <p class="text-bold"><span class="text-bold">{{ item.caption }}</span></p>
                        {{ item.user_agent }}<br/>
                        {{ item.url }}<br/>
                        {{ item.method }}
                    </div>


            {%endfor %}

                </div>

            {%endfor %}

        </div>
    </div>
</div>