<?php

if ( ! defined( 'ABSPATH' ) ) {
	exit; // Exit if accessed directly.
}

$args = rey__header_nav_params();
$menus = [];

if ( ($desktop_menu = rey__get_nav_menu_by_location( $args['menu'] )) && is_nav_menu( $desktop_menu ) ) :

	if( $args['mobile_menu'] || !empty($args['load_hamburger']) ){
		rey_assets()->add_styles('rey-header-mobile-menu');
		get_template_part('template-parts/header/hamburger-icon');
	} ?>

    <nav id="site-navigation<?php echo esc_attr($args['nav_id']) ?>" class="rey-mainNavigation rey-mainNavigation--desktop <?php echo esc_attr($args['nav_style']) ?> <?php echo esc_attr( implode(' ', apply_filters('rey/header/nav_classes', [], $args, 'desktop') )) ?>" <?php rey__render_attributes('site-navigation', [
		'data-id' => $args['nav_id'],
		'aria-label' => __( 'Main Menu', 'rey' ),
		'data-sm-indicator' => $args['nav_indicator']
	]); ?>>

        <?php
		$menus = ['desktop'];

        $desktop_nav_menu = wp_nav_menu([
			'menu'        => $desktop_menu,
			'menu_id'     => 'main-menu-desktop' . esc_attr($args['nav_id']),
			'menu_class'  => esc_attr( implode(' ', apply_filters('rey/header/nav_ul_classes', [
					'rey-mainMenu',
					'rey-mainMenu--desktop',
					'id--mainMenu--desktop',
					$args['nav_indicator'] !== 'none' ? '--has-indicators' : '',
					$args['nav_ul_style']
				], $args, 'desktop') )),
			'container'   => '',
			'items_wrap'  => '<ul id="%1$s" class="%2$s">%3$s</ul>',
			'link_before' => '<span>',
			'link_after'  => '</span>',
			'rey_indicators' => $args['nav_indicator'],
			'echo'        => false,
			'cache_menu'  => get_theme_mod('header_nav_cache', false),
		]);

		printf('%s', $desktop_nav_menu); ?>
	</nav><!-- .rey-mainNavigation -->

<?php else: ?>

	<?php if( current_user_can('administrator') ):
		$should_display_notice = true;

		// hide the notice when the elementor element purposely hides the desktop menu
		if ( isset($args['override']) && $args['override'] && $args['menu'] === '' ){
			$should_display_notice = false;
		}

		if( $should_display_notice ): ?>
			<style>
			@media (min-width: 1025px) {
				.rey-mainNavigation--missing { --missing-nav: block; }
			}
			</style>
			<div class="rey-mainNavigation--missing" style="text-align: end; display: var(--missing-nav, none);"><?php echo sprintf( wp_kses( __('You have to create a menu then select Primary Menu location using&nbsp;<a href="%s">Menu Builder</a>', 'rey'), ['a' => ['href' => []]] ), esc_url(admin_url('nav-menus.php')) ) ?></div>
		<?php endif; ?>
    <?php endif; ?>
<?php endif; ?>

<?php
if ( ($mobile_menu = rey__get_nav_menu_by_location ($args['mobile_menu'])) && is_nav_menu( $mobile_menu ) ) : ?>

	<nav
		id="site-navigation-mobile<?php echo esc_attr($args['nav_id']) ?>"
		class="rey-mainNavigation rey-mainNavigation--mobile rey-mobileNav <?php echo esc_attr( implode(' ', apply_filters('rey/header/nav_classes', [], $args, 'mobile') )) ?>"
		<?php rey__render_attributes('site-navigation', [
			'data-id' => $args['nav_id'],
			'aria-label' => __( 'Main Menu', 'rey' )
		]); ?>
	>
		<div class="rey-mobileNav-container">
			<div class="rey-mobileNav-header">

				<?php do_action('rey/mobile_nav/header'); ?>

				<div class="rey-siteLogo">
					<?php
					$logo_data = rey__header_logo_params();

					// if has mobile panel logo
					if( isset($logo_data['mobile_panel_logo']) && $logo_data['mobile_panel_logo']){
						$logo_data['logo'] = $logo_data['mobile_panel_logo'];
						$logo_data['logo_mobile'] = false;
					}

					if ( apply_filters('rey/mobile_nav/header_logo', $logo_data['logo']) ) :
						echo rey__custom_logo( $logo_data );
					else: ?>
						<a class="rey-logoTitle" href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php echo esc_html($logo_data['blog_name']); ?></a>
					<?php endif; ?>
				</div>

				<?php
				echo apply_filters('rey/mobile_nav/close_button', sprintf('<button class="btn rey-mobileMenu-close js-rey-mobileMenu-close" aria-label="%s">%s</button>', esc_html__('Close menu', 'rey'), rey__get_svg_icon(['id' => 'close']) ) ); ?>

			</div>

			<div class="rey-mobileNav-main">
				<?php

				do_action('rey/mobile_nav/main_start');

				$menus = ['mobile'];

				// if desktop menu is the same as mobile,
				// let's not make another db. query, and instead replace stuff inside
				if( isset($desktop_nav_menu) && $desktop_nav_menu && $mobile_menu === $desktop_menu ){
					$mobile_nav_menu = str_replace(
						[
							'main-menu-desktop' . esc_attr($args['nav_id']),
							'id--mainMenu--desktop',
							$args['nav_ul_style'],
							'rey-mainMenu--desktop',
							'id="menu-item-'
						],
						[
							'main-menu-mobile' . esc_attr($args['nav_id']),
							'',
							'',
							'rey-mainMenu-mobile',
							'id="mobile-menu-item-'
						],
						$desktop_nav_menu
					);
				}
				else {
					$mobile_nav_menu = wp_nav_menu([
						'menu'            => $mobile_menu,
						'menu_id'         => 'main-menu-mobile' . esc_attr($args['nav_id']),
						'menu_class'      => 'rey-mainMenu rey-mainMenu-mobile',
						'items_wrap'      => '<ul id="%1$s" class="%2$s">%3$s</ul>',
						'link_before'     => '<span>',
						'link_after'      => '</span>',
						'echo'            => false,
						'rey_indicators' => $args['nav_indicator'],
						'cache_menu'      => get_theme_mod('header_nav_cache', false),
					]);
				}

				printf('%s', $mobile_nav_menu);

				do_action('rey/mobile_nav/main_end'); ?>
			</div>

			<div class="rey-mobileNav-footer">
				<?php do_action('rey/mobile_nav/footer'); ?>
			</div>
		</div>

	</nav>

<?php endif;

if( ! empty($menus) ){

	rey_assets()->add_styles(['rey-header-menu', 'rey-header-menu-submenus']);
	rey_assets()->add_scripts(['rey-mobile-menu-trigger', 'rey-main-menu']);

	// indicators are set
	if( $args['nav_indicator'] && $args['nav_indicator'] !== 'none' ){
		rey_assets()->add_styles('rey-header-menu-indicators-' . esc_attr($args['nav_indicator']));
	}

}