Раскрывающиеся вложенные категории с неограниченным количеством подкатегорий — & gt; Аякс / Ларавелла

Я пытаюсь создать вложенные выпадающие категории, используя следующий код:

Моя БД-> Таблица product_categories с полями:
-Я бы
-categoryName
-parentId уровня
-is_active

My Product Entity для получения категорий:

    public function getAjaxGetCategoriesDropdown() {
$categories = DB::table('product_categories')
->where('is_active', 1)
->orderBy('path', 'asc')
->select('categoryName','level','id','parentId')
->get();

$first = array();
$children = array();
foreach ($categories as $cat) {
if ($cat->level == 2) {
$first[$cat->id] = $cat;
} else if ($cat->parentId) {
$children[$cat->parentId][] = $cat;
}
}
return array('first' => $first, 'children' => $children);
}

контроллер:

public function create()
{
$cats = $this->product->getAjaxGetCategoriesDropdown();
return View('products/create_product')->with(compact('products','cats'));
}

В представлении: (create.blade.php)

<div class="section">
<label class="field select">
<select id="first_cat" class="required-entry validate-select" onchange="showCat(this, 2)">
<option value=""> Select a Category </option>
<?php foreach ($tree['first'] as $cat): ?>
<option value="<?php echo $cat->id ?>"><?php echo $cat->categoryName ?></option>
<?php endforeach ?>
</select>
<i class="arrow double"></i>
</label>
<div id="sub_cat"></div>
</div>

Мой сценарий:

<script type="text/javascript">
var children = $H(<?php echo json_encode($tree['children']) ?>);

function showCat(obj, level) {
var catId = obj.value;
level += 1;
if ($('cat_container_' + level)) {
$('cat_container_' + level).remove();
}
if (children.get(catId)) {
var options = children.get(catId);
var html = '<select id="cat_' + catId + '" onchange="showCat(this, ' + level + ')">' + '<option value="">Select a SubCategory</option>';
for (var i = 0; i < options.length; i++) {
html += '<option value="' + options[i].entity_id + '">' + options[i].name + '</option>';
}
html += '</select>' + '<i class="arrow double"></i>';
html = '<label class="field select ' + 'cat_container_' + level + '">' + html + '</label>';

$('sub_cat').insert(html);
}
}
</script>

Текущая ошибка, отображаемая в журнале, говорит:

Неопределенное дерево переменных в create.blade.php

.. код <?php foreach ($tree['first'] as $cat): ?>

Я успешно использовал этот код в приложении Magento, но теперь перенос такого же подхода на Laravel не дает результатов. Любая помощь приветствуется.