@extends('layouts.app')
@section('title', trans('menu.decision_tree_title'))
@section('content')
	<div class="content">
		<x-content.header title="{{ __('title.decisiontrees') }}" />

        <div id="folder-search-bar" class="flex gap-3 items-center">
            <div class="search-bar w-full lg:w-auto">
                <form id="filter-form" method="POST" onsubmit="return false;">
                    <input name="term" type="text" class="album-search search-input w-full lg:w-[320px]" placeholder="{{trans('forms.lbl_search')}}" />
                    <x-svg-icon icon="icon-search" />
                </form>
            </div>
        </div>

		<div class="relative laravel-pagination" id="light-gallery">
			@include('decisiontree::trees')
		</div>
	</div>

@stop

@section('footer-script')

    <script type="text/javascript">

		$('#filter-form input').on("keyup", function(event) {

			itemSearch( $('#light-gallery'), '{{route('decision-trees.categories.index.filter', $slug)}}' );

		});

		$("body").on("change", "select[name='per_page']", function(){
			itemSearch( $('#light-gallery'), '{{route('decision-trees.categories.index.filter', $slug)}}' );
        });

    </script>
@stop