%   layout 'index';

%= stylesheet '/htlib/jquery-jstree/3.3.17/themes/default/style.min.css'
%= stylesheet '/css/jstreetemplate.min.css'

<div class="container-fluid">
    <div class="row p-2">
        <div class="col-3">
            <label class="col-form-label text-right">Daten:</label>
        </div>
    </div>
    <div class="row pr-3 baum" style="display: none">
        <div class="col-3">
            <div class="treedetail" id="tree"></div>
        </div>
        <div class="col-9 treedetail">
            <div class="words" style="display: none">
                <div class="row p-3">
                    <label class="col-form-label pb-0">Wörter</label>
                </div>
                <table class="table table-bordered table-sm" width="100%" id="tbl-worlds">
                    <thead>
                        <tr>
                            <th class="text-center">Spalte1</th>
                            <th class="text-center">Spalte 2</th>
                            <th class="text-center">Spalte 3</th>
                            <th class="text-center">Spalte 4</th>
                            <th class="text-center">Spalte 5</th>
                            <th class="text-center">Spalte 6</th>
                            <th class="text-center">Spalte 7</th>
                            <th class="text-center">Spalte 8</th>
                            <th class="text-center">Spalte 9</th>
                        </tr>
                    </thead>
                    <tbody></tbody>
                </table>
            </div>
        </div>
    </div>
</div>

%= javascript '/htlib/jquery-jstree/3.3.17/jstree.min.js'
%= javascript "/js/jstreetemplate.min.js?v=". $self->config->{version}