{{-- Upar ka sara original code as-it-is rehne dein --}}
{{-- Sirf niche wale scripts ko replace karein --}}

@section('after_scripts')
    @parent
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.2/bootstrap3-typeahead.min.js"></script>
    <script>
        $(document).ready(function() {
            var $queryInput = $('#queryKeyword');
            if ($queryInput.length) {
                $queryInput.typeahead({
                    source: function (query, process) {
                        return $.get("{{ route('ajax.keywords') }}", { term: query }, function (data) {
                            return process(data);
                        });
                    },
                    displayText: function(item) {
                        return item.display_keyword;
                    },
                    highlighter: function(item, data) {
                        // Dubizzle style: Search [Keyword] in [Category]
                        return '<div class="py-2 px-1">' +
                               '<span style="font-weight:700; color:#111;">' + data.display_keyword + '</span>' +
                               '<span style="color:#666; font-size:12px;"> in ' + data.category + '</span>' +
                               '</div>';
                    },
                    autoSelect: true,
                    minLength: 2,
                    items: 6
                });
            }
        });
    </script>
    <style>
        /* Essential for View Protection: Dropdown floats on top */
        .typeahead.dropdown-menu { 
            position: absolute !important;
            z-index: 100000 !important; 
            border-radius: 12px !important; 
            font-family: 'Poppins', sans-serif !important; 
            box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important;
            background: #ffffff !important;
            border: 1px solid #eee !important;
            width: 100% !important;
            margin-top: 5px;
        }
        .typeahead.dropdown-menu .active > a { 
            background: #f8f9fa !important; 
            color: #ff0000 !important; 
            background-image: none !important;
            border-radius: 8px;
        }
    </style>
@endsection<?xml version="1.0" encoding="UTF-8"?><sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
  </sitemapindex>