// Header
$('#searchForm div').addClass('divSearch');
$('#searchForm div').addClass('input-group');
$('#textToSearch').addClass('input');
$('#textToSearch').attr('placeholder', 'Search');

// Debug check for search form existence
console.log('Search form structure:', {
  form: $('#searchForm').length,
  div: $('#searchForm div').length,
  input: $('#textToSearch').length,
  button: $('#searchForm button').length
});

// // Remove any existing search mode buttons
// $('.search-mode-control').remove();

// // Add hidden input field to track the current search mode (if not already present)
// if ($('#searchMode').length === 0) {
//   $('#searchForm').append('<input type="hidden" id="searchMode" name="searchMode" value="fullText">');
// }

// // Modify the textToSearch input to add padding for our buttons
// $('#textToSearch').css({
//   'padding-right': '120px' // Adjusted padding to prevent overflow
// });

// // Create a wrapper for the search box to allow absolute positioning
// $('#textToSearch').wrap('<div class="search-input-wrapper"></div>');
// $('.search-input-wrapper').css({
//   'position': 'relative',
//   'display': 'inline-block',
//   'width': '100%'
// });

// // Create segmented control for search modes
// const searchModeControl = $(`
//   <span class="search-mode-control">
//     <button type="button" class="search-mode-btn active" id="fullTextSearchBtn">
//       <span class="search-btn-text">Search</span>
//     </button>
//     <button type="button" class="search-mode-btn" id="aiChatBtn">
//       <span class="search-btn-text">AI</span>
//     </button>
//   </span>
// `);

// // Insert control inside the search input wrapper
// $('.search-input-wrapper').append(searchModeControl);

// console.log('Added search mode control inside search input');

// // Style the control and buttons for in-input positioning with improved alignment
// $('.search-mode-control').css({
//   'position': 'absolute',
//   'display': 'inline-flex',
//   'right': '15px', 
//   'top': '50%',
//   'transform': 'translateY(-50%)',
//   'height': '90%',
//   'z-index': '10',
//   'background-color': 'white',
//   'border-radius': '0', // Remove border radius from container
//   'overflow': 'hidden',
// //   'border': '1px solid #ccc',
//   'box-sizing': 'border-box',
//   'margin': '0',
//   'padding': '0'
// });

// $('.search-mode-btn').css({
//   'background': '#eaeaea',
//   'border': 'none',
//   'border-right': '1px solid #ccc',
//   'padding': '0 8px',
//   'margin': '0',
//   'cursor': 'pointer',
//   'height': '100%', // Ensure 100% height
//   'color': '#333',
//   'font-weight': 'normal',
//   'min-width': '50px',
//   'font-size': '12px',
//   'text-align': 'center',
//   'display': 'flex',
//   'align-items': 'center',
//   'justify-content': 'center',
//   'box-sizing': 'border-box',
//   'border-radius': '0' // Reset border radius for all buttons
// });

// // Keep left corners of Search button squared, but round right corners of AI button
// $('.search-mode-btn:first-child').css({
//   'border-radius': '0' // Square corners for first button
// });

// // Make right corners of AI button rounded
// $('.search-mode-btn:last-child').css({
//   'border-right': 'none',
//   'border-top-right-radius': '6px',
//   'border-bottom-right-radius': '6px'
// });

// $('.search-mode-btn.active').css({
//   'background-color': '#007ac3',
//   'color': 'white'
// });

// Ensure the button text is centered and doesn't have extra space
$('.search-btn-text').css({
  'display': 'inline-block',
  'line-height': '1',
  'padding': '0',
  'margin': '0'
});

// Ensure Bootstrap Icons are loaded
if (!document.querySelector('link[href*="bootstrap-icons"]')) {
  console.warn('Bootstrap Icons CSS not detected. Adding it dynamically.');
  $('head').append('<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css">');
}

// Move search form to header container
$('#searchForm').appendTo('.wh_header_flex_container');

$('#wh_top_menu_and_indexterms_link').insertAfter('.wh_header_flex_container');

// Style the search form input group
$('.divSearch').css({
  'display': 'flex !important',
  'align-items': 'center',
  'margin-right': '10px'
});

// Remove any tooltips
$('.wh-tooltip').remove();

// Use setTimeout to verify the buttons exist and are visible
setTimeout(function() {
  console.log('Search mode buttons count:', $('.search-mode-btn').length);
  console.log('Search mode buttons visible:', $('.search-mode-btn').is(':visible'));
}, 1000);

//#region Images
if (Variables.IsAuthoring) {
    $('img').each(
        function(){
            $(this).css({'border': 'none'});
        });
};

$('img').each(function() {
    if ($(this).width() <= 50) {
        $(this).css('border','none');
        $(this).css('margin-bottom','0');
    }  
});
// #endregion