{% load ajax_helpers %}
<div id="{{ layout_id }}"
     class="panel-layout {{ css_class }}"
     style="{% if full_height %}min-height: {{ min_height }};{% endif %} {{ css_style }}"
     data-panel-layout="true"
     {% if full_height %}data-full-height="true" data-min-height="{{ min_height }}"{% endif %}>
    {% include "cards/standard/_panel_split.html" with split=root panel_card_context=panel_card_context panel_no_header_context=panel_no_header_context %}
</div>
{% lib_include 'panel_layout' module='cards.includes' %}
<script>document.addEventListener('DOMContentLoaded', function() { PanelLayout.init('{{ layout_id }}', {persist: {{ persist|yesno:'true,false' }}}); });</script>
{% if linked_tables_json %}
{% lib_include 'panel_linked_tables' module='cards.includes' %}
<script>(function () {
    var ready = function (fn) {
        if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', fn); } else { fn(); }
    };
    ready(function () { PanelLinkedTables.init('{{ layout_id }}', {{ linked_tables_json }}); });
})();</script>
{% endif %}