<?php
/**
 * Template partial used to add content to the page in Theme Builder.
 * Duplicates partial content from header.php in order to maintain
 * backwards compatibility with child themes.
 */

if ( et_builder_is_product_tour_enabled() ) {
    return;
}

$template_directory_uri = get_template_directory_uri();
$header_vars            = extra_get_header_vars();
$header_below_ad        = extra_display_ad( 'header_below', false );
?>
<!-- Header -->
<header class="header <?php echo $header_vars['header_classes']; ?>">
    <?php if ( $header_vars['top_info_defined'] || is_customize_preview() ) { ?>
        <!-- #top-header -->
        <div id="top-header" style="<?php extra_visible_display_css( $header_vars['top_info_defined'] ); ?>">
            <div class="container">

                <!-- Secondary Nav -->
                <?php if ( '' !== $header_vars['secondary_nav'] ) { ?>
                    <div id="et-secondary-nav" class="<?php echo extra_customizer_selector_classes( extra_get_dynamic_selector( 'top_navigation' ), false ); ?>">
                        <?php if ( $header_vars['output_header_trending_bar'] ) { ?>

                            <!-- ET Trending -->
                            <div id="et-trending">

                                <!-- ET Trending Button -->
                                <a id="et-trending-button" href="#" title="">
                                    <span></span>
                                    <span></span>
                                    <span></span>
                                </a>

                                <!-- ET Trending Label -->
                                <h4 id="et-trending-label">
                                    <?php esc_html_e( 'TRENDING:', 'extra' ); ?>
                                </h4>

                                <!-- ET Trending Post Loop -->
                                <div id='et-trending-container'>
                                    <?php if ( $header_vars['trending_posts']->have_posts() ) : ?>
                                        <?php
                                        $trending_post_count = 0;
                                        while ( $header_vars['trending_posts']->have_posts() ) : $header_vars['trending_posts']->the_post();

                                            $trending_post_latest_class = $trending_post_count == 0 ? 'et-trending-latest' : '';

                                            $trending_post_classes = extra_classes( array( 'et-trending-post', $trending_post_latest_class ), 'et-trending-post', false );
                                            ?>
                                            <div id="et-trending-post-<?php the_ID(); ?>" class="<?php echo esc_attr( $trending_post_classes ); ?>">
                                                <a href="<?php the_permalink(); ?>"><?php echo esc_html( truncate_title( 55 ) ); ?></a>
                                            </div>
                                            <?php
                                            $trending_post_count++;
                                        endwhile;

                                        wp_reset_postdata();
                                        ?>
                                    <?php else : ?>
                                        <div id="et-trending-post-sample" class="et-trending-post et-trending-latest">
                                            <a href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php esc_html_e( 'Sample Post Title', 'extra' ); ?></a>
                                        </div>
                                    <?php endif; ?>
                                </div>
                            </div>
                            <?php echo $header_vars['secondary_nav']; ?>

                        <?php } else {
                            echo $header_vars['secondary_nav'];
                        } ?>
                    </div>
                <?php } ?>

                <!-- #et-info -->
                <div id="et-info">

                    <?php if ( $header_vars['output_header_social_icons'] ) { ?>

                        <!-- .et-extra-social-icons -->
                        <ul class="et-extra-social-icons" style="<?php extra_visible_display_css( $header_vars['show_header_social_icons'] ); ?>">
                            <?php $social_icons = extra_get_social_networks(); ?>
                            <?php foreach ( $social_icons as $social_icon => $social_icon_title ) { ?>
                                <?php $social_icon = esc_attr( $social_icon ); ?>
                                <?php $social_icon_url = et_get_option( sprintf( '%s_url', $social_icon ), '' ); ?>
                                <?php if ( '' != $social_icon_url && 'on' === et_get_option( "show_{$social_icon}_icon", 'on' ) ) { ?>
                                    <li class="et-extra-social-icon <?php echo $social_icon; ?>">
                                        <a href="<?php echo esc_url( $social_icon_url ); ?>" class="et-extra-icon et-extra-icon-background-hover et-extra-icon-<?php echo $social_icon; ?>"></a>
                                    </li>
                                <?php } ?>
                            <?php } ?>
                        </ul>
                    <?php } ?>

                    <!-- .et-top-search -->
                    <?php if ( $header_vars['output_header_search_field'] ) { ?>
                        <div class="et-top-search" style="<?php extra_visible_display_css( $header_vars['show_header_search_field'] ); ?>">
                            <?php extra_header_search_field(); ?>
                        </div>
                    <?php } ?>

                    <!-- cart -->
                    <?php if ( $header_vars['output_header_cart_total'] ) { ?>
                        <span class="et-top-cart-total" style="<?php extra_visible_display_css( $header_vars['show_header_cart_total'] ); ?>">
                        <?php extra_header_cart_total(); ?>
                    </span>
                    <?php } ?>
                </div>
            </div><!-- /.container -->
        </div><!-- /#top-header -->

    <?php } // end if( $et_top_info_defined ) ?>

    <!-- Main Header -->
    <div id="main-header-wrapper">
        <div id="main-header" data-fixed-height="<?php echo esc_attr( et_get_option( 'fixed_nav_height', '80' ) ); ?>">
            <div class="container">
                <!-- ET Ad -->
                <?php if ( !empty( $header_vars['header_ad'] ) ) { ?>
                    <div class="etad">
                        <?php echo $header_vars['header_ad']; ?>
                    </div>
                <?php } ?>

                <?php
                $logo = ( $user_logo = et_get_option( 'extra_logo' ) ) && '' != $user_logo ? $user_logo : $template_directory_uri . '/images/logo.svg';
                $show_logo = extra_customizer_el_visible( extra_get_dynamic_selector( 'logo' ) ) || is_customize_preview();
                if ( $show_logo ) {
                    ?>

                    <!-- Logo -->
                    <a class="logo" href="<?php echo esc_url( home_url( '/' ) ); ?>" data-fixed-height="<?php echo esc_attr( et_get_option( 'fixed_nav_logo_height', '51' ) ); ?>">
                        <img src="<?php echo esc_attr( $logo ); ?>" alt="<?php echo esc_attr( get_bloginfo( 'name' ) ); ?>" id="logo" />
                    </a>

                    <?php
                }
                $et_navigation_classes = extra_classes( array(
                    extra_customizer_selector_classes( extra_get_dynamic_selector( 'main-navigation' ) ),
                ), 'main-navigation', false );
                ?>

                <!-- ET Navigation -->
                <div id="et-navigation" class="<?php echo $et_navigation_classes; ?>">
                    <?php
                    $menu_class = 'nav';
                    if ( 'on' == et_get_option( 'extra_disable_toptier' ) ) {
                        $menu_class .= ' et_disable_top_tier';
                    }

                    $primary_nav = wp_nav_menu( array(
                        'theme_location'            => 'primary-menu',
                        'container'                 => '',
                        'fallback_cb'               => '',
                        'menu_class'                => $menu_class,
                        'menu_id'                   => 'et-menu',
                        'echo'                      => false,
                        'walker'                    => new Extra_Walker_Nav_Menu,
                        'header_search_field_alone' => $header_vars['header_search_field_alone'],
                        'header_cart_total_alone'   => $header_vars['header_cart_total_alone'],
                    ) );

                    if ( !$primary_nav ) {
                        ?>
                        <ul id="et-menu" class="<?php echo esc_attr( $menu_class ); ?>">
                            <?php if ( 'on' == et_get_option( 'extra_home_link' ) ) { ?>
                                <li <?php if ( is_home() ) echo 'class="current_page_item"'; ?>><a href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php esc_html_e( 'Home', 'extra' ); ?></a></li>
                            <?php }; ?>

                            <?php show_page_menu( $menu_class, false, false ); ?>
                            <?php show_categories_menu( $menu_class, false ); ?>
                        </ul>
                        <?php
                    } else {
                        echo $primary_nav;
                    }
                    ?>
                    <?php do_action( 'et_header_top' ); ?>
                </div><!-- /#et-navigation -->
            </div><!-- /.container -->
        </div><!-- /#main-header -->
    </div><!-- /#main-header-wrapper -->
</header>

<?php if ( ! empty( $header_below_ad ) ) : ?>
    <div class="container">
        <div class="et_pb_extra_row etad header_below">
            <?php echo $header_below_ad; ?>
        </div>
    </div>
<?php endif; ?>
