{{--
    User Manual ............
--}}
<div class="d-flex w-100">
    <select class="pro_live_{{ @$cls }} form-select cl-form-select w-100 " name="{{ @$name??'product_id' }}" id="{{ @$id??'product_id' }}" {{ @$binder }} {{ @$event }}> </select>
    @if (checkAuthPermission('product.create') && !@$skip_add_new)
        <button type="button" class="btn btn-yellow" onclick="createProduct()"> <i class="icofont-plus"></i></button>
    @endif
</div>

@php
    $cls = 'pro_live_'.@$cls;
    $reqParam = @$reqParam??[];
    $modal_id = @$modal_id??null;
@endphp
@section('script_after')
    <script>
        console.log(@json($reqParam));
        // const sts = @json(getCompanySettings(1));
        // liveSearch('pro_live', '/product-live-search', true, title = 'Select Product', {}, null, (item) => ({ id: item.id, text: item.name_eng+ ((sts.is_barcode_show == 1) ? ' ('+ item.barcode +')' : '') }));
        liveSearchV2({
            class: "{{ $cls }}",
            url: '/product-live-search',
            allowClear: true,
            placeholder: 'Select Product', 
            otherParameters: @json($reqParam),
            modal_id: "{{ $modal_id }}",
            option: (item) => ({ id: item.id, text: item.custom_name })
        });
    </script>
@append