<?php

/**
 * Template part for displaying the header content
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
 *
 * @package ljn
 */

?>

<header id="masthead" class="z-[1000] fixed top-0 left-0">

	<div id="site-navigation">



		<nav id="menu" aria-label="<?php esc_attr_e('Main Navigation', 'ljn'); ?>" class=" ">
			<div class="top"></div>
			<?php
			wp_nav_menu(
				array(
					'theme_location' => 'menu-header',
					'menu_id'        => 'primary-menu',
					'container_id'   => 'primary-menu-container',
					'container_class'   => 'center',
					'items_wrap'     => '<ul id="%1$s" class="%2$s" aria-label="submenu">%3$s</ul>',
				)
			);

			// 	array(
			// 		'theme_location' => 'menu-3',
			// 		'menu_id'        => 'legals-menu',
			// 		"menu_class"		 => 'menu-legals',
			// 		'items_wrap'     => '<ul id="%1$s" class="%2$s" aria-label="submenu">%3$s</ul>',
			// 	)
			// );
			?>
			<div class="bottom">

				<div id="socials-menu" class="socials flex gap-4 lg:hidden">
					<?php get_template_part('template-parts/components/social', 'links'); ?>
				</div>

				<?php

				wp_nav_menu(
					array(
						'theme_location' => 'menu-footer',
						'menu_id'        => 'footer-menu',
						'container_id'   => 'footer-menu-container',
						'container_class'   => 'center menu-legals',
						'items_wrap'     => '<ul id="%1$s" class="%2$s" aria-label="submenu">%3$s</ul>',
					)
				);

				?>
			</div>
		</nav><!-- #site-navigation -->



		<div id="side-bar" class="">
			<a href="<?php echo home_url('/'); ?>" class="logo hidden lg:block">
				<?php echo lnj_load_inline_svg('logo.svg'); ?>
			</a>
			<button class="btn-nav-toggler-container js-toggle-element-class" type="button" data-class="js-menu-open" data-dom="body" aria-controls="#menu" aria-haspopup="true">
				<div class="btn-nav-toggler  items-center justify-center relative">
					<div class="icon"></div>
				</div>
				<div class="text-[22px] uppercase  hidden lg:block">Menu</div>
			</button>
			<div class=" socials flex flex-col gap-4 lg:gap-10  hidden lg:flex">
				<?php get_template_part('template-parts/components/social', 'links'); ?>
			</div>
		</div>
</header><!-- #masthead -->
