@section('scripts')
    @parent
    <script type="text/javascript">
        var columns = [
            {
                data: null,
                render: function (data) {
                    return '<input bs-type="checkbox" class="add_product_select" type="checkbox" data-id="' + data.id + '" ' + data.checked + ' />';
                },
                orderable: false,
                searchable: false
            },
            {
                data: null,
                render: function (data) {
                    return '<img src="' + data.thumbnail + '" style="max-height: 70px; max-width: 70px;"/>';
                },
                orderable: false,
                searchable: false
            },
            {
                data: null,
                name: 'product_description.title',
                render: function (data) {
                    return data.title;
                }
            }
        ];
        var ProductSelect = new ItemSelectClass();
        ProductSelect.init('#product_select', columns);

        $('#product_select').on('click', '.add_product_select', function () {
            var data = {};
            data.action = $(this).is(':checked') ? 'add' : 'delete';
            data.item_id = $(this).attr('data-id');
            _update(data);
        });

        $('#item_table').on('click', '.remove_element', function () {
            var data = {};
            data.action = 'delete';
            data.item_id = $(this).attr('data-id');
            _update(data);
        });

        function _update(data) {
            data._token = _token;
            $.ajax({
                type: "PUT",
                url: '{{route('admin.navigate.updateItem', ['advert_type'=>$advert_type, 'id'=>$navigate->id])}}',
                data: data,
                success: function (response) {
                    if (response.code) {
                        successNotice('Thông báo', response.msg);
                        WBDatatables.reloadData();
                        ProductSelect.reload();
                    } else {
                        errorNotice('Thông báo', response.msg);
                    }
                },
            });
        }

        var columnDatas = [
            {
                data: null,
                render: function (data) {
                    return '<img src="' + data.thumbnail + ' " style="max-height: 50px"/>';
                }, orderable: false, searchable: false
            },
            {data: 'title', name: 'product_description.title'},
            {
                data: null,
                render: function (data) {
                    return '<a class="remove_element" data-id="' + data.id + '" ><i class="fa fa-times" aria-hidden="true"></i></a>';
                }, orderable: false, searchable: false
            },
        ];

        WBDatatables.init('#item_table', columnDatas);

        $('input[type=radio][name=advert_for]').change(function () {
            if ($(this).val() == 'detail') {
                $('#bsApplyTableContainer').show();
            }
            else {
                $('#bsApplyTableContainer').hide();
            }
        });
    </script>
@endsection
@include('product::product.select', [$table_id='product_select', $data = ['select_advert_id'=>$navigate->id]])