{% load i18n %}{% load static from staticfiles %}{% load url from future %}
<style type="text/css">
@media print { #djDebug {display:none;}}
</style>
<link rel="stylesheet" href="{% static 'debug_toolbar/css/toolbar.css' %}" type="text/css" />
<script>//<![CDATA[
if(!window.jQuery) document.write('<scr'+'ipt src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></scr'+'ipt>');
//]]></script>
<script src="{% static 'debug_toolbar/js/toolbar.js' %}"></script>
<div id="djDebug" style="display:none;" dir="ltr"
     data-store-id="{{ toolbar.store_id }}" data-render-panel-url="{% url 'djdt:render_panel' %}"
     {{ toolbar.config.ROOT_TAG_EXTRA_ATTRS|safe }}>
	<div style="display:none;" id="djDebugToolbar">
		<ul id="djDebugPanelList">
			{% if toolbar.panels %}
			<li><a id="djHideToolBarButton" href="#" title="{% trans "Hide toolbar" %}">{% trans "Hide" %} &#187;</a></li>
			{% else %}
			<li id="djDebugButton">DEBUG</li>
			{% endif %}
			{% for panel in toolbar.panels %}
				<li class="djDebugPanelButton">
					<input type="checkbox" data-cookie="djdt{{ panel.panel_id }}" {% if panel.enabled %}checked="checked" title="{% trans "Disable for next and successive requests" %}"{% else %}title="{% trans "Enable for next and successive requests" %}"{% endif %} />
					{% if panel.has_content and panel.enabled %}
						<a href="#" title="{{ panel.title }}" class="{{ panel.panel_id }}">
					{% else %}
						<div class="contentless{% if not panel.enabled %} disabled{% endif %}">
					{% endif %}
					{{ panel.nav_title }}
					{% if panel.enabled %}
					{% with panel.nav_subtitle as subtitle %}
						{% if subtitle %}<br /><small>{{ subtitle }}</small>{% endif %}
					{% endwith %}
					{% endif %}
					{% if panel.has_content and panel.enabled %}
						</a>
					{% else %}
						</div>
					{% endif %}
				</li>
			{% endfor %}
		</ul>
	</div>
	<div style="display:none;" id="djDebugToolbarHandle">
		<span title="{% trans "Show toolbar" %}" id="djShowToolBarButton">&#171;</span>
	</div>
	{% for panel in toolbar.panels %}
		{% if panel.has_content and panel.enabled %}
			<div id="{{ panel.panel_id }}" class="panelContent">
				<div class="djDebugPanelTitle">
					<a href="" class="djDebugClose">{% trans "Close" %}</a>
					<h3>{{ panel.title|safe }}</h3>
				</div>
				<div class="djDebugPanelContent">
					<img src="{% static 'debug_toolbar/img/ajax-loader.gif' %}" alt="loading" class="loader" />
					<div class="scroll">
						{% if not toolbar.store_id %}{{ panel.content }}{% endif %}
					</div>
				</div>
			</div>
		{% endif %}
	{% endfor %}
	<div id="djDebugWindow" class="panelContent"></div>
</div>