<?php
$options = meto_WSH()->option();
$allowed_html = wp_kses_allowed_html('post');

$image_logo2 = $options->get('image_normal_logo2');
$logo_dimension2 = $options->get('normal_logo_dimension2');
$image_logo2 = ($image_logo2) ? $image_logo2 : get_template_directory_uri() . '/assets/images/logo-2.png';

$logo_title = $options->get('main_logo_title');
$logo_title = ($logo_title) ? $logo_title : 'Meto';

$sticky_logo = $options->get('image_sticky_logo');
$sticky_logo_dimension = $options->get('sticky_logo_dimension');
$sticky_logo = ($sticky_logo) ? $sticky_logo : get_template_directory_uri() . '/assets/images/logo-small.png';

$sticky    = $options->get('disable_sticky_menus');

$logo_type = '';
$logo_text = '';
$logo_typography = '';
?>

<div class="page-wrapper">
    <?php if ($options->get('theme_preloader')):?>
        <!-- preloader -->
        <div class="preloader"></div>
        <!-- preloader end -->
    <?php endif; ?>

    <!-- Main Header-->
    <header class="main-header header-style-two">
        <?php if ($options->get('show_topbar_v2')):?>
        <!-- Header Top -->
        <div class="header-top">
            <div class="auto-container">
                <div class="clearfix">
                
                    <!-- Top Left -->
                    <div class="top-left pull-left">
                        <!-- Page Nav -->
                        <ul class="page-nav">
                            <?php wp_nav_menu(array( 'theme_location' => 'topbar_menu', 'container_id' => 'navbar-collapse-1',
                                'container_class'=>'navbar-collapse collapse navbar-right',
                                'menu_class'=>'nav navbar-nav',
                                'fallback_cb'=>false,
                                'items_wrap' => '%3$s',
                                'container'=>false,
                                'depth'=>'3',
                                'walker'=> new Bootstrap_walker()
                            )); ?>
                        </ul>
                    </div>
                    
                    <!-- Top Right -->
                    <div class="top-right pull-right">
                    
                        <!-- Info List -->
                        <ul class="info-list">
                            <?php if ($options->get('show_address_v2')):?><li><span class="icon flaticon-maps-and-flags"></span> <?php echo wp_kses($options->get('show_address_v2'), $allowed_html);?></li><?php endif; ?>
                            <?php if ($options->get('show_email_address_v2')):?><li><span class="icon flaticon-email-4"></span> <a href="mailto:<?php echo esc_url($options->get('show_email_address_v2'));?>"> <?php echo wp_kses($options->get('show_email_address_v2'), $allowed_html);?></a></li><?php endif; ?>
                        </ul>
                        
                    </div>
                    
                </div>
            </div>
        </div>
        <?php endif; ?>
        <!--Header-Upper-->
        <div class="header-upper">
            <div class="auto-container">
                <div class="inner-container clearfix">
                    
                    <div class="pull-left logo-box">
                        <div class="logo"><?php echo meto_logo($logo_type, $image_logo2, $logo_dimension2, $logo_text, $logo_typography, $logo_title); ?></div>
                    </div>
                    
                    <div class="nav-outer clearfix">
                        <!--Mobile Navigation Toggler-->
                        <div class="mobile-nav-toggler"><span class="icon flaticon-menu"></span></div>
                        <!-- Main Menu -->
                        <nav class="main-menu navbar-expand-md">
                            <div class="navbar-header">
                                <!-- Toggle Button -->    	
                                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>
                            </div>
                            
                            <div class="navbar-collapse collapse clearfix" id="navbarSupportedContent">
                                <ul class="navigation clearfix">
                                   <?php wp_nav_menu(array( 'theme_location' => 'main_menu', 'container_id' => 'navbar-collapse-1',
                                        'container_class'=>'navbar-collapse collapse navbar-right',
                                        'menu_class'=>'nav navbar-nav',
                                        'fallback_cb'=>false,
                                        'items_wrap' => '%3$s',
                                        'container'=>false,
                                        'depth'=>'3',
                                        'walker'=> new Bootstrap_walker()
                                    )); ?> 
                                </ul>
                            </div>
                        </nav>
                        
                        <!-- Main Menu End-->
                        <div class="outer-box clearfix">
                            <?php if ($options->get('show_shopping_cart_icon_v2')):?>
                            <?php if( function_exists( 'WC' ) ): global $woocommerce; ?>
                            <!-- Cart Box -->
                            <div class="cart-box">
                                <div class="dropdown">
                                    <button class="cart-box-btn dropdown-toggle" type="button" id="dropdownMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="fa fa-shopping-cart"></span><span class="total-cart"><?php echo wp_kses( $woocommerce->cart->cart_contents_count, $allowed_html )?></span></button>
                                    <div class="dropdown-menu pull-right cart-panel">
                                        <?php get_template_part('templates/widgets/cart_items'); ?>
    
                                        <?php if (WC()->cart->get_cart()): ?>
                                        
                                        <div class="cart-total"><?php esc_html_e('Sub Total: ', 'meto'); ?><span><?php echo wp_kses_post($woocommerce->cart->get_cart_total()); ?></span></div>
                                        <ul class="btns-boxed">
                                            <?php
                                                $cart_url = wc_get_cart_url();
                                                if ($cart_url) :
                                            ?>
                                            <li><a href="<?php echo esc_url($cart_url); ?>"><?php esc_html_e('View Cart', 'meto'); ?></a></li>
                                            <?php endif; ?>
                                            <?php
                                                $checkout_url = wc_get_checkout_url();
                                                if ($checkout_url) :
                                            ?>
                                            <li><a href="<?php echo esc_url($checkout_url); ?>"><?php esc_html_e('Checkout', 'meto'); ?></a></li>
                                            <?php endif; ?>
                                        </ul>
                                        <?php endif; ?>
                                    </div>
                                </div>
                            </div>
                            <?php endif; ?>
                            <?php endif; ?>
                            
                            <?php if ($options->get('show_search_icon_v2')):?>
                            <!-- Search Btn -->
                            <div class="search-box-btn search-box-outer"><span class="icon fa fa-search"></span></div>
                            <?php endif; ?>
                            
                            <?php if ($options->get('show_btn_title_v2')):?>
                            <!-- Quote Btn -->
                            <div class="btn-box">
                                <a href="<?php echo esc_url($options->get('show_btn_link_v2'));?>" class="quote-btn theme-btn"><?php echo wp_kses($options->get('show_btn_title_v2'), $allowed_html);?></a>
                            </div>
                            <?php endif; ?>
                            
                            <?php if ($options->get('sidebar_info_v2')):?>  
                            <!-- Nav Btn -->
                            <div class="nav-btn navSidebar-button"><span class="icon flaticon-menu"></span></div>
                            <?php endif; ?>   
                        </div>
                    </div>
                    
                </div>
                
            </div>
        </div>
        <!--End Header Upper-->
        
        <?php if ( ! $sticky ) :  ?>
            <!-- Sticky Header  -->
            <div class="sticky-header">
                <div class="auto-container clearfix">
                    <!--Logo-->
                    <div class="logo pull-left">
                        <?php echo meto_logo($logo_type, $sticky_logo, $sticky_logo_dimension, $logo_text, $logo_typography, $logo_title); ?>
                    </div>
                    <!--Right Col-->
                    <div class="pull-right">
                        <!-- Main Menu -->
                        <nav class="main-menu">
                            <!--Keep This Empty / Menu will come through Javascript-->
                        </nav><!-- Main Menu End-->
                        
                        <!-- Main Menu End-->
                        <div class="outer-box clearfix">
                            <?php if ($options->get('show_shopping_cart_icon_v2')):?>
                            <?php if( function_exists( 'WC' ) ): global $woocommerce; ?>
                            <!-- Cart Box -->
                            <div class="cart-box">
                                <div class="dropdown">
                                    <button class="cart-box-btn dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="fa fa-shopping-cart"></span><span class="total-cart"><?php echo wp_kses( $woocommerce->cart->cart_contents_count, $allowed_html )?></span></button>
                                    <div class="dropdown-menu pull-right cart-panel">
                                        <?php get_template_part('templates/widgets/cart_items'); ?>
    
                                        <?php if (WC()->cart->get_cart()): ?>
                                        
                                        <div class="cart-total"><?php esc_html_e('Sub Total: ', 'meto'); ?><span><?php echo wp_kses_post($woocommerce->cart->get_cart_total()); ?></span></div>
                                        <ul class="btns-boxed">
                                            <?php
                                                $cart_url = wc_get_cart_url();
                                                if ($cart_url) :
                                            ?>
                                            <li><a href="<?php echo esc_url($cart_url); ?>"><?php esc_html_e('View Cart', 'meto'); ?></a></li>
                                            <?php endif; ?>
                                            <?php
                                                $checkout_url = wc_get_checkout_url();
                                                if ($checkout_url) :
                                            ?>
                                            <li><a href="<?php echo esc_url($checkout_url); ?>"><?php esc_html_e('Checkout', 'meto'); ?></a></li>
                                            <?php endif; ?>
                                        </ul>
                                        <?php endif; ?>
                                    </div>
                                </div>
                            </div>
                            <?php endif; ?>
                            <?php endif; ?>
                            
                            <?php if ($options->get('show_search_icon_v2')):?>
                            <!-- Search Btn -->
                            <div class="search-box-btn search-box-outer"><span class="icon fa fa-search"></span></div>
                            <?php endif; ?>
                            
                            <?php if ($options->get('sidebar_info_v2')):?>
                            <!-- Nav Btn -->
                            <div class="nav-btn navSidebar-button"><span class="icon flaticon-menu"></span></div>
                            <?php endif; ?>
                        </div>
                        
                    </div>
                </div>
            </div><!-- End Sticky Menu -->
        <?php endif; ?>
    
        <!-- Mobile Menu  -->
        <div class="mobile-menu">
            <div class="menu-backdrop"></div>
            <div class="close-btn"><span class="icon flaticon-multiply"></span></div>
            
            <nav class="menu-box">
                <div class="nav-logo"><?php echo meto_logo($logo_type, $image_logo2, $logo_dimension2, $logo_text, $logo_typography, $logo_title); ?></div>
                <div class="menu-outer"><!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header--></div>
            </nav>
        </div><!-- End Mobile Menu -->
    
    </header>
    <!-- End Main Header -->
    
    <?php if ($options->get('sidebar_info_v2')):?>
    <!-- Sidebar Cart Item -->
    <div class="xs-sidebar-group info-group">
        <div class="xs-overlay xs-bg-black"></div>
        <div class="xs-sidebar-widget">
            <div class="sidebar-widget-container">
                <div class="widget-heading">
                    <a href="#" class="close-side-widget">
                        <?php esc_html_e('X', 'meto'); ?>
                    </a>
                </div>
                <div class="sidebar-textwidget">
                    
                    <!-- Sidebar Info Content -->
                    <div class="sidebar-info-contents">
                        <div class="content-inner">
                            <div class="logo">
                                <?php echo meto_logo($logo_type, $image_logo2, $logo_dimension2, $logo_text, $logo_typography, $logo_title); ?>
                            </div>
                            <div class="content-box">
                                <?php if ($options->get('contact_info_title_v2')):?><h2><?php echo wp_kses($options->get('contact_info_title_v2'), $allowed_html);?></h2><?php endif; ?>
                                <?php if ($options->get('contact_info_text_v2')):?><p class="text"><?php echo wp_kses($options->get('contact_info_text_v2'), $allowed_html);?></p><?php endif; ?>
                                <?php if ($options->get('contact_info_btn_title_v2')):?><a href="<?php echo esc_url($options->get('contact_info_btn_link_v2'));?>" class="theme-btn btn-style-four"><span class="txt"><?php echo wp_kses($options->get('contact_info_btn_title_v2'), $allowed_html);?></span></a><?php endif; ?>
                            </div>
                            <div class="contact-info">
                                <?php if ($options->get('contact_info_subtitle_v2')):?><h2><?php echo wp_kses($options->get('contact_info_subtitle_v2'), $allowed_html);?></h2><?php endif; ?>
                                <ul class="list-style-one">
                                    <?php if ($options->get('header_v2_address')):?><li><span class="icon fa fa-location-arrow"></span><?php echo wp_kses($options->get('header_v2_address'), $allowed_html);?></li><?php endif; ?>
                                    <?php if ($options->get('header_v2_phone_no')):?><li><span class="icon fa fa-phone"></span><?php echo wp_kses($options->get('header_v2_phone_no'), $allowed_html);?></li><?php endif; ?>
                                    <?php if ($options->get('header_v2_email_address')):?><li><span class="icon fa fa-envelope"></span><?php echo wp_kses($options->get('header_v2_email_address'), $allowed_html);?></li><?php endif; ?>
                                    <?php if ($options->get('header_v2_opening_hours')):?><li><span class="icon fa fa-clock-o"></span><?php echo wp_kses($options->get('header_v2_opening_hours'), $allowed_html);?></li><?php endif; ?>
                                </ul>
                            </div>
                            <?php if( $options->get( 'show_header_v2_social_share' )): ?>
                            <!-- Social Box -->
                            <ul class="social-box">
                                <?php echo wp_kses_post(meto_get_social_icons2()); ?>
                            </ul>
                            <?php endif; ?>
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
    <!-- END sidebar widget item -->
    
    <?php endif; ?>