{% 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 %}
                            <table class="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>
                          {% 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>
{% endblock %}