{% load i18n %}
{% load static %}

{#<h4>{% trans 'Queries' %}</h4>#}
{% if records %}
    <dl>
    {% for record in records %}
        <dt>
        {{ record.method }} {{record.status_code}} {{record.path}}  QueryHash-> {{record.hash}}
        </dt>
        <dd>time: {{record.duration}} ms</dd>
        <dd>full_url: {{record.full_url}}</dd>
        <dd>
            <div class="djTemplateShowContextDiv">
                <a class="elasticShowTemplate">
                    <span class="toggleArrow">▶</span> Show Json Body
                </a>
                <a class="selectText" style="display: none;"> -&gt; (Select All Json for ctrl + c)</a>
            </div>
            <div class="djTemplateHideContextDiv" style="display: none;">
                <code class="json_code" contenteditable="true" >{{record.body}}</code>
            </div>
        </dd>
        <dd>
            <div class="djTemplateShowContextDiv">
                <a class="elasticShowTemplate">
                    <span class="toggleArrow">▶</span> Show Json Response
                </a>
                <a class="selectText" style="display: none;"> -&gt; (Select All Json for ctrl + c)</a>
            </div>
            <div class="djTemplateHideContextDiv" style="display: none;">
                <code class="json_code" contenteditable="true" >{{record.response}}</code>
            </div>
        </dd>
        <dd>
            <div class="djTemplateShowContextDiv">
                <a class="elasticShowTemplate">
                    <span class="toggleArrow">▶</span> Show Traceback
                </a>
                <a class="selectText" style="display: none;"> -&gt; (Select All Json for ctrl + c)</a>
            </div>
            <div class="djTemplateHideContextDiv" style="display: none;">
                <code class="json_code" contenteditable="true" >{{record.traceback}}</code>
            </div>
        </dd>
        </dt>
    {% endfor %}
    </dl>
{% else %}
    {% if debug %}
        <p>No Elastic queries were recorded during this request.</p>
    {% else %}
        <p style="padding: 10px 15px;">
            <code style="display: inline;">DEBUG</code> is set to <code style="display: inline;">False</code>. This means
            that Elastic query logging is disabled.
        </p>
    {% endif %}
{% endif %}