<style>
    .ui-autocomplete {
        z-index: 1500;
    }
</style>
<form class="row g-3 auto-width" action="{{ route('appointment-doctor-fees-update', ['id' => $fees->id]) }}" method="post" enctype="multipart/form-data">
    @csrf
    @method('patch')
     <!-- Doctor -->
     <div class="col-md-12">
        <div>
            <label class="form-label">Products <span class="text-danger"><b>*</b></span></label>
        </div>
        <div class="input-group autocomplete">
            <input type="text" id="product_id" class="product-select form-control" placeholder="Search Products" autocomplete="off" 
            value="{{$fees->getProduct->name}}">
            <ul class="searchResult"></ul>
        </div>
        <span class="text-danger error_product_id" style="display:none;">This field is required.</span>
        <input type="hidden" name="product_id" value="{{$fees->getProduct->id}}">
    </div>
</form>