<?php
/*
* Display Theme menus
*/
?>

<?php
$ngo_organization_sticky = get_theme_mod('ngo_organization_sticky');
    $ngo_organization_data_sticky = "false";
    if ($ngo_organization_sticky) {
    $ngo_organization_data_sticky = "true";
    }
    global $wp_customize;
?>

<div class="menubar <?php if( is_user_logged_in() && !isset( $wp_customize ) ){ echo "login-user";} ?>" data-sticky="<?php echo esc_attr($ngo_organization_data_sticky); ?>">
    <div class="innermenubox">
          <div class="toggle-nav mobile-menu">
            <button onclick="ngo_organization_menu_open_nav()" class="responsivetoggle"><i class="fas fa-bars"></i><span class="screen-reader-text"><?php esc_html_e('Open Button','ngo-organization'); ?></span></button>
          </div>
      <div id="mySidenav" class="nav sidenav">
        <nav id="site-navigation" class="main-navigation" role="navigation" aria-label="<?php esc_attr_e( 'Top Menu', 'ngo-organization' ); ?>">
                  <?php 
                      wp_nav_menu( array(
                        'theme_location' => 'primary-menu',
                        'container_class' => 'main-menu clearfix' ,
                        'menu_class' => 'clearfix',
                        'items_wrap' => '<ul id="%1$s" class="%2$s mobile_nav">%3$s</ul>',
                        'fallback_cb' => 'wp_page_menu',
                      ) );
                  ?>
            <a href="javascript:void(0)" class="closebtn mobile-menu" onclick="ngo_organization_menu_close_nav()"><i class="fas fa-times"></i><span class="screen-reader-text"><?php esc_html_e('Close Button','ngo-organization'); ?></span></a>
          </nav>
        </div>
      </div>
</div>
