<div class="search-overlay-modal" id="searchOverlayModal" role="dialog" aria-modal="true"
    aria-label="{{ __('common.search') }}">
    <div class="search-overlay-backdrop" id="searchOverlayBackdrop"></div>
    <div class="search-overlay-container">
        <div class="search-overlay-header-integrated">
            <div class="search-overlay-search-wrapper">
                <i class="fe fe-search search-overlay-icon" aria-hidden="true"></i>
                <input type="text" class="search-overlay-input"
                    placeholder="{{ __('nav.search_placeholder') }}"
                    id="overlaySearchInput" autocomplete="off"
                    aria-label="{{ __('common.search') }}"
                    aria-controls="overlaySearchResults"
                    data-search-url="{{ route('navigation.search') }}">
                <button type="button" class="search-overlay-close-btn" id="closeSearchOverlay"
                    aria-label="{{ __('common.close') }}">
                    <i class="fe fe-x" aria-hidden="true"></i>
                </button>
            </div>
        </div>
        <div class="search-overlay-results-container" id="overlaySearchResults" hidden>
            <div class="search-overlay-status px-4 py-3 text-muted small" id="overlaySearchStatus" hidden></div>
            <div class="search-results-list" id="overlaySearchList" role="listbox"></div>
        </div>
    </div>
</div>

@once
    @push('scripts')
        @php
            $erpNavSearchI18n = [
                'loading' => __('common.loading'),
                'empty' => __('nav.search_empty'),
                'hint' => __('nav.search_hint'),
            ];
        @endphp
        <script>
            window.erpNavSearchI18n = @json($erpNavSearchI18n);
        </script>
        <script src="{{ asset('assets/admin/js/erp-nav-search.js') }}?v={{ @filemtime(public_path('assets/admin/js/erp-nav-search.js')) ?: '1' }}"></script>
        <script src="{{ asset('assets/admin/js/erp-index-filters.js') }}?v={{ @filemtime(public_path('assets/admin/js/erp-index-filters.js')) ?: '1' }}"></script>
        <script src="{{ asset('assets/admin/js/erp-mega-module-search.js') }}?v={{ @filemtime(public_path('assets/admin/js/erp-mega-module-search.js')) ?: '1' }}"></script>
    @endpush
@endonce
