<style>
.ui-autocomplete {
    z-index: 1500;
}
</style>
    <form class="row g-3 auto-width" action="{{ route('incentive-settings.store') }}" method="post" enctype='multipart/form-data'
    id="source_form">
    @csrf
     <!-- Account -->
     <div class="col-md-12">
        <div>
            <label class="form-label">Account <span class="text-danger"><b>*</b></span></label>
        </div>
        <div class="input-group autocomplete">
            <input type="text" name="" id="account_id" class="account-select form-control" placeholder="Search account">
            <ul class="searchResult"></ul>
            <input type="hidden" name="account_id" value="">
        </div>
        <span class="text-danger error_account_id" style="display:none;">This field is required.</span>
    </div>
    <!-- Slab ID -->
    <div class="col-md-6">
        <div>
            <label for="slab_id" class="form-label">Slab <span class="text-danger"><b>*</b></span></label>
        </div>
        <div class="input-group">
            <select class="single-select form-control" name="slab_id">
                @foreach ($slab as $list)
                    <option value="{{ $list->id }}">{{ $list->slab_name }}</option>
                @endforeach
            </select>
            <div class="input-group-append" style="margin: auto 10px;">
                <button class="btn btn-success add_btn" id="create_insentive_slab" type="button"> + </button>
            </div>
        </div>
        <span class="text-danger error_slab_id" style="display: none;">This field is required.</span>
    </div>
    <!-- Date UpTo -->
    <div class="col-md-6">
        <label for="date_upto" class="form-label">Valid upto </label>
        <input type="text" class="form-control" id="date_upto" name="date_upto" aria-describedby="inputGroupPrepend" readonly required autofocus="on" readonly>
        <span class="text-danger error_date_upto" style="display:none;">This field is required.</span>
    </div>
</form>
