activity<div class="">
    <a href="javascript:void(0);" class="btn rounded-3 text-black bg-white border text-nowrap me-2"
        data-bs-toggle="dropdown">
        <i class="bi bi-funnel button_icon"></i>{{ trans('label.filters') }}
    </a>
    <div class=" dropdown-menu dropdown-menu-end p-0 m-0 bg-transparent min-w-250">
        <div class=" rounded-1 border-0 shadow bg-white">

            <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 ">
                            <label class="mb-2">{{ trans('pre_project.type') }}</label>
                            @foreach ($type as $key => $item)
                                <div style="margin-bottom:6px">
                                    <input class="form-check-input gino-checkbox" type="checkbox"
                                        v-model="filterObj.type" id="type_{{ $key }}"
                                        value="{{ $item->key3 }}">
                                    <label class="form-check-label" for="type_{{ $key }}">
                                        {{ $item->str_val1 }}
                                    </label>
                                </div>
                            @endforeach
                        </div>
 --}}

                        <div class="form-group mb-3">
                            <label class="mb-2">{{ trans('pre_project.start_date') }}</label>
                            <div class="position-relative gap-2">
                                <flat-pickr class="form-control" placeholder="日付範囲を選択" v-model="filterObj.start_date"
                                    :config="datePickerConfig"></flat-pickr>
                            </div>
                        </div>
                        <div class="form-group mb-3">
                            <label class="mb-2">{{ trans('pre_project.end_date') }}</label>
                            <div class="position-relative gap-2">
                                <flat-pickr class="form-control" placeholder="日付範囲を選択" v-model="filterObj.end_date"
                                    :config="datePickerConfig"></flat-pickr>
                            </div>
                        </div>

                        <div class="col-12 mb-3">
                            <label for="company_staff_id" class="form-label">{{ trans('pre_project.staff') }}</label>
                            <select2 class="form-control" v-model="filterObj.company_staff_id" name="company_staff_id"
                                data-allow-clear="true">
                                <option value=""></option>
                                @foreach ($staff as $item)
                                    <option value="{{ $item->company_staff_id }}">
                                        {{ $item->company_staff_id . ' ' . $item->name }}
                                    </option>
                                @endforeach
                            </select2>
                        </div>

                        <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 ($task_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>

                <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>
</div>