jQuery(document).ready(function ($) {
  var $window = $(window),
    $body = $('body');

  // Breakpoints.
  breakpoints({
    xlarge: ['1281px', '1680px'],
    large: ['981px', '1280px'],
    medium: ['737px', '980px'],
    small: [null, '736px'],
  });

  // Play initial animations on page load.
  $window.on('load', function () {
    window.setTimeout(function () {
      $body.removeClass('is-preload');
    }, 100);
  });

  // Check if dropotron is defined before using it.
  if ($.fn.dropotron) {
    $('#nav > ul').dropotron({
      mode: 'fade',
      noOpenerFade: true,
      alignment: 'center',
    });
  } else {
    console.error('dropotron plugin is not loaded or defined.');
  }

  // Title Bar.
  $(
    '<div id="titleBar"><a href="#navPanel" class="toggle"></a></div>'
  ).appendTo($body);

  // Panel - Check that navList function is properly loaded.
  // Assuming navList is a custom function or plugin method.
  $('<div id="navPanel"><nav>' + $('#nav').navList() + '</nav></div>')
    .appendTo($body)
    .panel({
      delay: 500,
      hideOnClick: true,
      hideOnSwipe: true,
      resetScroll: true,
      resetForms: true,
      side: 'left',
      target: $body,
      visibleClass: 'navPanel-visible',
    });
});

//keybord

document.addEventListener('DOMContentLoaded', function () {
  const menuLinks = document.querySelectorAll(
    '.menu-sec a[aria-haspopup="true"]'
  );

  menuLinks.forEach((link) => {
    link.addEventListener('keydown', function (event) {
      if (event.key === 'Enter' || event.key === ' ') {
        event.preventDefault();
        const isExpanded = link.getAttribute('aria-expanded') === 'true';
        link.setAttribute('aria-expanded', !isExpanded);
        const submenu = link.nextElementSibling;
        submenu.style.display = isExpanded ? 'none' : 'block';
        submenu.setAttribute('aria-hidden', isExpanded);
      }
    });
  });

  // Mobile menu toggle
  const burgerArea = document.querySelector('.burger-area');
  const mobileMenu = document.getElementById('menus');

  burgerArea.addEventListener('click', function () {
    const isExpanded = burgerArea.getAttribute('aria-expanded') === 'true';
    burgerArea.setAttribute('aria-expanded', !isExpanded);
    mobileMenu.style.display = isExpanded ? 'none' : 'block';
  });

  burgerArea.addEventListener('keydown', function (event) {
    if (event.key === 'Enter' || event.key === ' ') {
      event.preventDefault();
      burgerArea.click();
    }
  });
});