{!! Form::open(['route' => 'admin::warehouse::category::mapped', 'method' => 'get', 'class' => 'form-horizontal', 'enctype' => 'multipart/form-data']) !!}

<div class='form-group'>
    <div class="col-sm-12">
        <div class="col-sm-6">
            <h2>{{ trans('admin/warehouse/category/mapped/forms/search.headers.stores') }}</h2>
            {!! Form::select('storesCategories', $storesCategories, null, [
                'id' => 'storesCategories',
                'class' => 'form-control',
            ]) !!}
        </div>
        <div class="col-sm-6">
            <h2>{{ trans('admin/warehouse/category/mapped/forms/search.headers.suppliers') }}</h2>
            {!! Form::select('suppliersCategories', $suppliersCategories, null, [
                'id' => 'suppliersCategories',
                'class' => 'form-control',
            ]) !!}
        </div>
    </div>
</div>

<div class="form-group margin-bottom-0">
    <div class="col-xs-12 text-right">
        <a href="{{ route('admin::warehouse::category::mapped') }}">
            {!! Form::button(trans('admin/warehouse/category/mapped/forms/search.reset'), ['class' => 'btn btn-success ladda-button']) !!}
        </a>

        {!! Form::submit(trans('admin/warehouse/category/mapped/forms/search.submit'), ['class' => 'btn btn-success ladda-button', 'id' => 'search_mapped_categories']) !!}
    </div>
</div>
{!! Form::close() !!}


@push('footScripts')
<script>
    $(document).ready(function () {
        // categories from suppliers
        $("[name=suppliersCategories]").select2({
            escapeMarkup: function (text) {
                return text;
            },
            ajax: {
                url: '{{ route('admin::warehouse::category::mapped::suppliers::json') }}',
                dataType: 'json',
                delay: 300,
                data: function (params) {
                    return {
                        q: params.term,
                        page: params.page,
                    };
                },
                processResults: function (data, params) {
                    params.page = params.page || 1;

                    return {
                        results: data.items,
                        pagination: {
                            more: (params.page * data.perPage) < data.count
                        }
                    };
                }
            }
        });

        // categories from store
        $("[name=storesCategories]").select2({
            escapeMarkup: function (text) {
                return text;
            },
            ajax: {
                url: '{{ route('admin::warehouse::category::mapped::stores::json') }}',
                dataType: 'json',
                delay: 300,
                data: function (params) {
                    return {
                        q: params.term,
                        page: params.page
                    };
                },
                processResults: function (data, params) {
                    params.page = params.page || 1;

                    return {
                        results: data.items,
                        pagination: {
                            more: (params.page * data.perPage) < data.count
                        }
                    };
                }
            }
        });
    });
</script>
@endpush