document.addEventListener('DOMContentLoaded', () => {
  const form = document.getElementById('search-form');
  const input = document.getElementById('search-input');
  const toastEl = document.getElementById('searchToast');
  const toastBody = document.getElementById('searchToastBody');

  if (!form || !input || !toastEl || !toastBody || !window.bootstrap) {
    return;
  }

  const toast = new window.bootstrap.Toast(toastEl, { delay: 4000 });

  form.addEventListener('submit', (event) => {
    event.preventDefault();
    const query = input.value.trim();

    if (!query) {
      toastBody.textContent = 'Enter a keyword to start searching.';
      toast.show();
      return;
    }

    toastBody.textContent = `Search will route to /search?q=${query} once enabled.`;
    toast.show();
  });
});