@model VberAdmin.Web.Models.Search.VmSearch
@if (Model != null)
{
       <!--begin::Search-->
    <form id="@Model.Id" class="d-flex align-items-center  justify-content-between me-2 w-100 d-none d-md-flex">
        <div class="d-flex align-items-center position-relative my-1">
            <!--Svg Icon | path: icons/duotone/General/Search.svg-->
            <span class="svg-icon svg-icon-1 position-absolute ms-6">
                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                        <rect x="0" y="0" width="24" height="24"></rect>
                        <path d="M14.2928932,16.7071068 C13.9023689,16.3165825 13.9023689,15.6834175 14.2928932,15.2928932 C14.6834175,14.9023689 15.3165825,14.9023689 15.7071068,15.2928932 L19.7071068,19.2928932 C20.0976311,19.6834175 20.0976311,20.3165825 19.7071068,20.7071068 C19.3165825,21.0976311 18.6834175,21.0976311 18.2928932,20.7071068 L14.2928932,16.7071068 Z" fill="#000000" fill-rule="nonzero" opacity="0.3"></path>
                        <path d="M11,16 C13.7614237,16 16,13.7614237 16,11 C16,8.23857625 13.7614237,6 11,6 C8.23857625,6 6,8.23857625 6,11 C6,13.7614237 8.23857625,16 11,16 Z M11,18 C7.13400675,18 4,14.8659932 4,11 C4,7.13400675 7.13400675,4 11,4 C14.8659932,4 18,7.13400675 18,11 C18,14.8659932 14.8659932,18 11,18 Z" fill="#000000" fill-rule="nonzero"></path>
                    </g>
                </svg>
            </span>

            <input type="text" data-search-keyWord="global" data-search-filed="@Model.Field" data-search-filed-type="@((int)Model.FieldType)" data-search-exp-type="@((int)Model.ExpType)" data-kt-table-filter="search" class="form-control form-control-solid form-control-sm w-250px ps-15" placeholder="输入关键字"/>
        </div>
        <div class="d-flex justify-content-end">
            <a href="#" class="btn btn-sm btn-flex btn-light-primary fw-bolder" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end" data-kt-menu-flip="top-end">
                <!--Svg Icon | path: icons/duotone/Text/Filter.svg-->
                <span class="svg-icon svg-icon-5 svg-icon-gray-500 me-1">
                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
                        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                            <rect x="0" y="0" width="24" height="24"></rect>
                            <path d="M5,4 L19,4 C19.2761424,4 19.5,4.22385763 19.5,4.5 C19.5,4.60818511 19.4649111,4.71345191 19.4,4.8 L14,12 L14,20.190983 C14,20.4671254 13.7761424,20.690983 13.5,20.690983 C13.4223775,20.690983 13.3458209,20.6729105 13.2763932,20.6381966 L10,19 L10,12 L4.6,4.8 C4.43431458,4.5790861 4.4790861,4.26568542 4.7,4.1 C4.78654809,4.03508894 4.89181489,4 5,4 Z" fill="#000000"></path>
                        </g>
                    </svg>
                </span>
                高级查询
            </a>
            <div class="menu menu-sub menu-sub-dropdown w-250px w-md-300px " data-kt-menu="true" id="menu_@Model.Id" data-popper-placement="bottom-end">
                <div class="px-5 py-3">
                    <div class="fs-5 text-dark fw-bolder">高级查询</div>
                </div>
                <div class="separator border-gray-200"></div>
                @if (Model.Items != null && Model.Items.Any())
                {
                    <div class="px-5 py-3">
                        <div class="scroll mh-475px">
                        @foreach (var item in Model.Items)
                        {
                            @await Html.PartialAsync("Input/_SearchInput", item)
                           
                        }
                        </div>
                        <!--begin::Actions  data-kt-menu-dismiss="true"--> 
                        <div class="d-flex justify-content-end">
                            <button type="reset" class="btn btn-sm btn-light btn-active-light-primary me-2">重置</button>
                            <button type="button" class="btn btn-sm btn-primary"  data-vb-tool-menu-type="btnSearch" data-search-submit="true" >查询</button>
                        </div>
                        <!--end::Actions-->
                    </div>
                }
               
            </div>
        </div>
    </form>
    <script>
        $(function () {
          
            $('#@(Model.Id)').find('.form-control,.form-select').on('keydown.search',
                function (event) {
                    let e = event || window.event;
                    if (e && e.keyCode == 13) {
                        let $btn = $("#@(Model.Id)").find('button[data-vb-tool-menu-type="btnSearch"]');
                        if ($btn && $btn.length) {
                            $btn.trigger("click");
                        }
                    }
                });
        });
    </script>
    <!--end::Search-->
}