@extends('admin.template.master')

@section('stylesheets')
    {!! Html::style('assets/admin/bower_components/select2/dist/css/select2.min.css') !!}

    <style>
        /*Select2 style*/
        .select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
            border: 1px solid #d2d6de;
            border-radius: 0;
            padding: 6px 12px;
            height: 34px;
        }

        .select2-container .select2-selection--single .select2-selection__rendered {
            padding-right: 10px;
        }

        .select2-container .select2-selection--single .select2-selection__rendered {
            padding-left: 0;
            padding-right: 0;
            height: auto;
            margin-top: -4px;
        }

        .select2-container--default .select2-selection--single .select2-selection__arrow {
            height: 28px;
            right: 3px;
        }

        .d-none {
            display: none;
        }

        .d-block {
            display: block;
        }
        /*Select2 style*/
    </style>
@endsection

@section('title')
    <section class="content-header">
        <h1>
            Offer
            <small>insert and update Offer</small>
        </h1>
        <ol class="breadcrumb">
            <li><a href="{!! url('admin/') !!}"><i class="fa fa-dashboard"></i> Home</a></li>
            <li><a href="{!! url('/admin/offers') !!}">Offer</a></li>
            <li class="active">Update</li>
        </ol>
    </section>
@endsection

@section('main-content')
    <section class="content">
        <div class="row">
            <div class="col-md-12">
                <div class="box box-primary">
                    <div class="box-header with-border">
                        <h3 class="box-title">Update</h3>
                    </div>

                    {!! Form::open(['method' => 'POST', 'id' => 'offer_form', 'url' => '/admin/offers/' .$offer->offer_id , 'enctype' => 'multipart/form-data' ])  !!}
                    @csrf
                    @method("PUT")

                    <div class="box-body">
                        <div class="form-group @if($errors->has('offer_name')) has-error @endif">
                            {!! Form::label('Name') !!}
                            {!! Form::text('offer_name', $offer->offer_name, ['class' => 'form-control', 'placeholder' => 'Name','id' => 'offer_name']) !!}
                            @if ($errors->has('offer_name'))
                                <span class="help-block">{!! $errors->first('offer_name') !!}</span>@endif
                        </div>

                        <div class="form-group @if($errors->has('offer_name_slug')) has-error @endif">
                            {!! Form::label('Slug') !!}
                            {!! Form::text('offer_name_slug', $offer->offer_name_slug, ['class' => 'form-control', 'placeholder' => 'Name','id' => 'offer_slug']) !!}
                            @if ($errors->has('offer_name_slug'))
                                <span class="help-block">{!! $errors->first('offer_name_slug') !!}</span>@endif
                        </div>

                        <div class="form-group @if($errors->has('offer_title')) has-error @endif">
                            {!! Form::label('Title') !!}
                            {!! Form::text('offer_title', $offer->offer_title, ['class' => 'form-control', 'placeholder' => 'Name']) !!}
                            @if ($errors->has('offer_name'))
                                <span class="help-block">{!! $errors->first('offer_title') !!}</span>@endif
                        </div>

                        <div class="form-group @if($errors->has('offer_position')) has-error @endif">
                            {!! Form::label('Offer Position') !!}
                            {!! Form::select('offer_position', $offerPosition, $offer->offer_position, ['class' => 'form-control', 'placeholder' => 'Select offer position', 'id' => 'offer_position']) !!}
                            @if ($errors->has('offer_position'))
                                <span class="help-block">{!! $errors->first('offer_position') !!}</span>@endif
                        </div>

                        <div class="form-group @if($errors->has('offer_sorting')) has-error @endif">
                            {!! Form::label('Offer Sorting') !!}
                            {{-- {!! Form::select('is_store', ['0' => 'Offer', '1' => 'Store', '2' => 'New Arrival'], 0, ['class' => 'form-control', 'placeholder' => 'Select offer type', 'id' => 'is_store']) !!} --}}
                            {!! Form::select('offer_sorting', ['D' => 'Customized', 'LH' => 'Low to High (Price)', 'HL' => 'High to Low (Price)', 'HLD' => 'High to Low (Discount)'], $offer->offer_sorting, ['class' => 'form-control', 'placeholder' => 'Select offer sorting', 'id' => 'offer_sorting', 'required' => 'required']) !!}
                            @if ($errors->has('offer_sorting'))
                                <span class="help-block">{!! $errors->first('offer_sorting') !!}</span>@endif
                        </div>

                        <div class="form-group @if($errors->has('is_store')) has-error @endif">
                            {!! Form::label('Offer Type') !!}
                            {{-- {!! Form::select('is_store', ['0' => 'Offer', '1' => 'Store', '2' => 'New Arrival'], $offer->is_store, ['class' => 'form-control', 'placeholder' => 'Select offer position', 'id' => 'is_store']) !!} --}}
                            {!! Form::select('is_store', ['0' => 'Offer', '1' => 'Store', '2' => 'Campaign'], $offer->is_store, ['class' => 'form-control', 'placeholder' => 'Select offer type', 'id' => 'is_store', 'required' => 'required']) !!}
                            @if ($errors->has('is_store'))
                                <span class="help-block">{!! $errors->first('is_store') !!}</span>@endif
                        </div>

                        @php
                            // $selectType = $offer->offer_select_type == "single" ? "1" : "2";
                            if($offer->offer_select_type == "single"){
                                $selectType = "1";
                            } elseif($offer->offer_select_type == "bulk"){
                                $selectType = "2";
                            } else {
                                $selectType = "3";
                            }
                        @endphp

                        <div class="form-group @if($errors->has('select_type')) has-error @endif">
                            {!! Form::label('Product Select Type') !!}
                            {!! Form::select('select_type', ['1' => 'Single', '2' => 'Bulk', '3' => 'All Products'], $selectType, ['class' => 'form-control', 'placeholder' => 'Select Select Type', 'id' => 'select_type', 'required' => 'required']) !!}
                            @if ($errors->has('select_type'))
                                <span class="help-block">{!! $errors->first('select_type') !!}</span>@endif
                        </div>

                        @if($offer->offer_select_type == "single")
                            <div id="single_product_block">
                                <div class="form-group @if($errors->has('is_type')) has-error @endif">
                                    {!! Form::label('Product Type') !!}
                                    {!! Form::select('is_type', ['0' => 'Item Type Wise', '1' => 'Category Wise'], $offer->is_type, ['class' => 'form-control', 'placeholder' => 'Select Product Type', 'id' => 'is_type']) !!}
                                    @if ($errors->has('is_type'))
                                        <span class="help-block">{!! $errors->first('is_type') !!}</span>@endif
                                </div>

                                <div id="item_div" {{$offer->is_type == "0" ? "style=display:block" : "style=display:none"}}>
                                    <div class="form-group @if($errors->has('item_type')) has-error @endif">
                                        {!! Form::label('Item Type') !!}

                                        {!! Form::select('item_type', $item_type, $selectedItemTypes->itemType ?? NULL, ['class' => 'form-control','id' => 'item_type', 'placeholder' => 'Select Item Type']) !!}
                                        @if ($errors->has('item_type'))
                                            <span class="help-block">{!! $errors->first('item_type') !!}</span>@endif
                                    </div>

                                    <div class="form-group @if($errors->has('brand')) has-error @endif">
                                        {!! Form::label('Brand') !!}

                                        {{-- {!! Form::select('brand', $brand, null, ['class' => 'form-control','id' => 'brand', 'placeholder' => 'Select Brand']) !!} --}}
                                        <select name="brand[]" class="form-control" id="brand" multiple>
                                            @foreach($brand as $bId => $bName)
                                                <option value="{{ $bId }}" @if(in_array($bId, array_column($selectedBrands, 'brand_id'))) selected @endif>
                                                    {{ $bName }}
                                                </option>
                                            @endforeach
                                        </select>

                                        @if ($errors->has('brand'))
                                            <span class="help-block">{!! $errors->first('brand') !!}</span>@endif
                                    </div>
                                </div>

                                <div id="category_div" {{$offer->is_type == "1" ? "style=display:block" : "style=display:none"}}>
                                    <div class="form-group @if($errors->has('category')) has-error @endif">
                                        {!! Form::label('Category') !!}

                                        <select name="category_id[]" class="form-control item_type_select2" id="category" multiple>
                                            {{-- <option value="">Select Product</option> --}}
                                            @foreach($category as $catId => $catName)
                                                <option value="{{ $catId }}" @if(in_array($catId, array_column($selectedCategories, 'category_id'))) selected @endif>
                                                    {{ $catName }}
                                                </option>
                                            @endforeach
                                        </select>

                                        {{-- {!! Form::select('category_id[]', $category, null, ['class' => 'form-control item_type_select2', 'multiple' => 'multiple',  'id' => 'category']) !!} --}}
                                        @if ($errors->has('category'))
                                            <span class="help-block">{!! $errors->first('category') !!}</span>@endif
                                    </div>
                                </div>

                                {{-- {{dd($offer->offeredProduct())}} --}}

                                <div class="form-group product-wrapper @if($errors->has('products')) has-error @endif">
                                    <label for="products"
                                        style="float: left; margin-top: 4px; margin-right: 5px;">Products</label>
                                    <a class="btn btn-danger btn-sm" style="margin-bottom: 5px;" id="mybutton"
                                    href="javascript:void(0)">Reset</a>

                                    <select name="products[]" class="form-control product_name" id="products" multiple>
                                        {{-- <option value="">Select Product</option> --}}
                                        {{-- @foreach($offerProducts as $product)
                                            @foreach($product->offeredProduct as $offProduct)
                                                <option value="{{$offProduct->product_code_inv}}">{{$offProduct->product_code_inv ?? ''}}</option>
                                            @endforeach
                                        @endforeach --}}
                                    </select>

                                    @if ($errors->has('products'))
                                        <span class="help-block">{!! $errors->first('products') !!}</span>@endif
                                </div>
                            </div>
                        @endif

                        @if($offer->offer_select_type == "bulk" || $offer->offer_select_type == "all")
                            <div id="bulk_product_block">

                                <div class="form-group product-wrapper @if($errors->has('products2')) has-error @endif">
                                    <label for="products2"
                                        style="float: left; margin-top: 4px; margin-right: 5px;">Products</label>
                                    <a class="btn btn-danger btn-sm" style="margin-bottom: 5px;" id="resetbutton"
                                    href="javascript:void(0)">Reset</a>
                                    <a class="btn btn-info btn-sm" style="margin-bottom: 5px;" id="myModalbutton"
                                    data-toggle="modal" data-target="#exampleModal">Edit Products</a>
                                    {{-- {!! Form::select('products[]',$product, null, ['class' => 'form-control','id' => 'products' ,'multiple' => 'multiple']) !!} --}}
                                            {{-- {{dd($product->offeredProduct)}} --}}
                                    <div id="product-display" class="mt-3">
                                        @foreach($offerProducts as $product)
                                            @foreach($product->offeredProduct as $offProduct)
                                                <span class="badge badge-pill badge-primary">{{$offProduct->product_code_inv ?? ''}}</span>
                                            @endforeach
                                        @endforeach
                                    </div>
                                    <!-- Hidden Input -->
                                    <input type="hidden" id="hidden-product-input" name="products2" value="{{ implode(',', $offerProducts->flatMap(fn($product) => $product->offeredProduct->pluck('product_code_inv'))->toArray()) }}">

                                    @if ($errors->has('products2'))
                                        <span class="help-block">{!! $errors->first('products2') !!}</span>@endif
                                </div>

                                <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                    <div class="modal-dialog" role="document">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <h5 class="modal-title" id="exampleModalLabel">Products</h5>
                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                    <span aria-hidden="true">&times;</span>
                                                </button>
                                            </div>
                                            <div class="modal-body">
                                                <div id="badge-container" class="d-none">
                                                    @foreach($offerProducts as $product)
                                                        @foreach($product->offeredProduct as $offProduct)
                                                            <span class="badge badge-pill badge-primary">{{$offProduct->product_code_inv ?? ''}}</span>
                                                        @endforeach
                                                    @endforeach
                                                </div>
                                                <br>
                                                <textarea class="form-control mt-3" id="edit-product-textarea" rows="5" placeholder="Enter product codes separated by commas"></textarea>
                                            </div>
                                            <div class="modal-footer">
                                                {{-- <button type="button" class="btn btn-info" id="edit-button">Edit</button> --}}
                                                <button type="button" class="btn btn-primary" id="save-button">Save</button>
                                                {{-- <button type="button" class="btn btn-success" id="paste-button">Paste</button> --}}
                                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endif


                        <div class="form-group @if($errors->has('offer_short_desc')) has-error @endif">
                            <label for="offer_short_desc">Short Description</label>
                            {!! Form::textarea('offer_short_desc', $offer->offer_short_desc, ['class' => 'form-control', 'rows' => '8','placeholder' => 'Short Description', 'id' => 'offer_short_desc']) !!}
                            @if ($errors->has('offer_description'))
                                <span class="help-block">{!! $errors->first('offer_short_desc') !!}</span>@endif
                        </div>

                        <div class="form-group @if($errors->has('offer_description')) has-error @endif">
                            <label for="offer_description">Long Description</label>
                            {!! Form::textarea('offer_description', $offer->offer_description, ['class' => 'form-control', 'rows' => '8','placeholder' => 'Description', 'id' => 'offer_description']) !!}
                            @if ($errors->has('offer_description'))
                                <span class="help-block">{!! $errors->first('offer_description') !!}</span>@endif
                        </div>

                        <div class="form-group @if($errors->has('offer_note')) has-error @endif">
                            <label for="offer_note">Note</label>
                            {!! Form::textarea('offer_note', $offer->offer_note, ['class' => 'form-control', 'rows' => '3','placeholder' => 'Note', 'id' => 'offer_note']) !!}
                            @if ($errors->has('offer_note'))
                                <span class="help-block">{!! $errors->first('offer_note') !!}</span>@endif
                        </div>

                        <div class="form-group">
                            <label for="from">From</label>
                            {!! Form::date('from', $offer->offer_start_date , ['id' => 'from', 'class' => 'form-control']) !!}
                        </div>

                        <div class="form-group">
                            <label for="to">To</label>
                            {!! Form::date('to',  $offer->offer_end_date, ['id' => 'to', 'class' => 'form-control']) !!}
                        </div>

                        <div class="form-group">
                            <label for="offer_is_hidden">Status</label>
                            {!! Form::select('offer_is_hidden', [0 => 'No',1 => 'Yes', ], isset($offer->offer_is_hidden) ? $offer->offer_is_hidden : null, ['id' => 'offer_is_hidden' ,'class' => 'form-control']) !!}
                        </div>

                        <div class="form-group">
                            <label for="offer_is_exist">Status</label>
                            {!! Form::select('offer_is_exist', [1 => 'Active', 0 => 'Inactive'], isset($offer->offer_is_exist) ? $offer->offer_is_exist : null, ['id' => 'offer_is_exist', 'class' => 'form-control']) !!}
                        </div>

                        <div class="form-group">
                            {!! Form::label('View Style') !!}
                            {!! Form::select('is_offer_style', ['new' => 'Category', 'old' => 'Product'], isset($offer->is_offer_style) ? $offer->is_offer_style : null, ['class' => 'form-control']) !!}
                        </div>


                    </div>
                    <div class="box-footer">
                        {!! Form::submit('Update',['id' => 'offer_edit_btn', 'class' => 'btn btn-warning']) !!}
                    </div>
                    {!! Form::close() !!}
                </div>
            </div>
        </div>
    </section>
@endsection

@section('javascripts')
    {!! Html::script('assets/admin/bower_components/select2/dist/js/select2.full.min.js') !!}
    {!! Html::script('assets/admin/bower_components/ckeditor/ckeditor.js') !!}
    <script>


        $('#offer_edit_btn').click(function() {
            console.log($('#offer_form').serialize());
        });


        $(document).ready(function () {
            const $editButton = $('#edit-button');
            const $saveButton = $('#save-button');
            const $pasteButton = $('#paste-button');
            const $badgeContainer = $('#badge-container');
            const $editTextarea = $('#edit-product-textarea');
            const $hiddenInput = $('#hidden-product-input');
            const $productDisplay = $('#product-display');
            const $resetButton = $('#resetbutton');

            const productCodes = [];
            $badgeContainer.find('.badge').each(function () {
                productCodes.push($(this).text().trim());
            });

            // Populate the textarea with existing product codes
            $editTextarea.val(productCodes.join(',')).removeClass('d-none');

            // Handle Edit Button Click
            // $editButton.click(function () {

            //     $badgeContainer.addClass('d-none');
            //     $editButton.addClass('d-none');
            //     $pasteButton.addClass('d-none');
            //     $saveButton.removeClass('d-none');
            // });

            // Handle Save Button Click
            $saveButton.click(function () {
                const productCodes = $editTextarea.val().split(',').map(code => code.trim());
                updateHiddenInput(productCodes);
                displayBadges(productCodes);

                // Update badges in modal
                $badgeContainer.empty();
                productCodes.forEach(code => {
                    $badgeContainer.append('<span class="badge badge-pill badge-primary">' + code + '</span>');
                });

                // Toggle visibility
                // $editTextarea.addClass('d-none');
                // $badgeContainer.removeClass('d-none');
                // $editButton.removeClass('d-none');
                // $saveButton.addClass('d-none');
                $('#exampleModal').modal('hide');
            });

            // Handle Paste Button Click
            $pasteButton.click(function () {
                const productCodes = [];
                $badgeContainer.find('.badge').each(function () {
                    productCodes.push($(this).text().trim());
                });

                // Paste products into hidden input
                updateHiddenInput(productCodes);
                displayBadges(productCodes);
            });

            // Function to update the hidden input field with the new product codes
            function updateHiddenInput(productCodes) {
                // Join the product codes with commas and update the hidden input field
                $hiddenInput.val(productCodes.join(','));
            }

            // Function to display badges outside the modal
            function displayBadges(productCodes) {
                $productDisplay.empty(); // Clear previous badges
                productCodes.forEach(code => {
                    $productDisplay.append('<span class="badge badge-pill badge-primary mr-2">' + code + '</span>');
                });
            }

            $resetButton.click(function () {
                // Clear the product display div
                $productDisplay.empty();
                $badgeContainer.empty();
                // Optionally, clear the hidden input as well
                $hiddenInput.val('');
                $editTextarea.val('');
            });
        });


        $(function () {
            CKEDITOR.replace('offer_description', {
                allowedContent: true,
                extraAllowedContent: 'p(*)[*]{*};div(*)[*]{*};li(*)[*]{*};ul(*)[*]{*}',
                autoGrow_onStartup: true,
                enterMode: CKEDITOR.ENTER_BR,
                height: 200
            });

            CKEDITOR.replace('offer_short_desc', {
                allowedContent: true,
                extraAllowedContent: 'p(*)[*]{*};div(*)[*]{*};li(*)[*]{*};ul(*)[*]{*}',
                autoGrow_onStartup: true,
                enterMode: CKEDITOR.ENTER_BR,
                height: 200
            });

            CKEDITOR.dtd.$removeEmpty.span = 0;

        });

        $(document).ready(function () {
            $('#offer_position').select2();
            $('#item_type').select2({
                placeholder: 'Select Item types'
            });
            $('#brand').select2({
                placeholder: 'Select Brands'
            });
            $('#products').select2({
                placeholder: 'Select Products'
            });
            // ("#products").prop("disabled", true);

            $('#category').select2();
            $('#is_store').select2();
            $('#is_type').select2();

            $("#mybutton").click(function () {
                $('#products').val('').trigger("change");
            });

            $('#is_type').change(function(){
                // Hide both divs
                $('#item_div').hide();
                $('#category_div').hide();

                // Show the selected div based on the value of is_type
                if($(this).val() == '0'){
                    $('#item_div').css('display','block');
                } else if($(this).val() == '1'){
                    $('#category_div').css('display','block');
                }
            });

            // Create slug
            function convertToSlug(Text) {
                return Text
                    .toLowerCase()
                    .replace(/ /g, '-')
                    .replace(/[^\w-]+/g, '')
                    ;
            }

            $("#offer_name").blur(function () {
                var productName = $(this).val();
                var slug = convertToSlug(productName);

                if ( slug.indexOf('-store') > -1 ) {
                    slug = 'store/'+ slug.replace('-store', '')
                    console.log('paise');
                }

                $("#offer_slug").val(slug);
            });
            // Create slug

            if ($("#offer_slug").val() == '') {
                $("#offer_name").blur();
            }

            $('#item_type').change(function () {
                $(this).parent().prepend('<i id="loader" class="fa fa-spin fa-spinner"></i>');
                $('#brand').empty();
                $.ajax({
                    type: 'GET',
                    url: '{{ url('admin/offers/brandOnItemtype')}}',
                    data: {item_type_id: $(this).val()},
                    dataType: 'json',
                    success: function (data) {
                        if (data) {
                            $.each(data, function (brand_id, brand_name) {
                                var opt = $('<option />');
                                opt.val(brand_id);
                                opt.text(brand_name);
                                $('#brand').append(opt);
                            });
                        }
                    },
                    complete: function () {
                        $(this).prop('disabled', false);
                        $('#loader').remove();
                    }
                });
            });

            $('#brand').change(function () {
                var selectedBrands = $(this).val();

                $('#products').empty();
                $(this).parent().prepend('<i id="loader" class="fa fa-spin fa-spinner"></i>');

                $.each(selectedBrands, function (index, brand) {
                    $.ajax({
                    type: 'GET',
                    url: "{{ url('admin/offers/productOnBrandItemtype') }}",
                    data: {
                            item_type_id: $('#item_type').val(),
                            brand_id: brand
                        },
                        success:function(data) {
                            console.log('result', data, 'length:', data.length);

                            if (data !== undefined) {

                                var selectedProductHtml = '';
                                $.each(data, function(product_id, product) {
                                    console.log(product_id +','+ product)

                                    selectedProductHtml += '<option value="'+ product +'" selected="selected">'+ product +'</option>';

                                });
                                $('#products').append(selectedProductHtml);
                                $('#loader').remove();
                            }
                        }
                    });
                });
            });

            $('#category').change(function () {
                var selectedCategories = $(this).val();

                // Clear existing options and append loader
                $('#products').empty();
                $(this).parent().prepend('<i id="loader" class="fa fa-spin fa-spinner"></i>');

                console.log('category:', selectedCategories);

                // Early return if no categories are selected
                if (!selectedCategories || selectedCategories.length === 0) {
                    $('#loader').remove();
                    return;
                }

                // Iterate through each selected category
                $.each(selectedCategories, function (index, category) {
                    // Make an AJAX request to fetch products based on the selected category
                    $.ajax({
                        url: "{{ url('admin/offers/productOnCategory') }}",
                        type: 'GET',
                        data: { category_id: category },
                        success: function (data) {
                            console.log('result', data, 'length:', data.length);

                            if (data !== undefined) {
                                var selectedProductHtml = '';

                                $.each(data, function (index, product) {
                                    console.log(index + ',' + product);
                                    selectedProductHtml += '<option value="' + product + '" selected="selected">' + product + '</option>';
                                });

                                // Append the new options to the products dropdown
                                $('#products').append(selectedProductHtml);
                                $('#loader').remove(); // Remove the loader
                            }
                        },
                        error: function (xhr, textStatus, errorThrown) {
                            console.log('Error: ' + errorThrown);
                            $('#loader').remove();
                            alert('An error occurred while fetching products.');
                        }
                    });
                });
            });

            // Fetch product_code_inv values
            const selectedProducts = {!! json_encode($offer->offeredProduct->pluck('product_code_inv', 'product_id')->toArray()) !!};

            // Add options dynamically to the select element
            $.each(selectedProducts, function (id, code) {
                let newOption = new Option(code, code, true, true);
                $('#products').append(newOption).trigger('change');
            });

            // Trigger change to update Select2
            $('#products').trigger('change');

            // Initialize Select2
            // $('#products').select2({
            //     placeholder: 'Select Products'
            // }).val({!! json_encode($offer->offeredProduct->pluck('product_code_inv')->toArray()) !!}).trigger('change');

            // // Handle change event for the #products dropdown
            $('#products').change(function () {
                var collapsible = [];
                $.each($('#expanded option:selected'), function () {
                    collapsible.push($(this).val());
                });

                console.log('Selected expanded options:', collapsible);
            });

            $('#products').select2({
                minimumInputLength: 3,
                ajax: {
                    url: "{{ route('product-search') }}",
                    dataType: 'json',
                    delay: 250,
                    processResults: function (data) {
                        return {
                            results: $.map(data, function (item) {
                                return {
                                    text: item.product_code_inv,
                                    id: item.product_code_inv
                                }
                            })
                        };
                    },
                    cache: true
                }
            }).val({!! json_encode($offer->offeredProduct->pluck('product_code_inv')->toArray()) !!}).trigger('change');

        });
    </script>
@endsection