@extends('org.layout.adminPanel')
@section('title', 'Organisation')
@section('section', 'Dashboard')
@section('css')
    {{-- css --}}
    @isset($horizontalTree)
        <link rel="stylesheet" href="{{ asset(ADMINCSS) . '/layout/horizontal_treeview.css' }}" />
    @endisset
@endsection
@section('content')
    {{-- content --}}
    <div class="container-fluid">
        <div class="container">
            <center> <button class="button btn-primary" data-is-collapse="false" onclick="collapseTree(this)"><i class="bi bi-arrows-angle-expand text-white me-2"></i>Expand</button></center>
            <br>
            @isset($horizontalTree)
                <div class="horizontal-tree-panel mb-2">
                    {!! $horizontalTree !!}
                </div>
                <i>Free move : <kbd>Ctrl</kbd> + Left click (hold)</i>
            @endisset
        </div>
    </div>
@endsection
@section('js')
    {{-- js --}}
    @isset($horizontalTree)
        <script src="{{ asset(ADMINJS) }}/layout/horizontal_treeview.js"></script>
        <script>
            initCollapse();
        </script>
    @endisset
@endsection