{!! Form::open(['route' => 'admin::warehouse::category::mapping', '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/mapping/forms/add.headers.suppliers') }}</h2>
            {!! Form::select('categoriesToMap[]', [], null, [
                'id' => 'categoriesToMap',
                'class' => 'form-control',
                'multiple' => 'multiple'
            ]) !!}
        </div>
        <div class="col-sm-6">
            <h2>{{ trans('admin/warehouse/category/mapping/forms/add.headers.stores') }}</h2>
            {!! Form::select('categories', [], null, [
                'id' => 'categories',
                'class' => 'form-control',
            ]) !!}
        </div>
    </div>
</div>

<div class="form-group margin-bottom-0">
    <div class="col-xs-12 text-right">
        {!! Form::submit(trans('admin/warehouse/category/mapping/forms/add.submit'), ['class' => 'btn btn-success ladda-button', 'name' => 'add_new_cat_mapping', 'id' => 'add_new_cat_mapping']) !!}
    </div>
</div>
{!! Form::close() !!}

@push('footScripts')
<script>
    $(document).ready(function () {
        $("[name=categoriesToMap\\[\\]]").select2({
            escapeMarkup: function (text) {
                return text;
            },
            ajax: {
                url: '{{ route('admin::warehouse::category::mapping::json') }}',
                dataType: 'json',
                delay: 300,
                data: function (params) {
                    return {
                        q: params.term,
                        page: params.page,
                        expect: $("#categoriesToMap").val()
                    };
                },
                processResults: function (data, params) {
                    params.page = params.page || 1;

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

        $("[name=categories]").select2({
            escapeMarkup: function (text) {
                return text;
            },
            ajax: {
                url: '{{ route('admin::warehouse::category::mapping::store::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