{{-- filter bookmarked --}}
<div class="d-flex align-items-center justify-content-center min-w-120 me-2">
    <div class="form-check form-switch d-flex align-items-center mt-1 gap-2">
        <input class="form-check-input mb-1" type="checkbox" role="switch" v-model="filterObj.bookmarked_only"
            @change="searchFunction" id="check_hide_bookmarked">
        <label class="form-check-label lh-md" for="check_hide_bookmarked">
            {{ trans('label.bookmark_show') }}
        </label>

    </div>
</div>
{{-- end filter bookmarked --}}


@php 
use App\Traits\DynamicQueryHelper;
use DynamicQueryHelper;
$query = $this->applyDynamicQuery($query, (new EtPreProject)->getTable(), $request->input('dynamicQuery'));

@endphp 
    <search :table_name="'trainee_passport'" @search="handleDynamicSearch"></search>

    dynamicQuery: [],

    handleDynamicSearch(query) {
        this.dynamicQuery = query || [];
        this.page = 1;
        this.onLoadPagination();
    },

    data: {
        ...that.filterObj, // Các filter cũ nếu có
        dynamicQuery: JSON.stringify(that.dynamicQuery) // Dữ liệu filter động mới
    },



                    <li class="nav-item m-0">
                        <div :class="[{ 'active': activeTab === 'tab_history' }, 'nav-link']" role="button"
                            @click="toggleComponent('tab_history','list_history')">
                            <i class="fa-solid fa-clock-rotate-left me-1"></i>{{ trans('label.tab_history') }}
                        </div>
                    </li>

                    <list_history v-show="activeTab === 'tab_history'" key="tab_history" :count_data="count_data">
                    </list_history>


    @include('components.list.list_history')







        @include('components.list.list_history')