{% import '@Fichier/files/macros/macro_folder.html.twig' as macros %}
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <script src="{{asset('assets/libs/bootstrap/dist/js/bootstrap.bundle.min.js')}}"></script>
    <script src="{{ asset('assets/libs/bootstrap-tree/dist/bootstrap-treeview.min.js') }}"></script>

    <script> console.log('ajax');
    console.log(typeof jQuery);
    console.log($.fn.treeview);

    </script>

<div id="treeview"></div>

<script>

const treeviewData = [
        {% for file in societe.files %}
            {% if file.isDirectory and file.parent == null and file.deleted == false %}
                {
                    "text": "{{ file.nom }}",
                    "href": "#file-{{ file.id }}",
                    "tags": ["{{ file.children|length }}"],
                    "data-id": "{{ file.id }}",
                    "data-parent": "{% if file.parent %}{{ file.parent.id }}{% endif %}",
                    "nodes": {{ macros.recursive_folder_tree(societe.files, file.id)| raw }}
                }
                {% if not loop.last %},{% endif %}        
            {% endif %}
        {% endfor %}
    ];

</script>