@foreach($trees as $tree)
    <div class="panel panel-default" style='margin-left:<br />
<b>Notice</b>:  Undefined variable: tree in <b>D:\dev\orbit\resources\views\devices\recursive.blade.php</b> on line <b>2</b><br />
<br />
<b>Notice</b>:  Trying to get property 'level' of non-object in <b>D:\dev\orbit\resources\views\devices\recursive.blade.php</b> on line <b>2</b><br />
-30px'>
        <div class="panel-heading" 
             data-toggle="collapse" 
             data-target="#{{$tree->id}}" 
             aria-expanded="true" 
             aria-controls="{{$tree->id}}"
             style="cursor: pointer;">
            <div class="panel-title">
                {{$tree->name}} 
                @if(count($tree->slots)>0) 
                    <span class="acc_span" style='float:right;padding-right:10px;'>+</span>
                @endif
            </div>
        </div>

        @if(count($tree->slots)>0)
        <ul id="{{$tree->id}}" class='list-group collapse'>
            @foreach($tree->slots->sortBy('menu_index') as $slot)
            <li class="list-group-item clearfix">
                <div class="li-modal text-center text-lg">
                    <strong>
                        Working...
                    </strong>
                </div>

                <div class="row">
                    <div class="col-xl-6 col-lg-12">
                        <input type="checkbox" 
                               name="{{$slot->name_code}}" 
                               onchange="DrawChart.update(this.jscolor)" 
                               class="jscolor var-checkbox" 
                               data-var="{{$slot->id}}" 
                               id="{{$slot->id}}Checkbox" />

                        <label for="{{$slot->id}}Checkbox" class="var-checkbox-label">
                            {{$slot->name_code}} ({{$slot->unit_code}})
                        </label>
                    </div>

                    <div class="col-xl-6 col-lg-12">
                        @if($slot->direction==3 && (auth()->user()->role->role=='Super Admin' || auth()->user()->role->role=='Admin' || auth()->user()->role->role=='Manufacturer' ))
                        <a href="#" 
                            class="input-edit-btn btn btn-md btn-default w-xs pull-right" 
                            id="{{$slot->id}}Edit">
                            Edit
                        </a>

                        <a href="#" 
                            style="display: none;" 
                            class="input-save-btn btn btn-md btn-primary w-xs pull-right" 
                            id="{{$slot->id}}Save">
                            Save
                        </a>

                        <input class="form-control pull-right" 
                               style="width: 100px; margin-right: 20px;" 
                               name="{{$slot->id}}" 
                               value="{{$slot->value}}" 
                               id="{{$slot->id}}Input" 
                               data-device-id="{{$device->id}}" 
                               type="number" 
                               min="{{$slot->min}}" 
                               max="{{$slot->max}}" 
                               step="{{$slot->step}}" 
                               readonly>
                        @else
                        <span id='{{$slot->id}}Span' class="pull-right">
                            {{$slot->value}}
                        </span>
                        @endif
                    </div>
                </div>
            </li>
            @endforeach
        </ul>
        @endif
    </div>
    @if(count($all_trees->where('parent_id',$tree->id))>0)
        @include('devices.recursive', ['trees' => $all_trees->where('parent_id',$tree->id), 'all_trees' => $all_trees, 'level' => $level])    
    @endif
@endforeach