@extends('docs.layout.main')

@section('title', 'Документация проекта User.Edus')
@section('head', 'Документация проекта User.Edus')
@section('small_head', 'Список всех возможных апи')

@section('content')

<div class="ibox ">
    <div class="ibox-title">
        <h5>Дерево функции<small></small></h5>
    </div>

    <div class="ibox-content"> 
        <div class="row"> 
            <div class="col-sm-12 b-r"> 
                @php $root = $action->tree() @endphp 
                @php $s = $root['stat'] @endphp 
                total: <b>{{ $s['total']['folders'] }}</b> | files: <b>{{ $s['total']['files'] }} </b>
                <div  id="action-tree" > 
                    <ul> 
                        @foreach($root['files'] as $fileData) 
                        <li  data-jstree='{"type":"php"}' class="jstree-open">
                            <a href="{{ route('docs.api_detail', ['code' => $fileData['code']]) }}" >{{ $fileData['name'] }}</a>
                        </li> 
                        @endforeach 
                        @include('docs.api_list_folder', ['folders' => $root['folders']]) 
                    </ul> 
                </div>
            </div>
        </div>
    </div>

    {{-- <div class="ibox-footer">
        <span class="float-right">Footer of panel right text</span>
        Footer of panel left text
    </div> --}}

</div>

@endsection

@section('document.ready')
$('#action-tree').jstree({
            'core' : {
                'check_callback' : true
            },
            'plugins' : [ 'types', 'dnd' ],
            'types' : {
                'default' : {
                    'icon' : 'fa fa-folder'
                },
                'php' : {
                    'icon' : 'fa fa-file-code-o'
                },
            }
        });
@endsection