{{-- <div class="position-relative">
    <a href="javascript:void(0);" class="btn rounded-3 text-black bg-white border text-nowrap" data-bs-toggle="dropdown"
        aria-haspopup="true" aria-expanded="true">
        <i class="bi bi-signpost button_icon"></i>{{ trans('label.status') }}
    </a>
    <div class="dropdown-menu dropdown-menu-end rounded-1 border-0 shadow min-w-200" data-popper-placement="bottom-start">
        <form @submit.prevent="searchFunction" class="form-filter flex-wrap p-3">
            @csrf
            <div class="row p-0 flex-row" @click.stop>
                <div class="col-12  flex-wrap d-flex flex-column">
                    <div class="form-group  mb-1">
                        <label class="d-flex gap-2 mb-2 pb-1" role="button" for="form-check-all-status">
                            <div class="form-check-label me-auto">
                                {{ trans('label.select_all_status') }}
                            </div>
                            <input
                                :class="[{ 'gino-checkbox--checked2': selectAllStatus == 2 },
                                    'gino-checkbox form-check-input'
                                ]"
                                id="form-check-all-status" type="checkbox" v-model="selectAllStatus"
                                :checked="selectAllStatus">
                        </label>
                        @foreach ($status as $key => $item)
                            <label for="status_{{ $key }}" style="margin-bottom:10px" role="button"
                                class="form-switch d-flex gap-2 ps-0">
                                <div class="form-check-label me-auto">
                                    {{ $item->str_val1 }}
                                </div>
                                <input class="form-check-input position-relative ms-0" type="checkbox"
                                    v-model="filterObj.status" id="status_{{ $key }}"
                                    value="{{ $item->key3 }}">
                            </label>
                        @endforeach
                    </div>
                </div>
            </div>

            <div class="form-row text-nowrap text-center">
                <div class="btn btn-light text-nowrap" @click="resetSearch">{{ trans('label.reset') }}</div>
                <button class="btn btn-primary text-nowrap" type="submit">{{ trans('label.apply') }}</button>
            </div>
        </form>
    </div>
</div>
 --}}