{% extends "django_sql_debug/base.html" %}
{% load i18n l10n %}{% load static from staticfiles %}{% load url from future %}

{% block content %}
<div id="SQLPanel" class="panelContent">
  <div class="djDebugPanelTitle">
    <h3>{{ title|safe }}</h3>
  </div>
  <div class="djDebugPanelContent">
    <ul class="stats">
      {% for alias, info in databases %}
        <li>
          <strong class="label"><span style="background-color: rgb({{ info.rgb_color|join:", " }})" class="color">&#160;</span> {{ alias }}</strong>
          <span class="info">{{ info.time_spent|floatformat:"2" }} ms ({% blocktrans count info.num_queries as num %}{{ num }} query{% plural %}{{ num }} queries{% endblocktrans %})</span>
        </li>
      {% endfor %}
    </ul>

    {% if queries %}
      <table>
        <thead>
          <tr>
            <th class="color">&#160;</th>
            <th class="query" colspan="2">{% trans "Query" %}</th>
            <th class="timeline">{% trans "Timeline" %}</th>
            <th class="time">{% trans "Time (ms)" %}</th>
          </tr>
        </thead>
        <tbody>
          {% for query in queries %}
            <tr class="djDebugHoverable {% cycle 'djDebugOdd' 'djDebugEven' %}{% if query.is_slow %} djDebugRowWarning{% endif %}{% if query.starts_trans %} djDebugStartTransaction{% endif %}{% if query.ends_trans %} djDebugEndTransaction{% endif %}{% if query.in_trans %} djDebugInTransaction{% endif %}" id="sqlMain_{{ forloop.counter }}">
              <td class="color"><span style="background-color: rgb({{ query.rgb_color|join:", " }});">&#160;</span></td>
              <td class="toggle">
                <a class="djToggleSwitch" data-toggle-name="sqlMain" data-toggle-id="{{ forloop.counter }}" data-toggle-open="+" data-toggle-close="-" href="javascript:void(0)">+</a>
              </td>
              <td class="query">
                <div class="djDebugSqlWrap">
                  <div class="djDebugSql">{{ query.sql|safe }}</div>
                </div>
              </td>
              <td class="timeline">
                <div class="djDebugTimeline"><div class="djDebugLineChart{% if query.is_slow %} djDebugLineChartWarning{% endif %}" style="left:{{ query.start_offset|unlocalize }}%;"><strong style="width:{{ query.width_ratio_relative|unlocalize }}%; background-color:{{ query.trace_color }};">{{ query.width_ratio }}%</strong></div></div>
              </td>
              <td class="time">
                {{ query.duration|floatformat:"2" }}
              </td>
            </tr>
            {% if query.params %}
              {% if query.is_select %}
                <!-- SQL SELECT -->
                <tr class="djUnselected djToggleDetails_{{ forloop.counter }}">
                  <td colspan="5">
                    <div class="djSQLDetailsDiv">
                      <div class="djDebugSubPanelTitle">
                        {% trans "SQL selected" %}
                      </div>
                      <hr>
                      <div class="djDebugSubPanelContent">
                        <dl>
                          <dt>{% trans "Executed SQL" %}</dt>
                          <dd>{{ query.sql_select.sql|safe }}</dd>
                          <dt>{% trans "Time" %}</dt>
                          <dd>{{ query.sql_select.duration }} ms</dd>
                          <dt>{% trans "Database" %}</dt>
                          <dd>{{ query.sql_select.alias }}</dd>
                        </dl>
                        {% if query.sql_select.result %}
                          <div class="table-responsive">
                            <table class="table djSqlSelect">
                              <thead>
                                <tr>
                                  {% for h in query.sql_select.headers %}
                                    <th>{{ h|upper }}</th>
                                  {% endfor %}
                                </tr>
                              </thead>
                              <tbody>
                                {% for row in query.sql_select.result %}
                                  <tr class="{% cycle 'djDebugOdd' 'djDebugEven' %}">
                                    {% for column in row %}
                                      <td>{{ column|escape }}</td>
                                    {% endfor %}
                                  </tr>
                                {% endfor %}
                              </tbody>
                            </table>
                          </div>
                        {% else %}
                          <p>{% trans "Empty set" %}</p>
                        {% endif %}
                      </div>
                    </div>
                  </td>
                </tr>
                <!-- SQL EXPLAIN -->
                <tr class="djUnselected djToggleDetails_{{ forloop.counter }}">
                  <td colspan="5">
                    <div class="djSQLDetailsDiv">
                      <div class="djDebugSubPanelTitle">
                        {% trans "SQL explained" %}
                      </div>
                      <hr>
                      <div class="djDebugSubPanelContent">
                        <dl>
                        <dt>{% trans "Executed SQL" %}</dt>
                        <dd>{{ query.sql_explain.sql|safe }}</dd>
                        <dt>{% trans "Time" %}</dt>
                        <dd>{{ query.sql_explain.duration }} ms</dd>
                        <dt>{% trans "Database" %}</dt>
                        <dd>{{ query.sql_explain.alias }}</dd>
                      </dl>
                      <table class="djSqlExplain">
                        <thead>
                          <tr>
                            {% for h in query.sql_explain.headers %}
                              <th>{{ h|upper }}</th>
                            {% endfor %}
                          </tr>
                        </thead>
                        <tbody>
                          {% for row in query.sql_explain.result %}
                            <tr class="{% cycle 'djDebugOdd' 'djDebugEven' %}">
                              {% for column in row %}
                                <td>{{ column|escape }}</td>
                              {% endfor %}
                            </tr>
                          {% endfor %}
                        </tbody>
                      </table>
                      </div>
                    </div>
                  </td>
                </tr>
                {% if query.vendor == 'mysql' %}

                {% endif %}
              {% endif %}
            {% endif %}
            <!-- STACKTRACE -->
            <tr class="djUnselected {% if query.is_slow %} djDebugRowWarning{% endif %} djToggleDetails_{{ forloop.counter }}">
              <td colspan="5">
                <div class="djSQLDetailsDiv">
                  <div class="djDebugSubPanelTitle">
                    {% trans "Stacktrace" %}
                  </div>
                  <hr>
                  <div class="djDebugSubPanelContent">
                    <p><strong>{% trans "Connection:" %}</strong> {{ query.alias }}</p>
                    {% if query.iso_level %}
                      <p><strong>{% trans "Isolation level:" %}</strong> {{ query.iso_level }}</p>
                    {% endif %}
                    {% if query.trans_status %}
                      <p><strong>{% trans "Transaction status:" %}</strong> {{ query.trans_status }}</p>
                    {% endif %}
                    {% if query.stacktrace %}
                      <pre class="stack">{{ query.stacktrace }}</pre>
                    {% endif %}
                    {% if query.template_info %}
                      <table>
                        {% for line in query.template_info.context %}
                        <tr>
                          <td>{{ line.num }}</td>
                          <td><code style="font-family: monospace;{% if line.highlight %}background-color: lightgrey{% endif %}">{{ line.content }}</code></td>
                        </tr>
                        {% endfor %}
                      </table>
                      <p><strong>{{ query.template_info.name|default:_("(unknown)") }}</strong></p>
                    {% endif %}
                  </div>
                </div>
              </td>
            </tr>
          {% endfor %}
        </tbody>
      </table>
    {% else %}
      <p>{% trans "No SQL queries were recorded during this request." %}</p>
    {% endif %}
  </div>
</div>
<div id="RequestPanel" class="panelContent">
  <div class="djDebugPanelTitle">
    <h3>{{ settings_title|safe }}</h3>
  </div>
  <div class="djDebugPanelContent">
    {% include "django_sql_debug/settings.html" with settings=settings %}
  </div>
</div>
{% endblock %}