{% load i18n staticfiles thumbnail cms_tags apphooks_config_tags %}
{% load static %}

    {% block javascript-top %}
    <script>
    var imported = document.createElement('script');
    imported.src = '/static/js/dashboards/{{ dashboard.slug }}/ajax_functions{{ dashboard.slug }}.js';
    document.head.appendChild(imported);
    </script>

    {% endblock javascript-top%}

{% block stylesheets %}

{% endblock stylesheets %}





    {% if detail_view %}
        <div style=" justify-content: space-between; display: flex;background-color: white ">
            <div class="dashboard_title" >
                <!-- 'dashboard_title_value' this id is extremely important to send dashboard name on ajax requests-->
                <p>
                {% if not detail_view %}
                    <a href="{% namespace_url 'dashboard-detail' dashboard.slug namespace=namespace default='' %}">{% render_model dashboard "title" %}</a>
                {% else %}
                    <a href="/dashboards/dash_doc/documentation/{{ dashboard.id }}" target="_blank" id="Documentation"><i class="fa fa-book" aria-hidden="true"></i> {% render_model dashboard "title" %} Documentation</a>
                {% endif %}
                </p>
                {#                Do not delete this identifiers#}
                <p id="dashboard_title_value" style="display:none">{% render_model dashboard "title" %}</p>
                <p id="dashboard_author_value" style="display:none">{% render_model dashboard "author" %}</p>
                <p id="dashboard_id_value" style="display:none">{{ dashboard.id }}</p>
                 {#                Do not delete this identifiers#}


            </div>
            <div class="dashboard_settings">
                <span class="exit-mode">
                    <a href="#" id="btn_edit_mode"><i class="fa fa-save" aria-hidden="true"></i> Edit Mode </a>

                </span>
                <span class="edit-mode hide">
                    <div>
                        <input type="checkbox" id="show_grid" name="show_grid">
                      <label for="scales" style="margin: 0">show grid</label>
                    </div>
                    <a href="#" id="btn_exit_mode"><i class="fa fa-times" aria-hidden="true"></i> Exit Edit Mode </a>
                    <a href="#" id="save_view"><i class="fa fa-save" aria-hidden="true"></i> Save View</a>
                    <a href="#" id="restore_view"><i class="fa fa-repeat" aria-hidden="true"></i> Restore Views</a>

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




        <!-- sidebar -->
        <div id="dash_sidebar"  class="dash-sidebar">
            <div id="split-bar"><p><i class="fa fa-exchange fa-2x side-bar-element"></i></p></div>

            {% render_placeholder dashboard.sidebar_content language placeholder_language %}

        </div>


        <!-- main -->

       <div id="main_body"  class="main_body dragscroll " nochilddrag="true"
            style="height: 100%;overflow: scroll; cursor: grab; cursor : -moz-grab; cursor : -webkit-grab;">

            <div class="full_container">


                {% render_placeholder dashboard.content language placeholder_language %}
            </div>








        </div>
















    {% endif %}
{#</dashboard>#}



<script>







</script>

{#<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>#}
<script src="{% static 'js/plugins.js' %}"></script>



<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>

<script src="{% static 'celery_progress/celery_progress.js' %}"></script>

{##client scripts#}
<script src="{% static 'form_addon_client/js/form_addon.js' %}"></script>
<script src="{% static 'dashboards_app/js/dashboard.js' %}"></script>
<script src="{% static 'dashboards_app/js/dragscroll.js' %}"></script>
<script src="{% static "db_addon_client/js/db_addon.js" %}"></script>



<link href="//cdn.datatables.net/plug-ins/725b2a2115b/integration/jqueryui/dataTables.jqueryui.css" rel="stylesheet"
      type="text/css"/>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js"></script>
<script src="//cdn.datatables.net/1.10.2/js/jquery.dataTables.js"></script>
<script src="//cdn.datatables.net/colreorder/1.1.2/js/dataTables.colReorder.min.js"></script>
<script src="//cdn.datatables.net/plug-ins/725b2a2115b/api/fnFilterClear.js"></script>



<link rel="stylesheet" href="https://swisnl.github.io/jQuery-contextMenu/css/screen.css" type="text/css"/>

<link rel="stylesheet" href="https://swisnl.github.io/jQuery-contextMenu/css/theme-fixes.css" type="text/css"/>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.4/styles/github.min.css">
<link href="https://swisnl.github.io/jQuery-contextMenu/dist/jquery.contextMenu.css" rel="stylesheet" type="text/css" />



<script src="https://swisnl.github.io/jQuery-contextMenu/dist/jquery.contextMenu.js" type="text/javascript"></script>
<script src="https://swisnl.github.io/jQuery-contextMenu/dist/jquery.ui.position.min.js" type="text/javascript"></script>
<script src="https://swisnl.github.io/jQuery-contextMenu/js/main.js" type="text/javascript"></script>

{#d3#}

<script>
var token = '{{ csrf_token }}';


</script>


<script>

</script>
{% block js %}

{% endblock %}
