<?php
/**
 * Displays the site header.
 *
 * @package BlogAura
 */
?>

<header id="masthead" class="site-header site-header-5">
    <?php get_template_part('template-parts/header/responsive-header'); ?>
    <div class="site-header-desktop hide-on-tablet hide-on-mobile">
        <div class="wrapper">
            <div class="header-components header-components-top">
              <div class="header-wrapper">
                <div class="header-components header-components-left">
                  <?php
                  if (has_nav_menu('expanded')) {
                      ?>
                      <div class="toggle-wrapper nav-toggle-wrapper has-expanded-menu">
                          <button class="toggle nav-toggle desktop-nav-toggle" data-toggle-target=".menu-modal"
                                  data-toggle-body-class="showing-menu-modal" aria-expanded="false"
                                  data-set-focus=".close-nav-toggle">
                              <span class="toggle-text"><?php _e('Menu', 'blogaura'); ?></span>
                              <?php blogaura_the_theme_svg('grid'); ?>
                          </button><!-- .nav-toggle -->
                      </div><!-- .nav-toggle-wrapper -->
                      <?php
                  }
                  ?>
                </div>

                <div class="header-components header-components-center">
                  <?php
                  get_template_part('template-parts/header/site-branding');
                  ?>
                </div>

                <div class="header-components header-components-right">
                  <div class="toggle-wrapper search-toggle-wrapper">
                    <button class="toggle search-toggle desktop-search-toggle" aria-label="<?php esc_attr_e( 'Search', 'blogaura' ); ?>" data-toggle-target=".search-modal" data-toggle-body-class="showing-search-modal" data-set-focus=".search-modal .search-field" aria-expanded="false">
                        <?php blogaura_the_theme_svg('search'); ?>
                    </button><!-- .search-toggle -->
                  </div>

                <?php $enable_streaming_button = blogaura_get_option('enable_streaming_button');
                $streaming_button_text = blogaura_get_option('streaming_button_text');
                $streaming_button_url = blogaura_get_option('streaming_button_url');

                if ($enable_streaming_button ) { ?>
                  <a href="<?php echo esc_url($streaming_button_url); ?>" target="_blank" class="btn-stream">
                    <?php blogaura_the_theme_svg('live-stream'); ?>
                    <span>
                      <?php echo esc_html($streaming_button_text); ?>
                    </span>
                  </a>
                <?php } ?>

                </div>
              </div>
            </div>
        </div>

        <div class="header-components header-components-bottom">
          <div class="header-wrapper">
            <div class="header-components header-components-center">
              <div class="header-navigation-wrapper">
                <?php
                if (has_nav_menu('primary')) {
                    ?>
                    <nav class="primary-menu-wrapper"
                          aria-label="<?php echo esc_attr_x('Horizontal', 'menu', 'blogaura'); ?>">
                        <ul class="primary-menu reset-list-style">
                            <?php
                            if (has_nav_menu('primary')) {
                                wp_nav_menu(
                                    array(
                                        'container' => '',
                                        'items_wrap' => '%3$s',
                                        'theme_location' => 'primary',
                                    )
                                );
                            } elseif (!has_nav_menu('expanded')) {
                                wp_list_pages(
                                    array(
                                        'match_menu_classes' => true,
                                        'show_sub_menu_icons' => true,
                                        'title_li' => false,
                                        'walker' => new BlogAura_Walker_Page(),
                                    )
                                );
                            }
                            ?>
                        </ul>
                    </nav><!-- .primary-menu-wrapper -->
                    <?php
                } else { ?>
                    <nav class="primary-menu-wrapper ">
                        <ul class="primary-menu reset-list-style fallback-menu">
                            <?php
                            wp_list_pages(
                                array(
                                    'match_menu_classes'  => true,
                                    'show_sub_menu_icons' => true,
                                    'title_li'            => false,
                                )
                            );
                            ?>
                        </ul>
                    </nav>
                <?php } ?>
              </div><!-- .header-navigation-wrapper -->
            </div>
          </div>
        </div>
    </div>
</header><!-- #masthead -->
