{{--
    User Manual ............
    1.Pass a Type. Ex- type=1(Vendor)/type=2(Customer).

    2.Pass a binder if needed. Ex- $binder =' binder=bind_name'.
    Note: Don't Put any Quote (""/'')
--}}

<div class="d-flex w-100">
<select class="party_live_{{ $type }}_{{ @$cls }} form-select cl-form-select" name="{{ @$name??'party_id' }}" id="{{ @$id??'party_id' }}" NsModelBind="{{ @$binder??'invoice.party_id' }}" {!! @$event !!}>
        @if(isset($selected_party))
            <option value="{{ $selected_party->id }}">{{ $selected_party->name_eng }}</option>
        @endif
    </select>
    @if (checkAuthPermission('party.store_update') && !@$skip_add_new)
        <button type="button" class="btn btn-sm btn-yellow ms-1" @if ($type == 1) onclick="createVendor()" @elseif($type == 2) onclick="createCustomer()" @endif> <i class="icofont-plus"></i></button>
    @endif
</div>
{{-- @php
	$modal_id = @$modal_id??'null';
	$allow_clear = @$allow_clear??'false';
	$cls = @$cls?strval("`_".$cls."`"):'`_`';
@endphp
@section('script_after')
    @if ($type == 1)
        <script> liveSearch('party_live'+'_'+{{ $type }}+{{ $cls }}, '/vendor-live-search', {{ $allow_clear }}, title = 'Select Vendor', {}, {{ $modal_id }}, (item) => ({ id: item.id, text: item.name_eng+' ('+item.code+')' })); </script>
    @else
        <script> liveSearch('party_live'+'_'+{{ $type }}+{{ $cls }}, '/customer-live-search', {{ $allow_clear }}, title = 'Select Customer', {}, {{ $modal_id }}, (item) => ({ id: item.id, text: item.name_eng+' ('+item.code+')' })); </script>
    @endif
@append --}}

@php
    $allow_clear = @$allow_clear??false;
    $url = $type == 1 ? '/vendor-live-search' : '/customer-live-search';
    $cls = 'party_live_'.$type.'_'.@$cls;
@endphp
@section('script_after')
	<script>
		liveSearchV2({
			class: "{{ $cls }}",
			url: "{{ $url }}",
			placeholder: 'Select',
			allowClear: @json($allow_clear),
			otherParameters: {type: {{ $type }}},
            modal_id: "{{ @$modal_id??'' }}",
			option: (item) => ({ id: item.id, text: item.name_eng+' ('+item.code+')' }),
		});
	</script>
@append