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

//Light Color Logo Settings
$light_color_logo = $options->get( 'light_color_logo' );
$light_color_logo_dimension = $options->get( 'light_color_logo_dimension' );

//Home Ten Logo Settings
$home_ten_logo = $options->get( 'home_ten_logo' );
$home_ten_logo_dimension = $options->get( 'home_ten_logo_dimension' );

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

<div class="page-wrapper">
    <header class="main-header header-style-ten">
        <div class="header-upper header_upper_ten">
            <div class="header_shape_ourter"><div class="header_shape"></div></div>
            <div class="auto-container">
                <div class="inner-container d-flex align-items-center justify-content-between">
                    <div class="left-column d-flex align-items-center">
                        <div class="logo"><?php echo inventive_logo( $logo_type, $home_ten_logo, $home_ten_logo_dimension, $logo_text, $logo_typography ); ?></div>
                    </div>
                    <div class="right-column d-flex align-items-center">                        
                        <div class="nav-outer">
                            <div class="mobile-nav-toggler"><img src="<?php echo esc_url(get_template_directory_uri());?>/assets/images/icons/icon-bar.png" alt="<?php esc_attr_e('Awesome Image','inventive'); ?>"></div>
                            <nav class="main-menu navbar-expand-md navbar-light">
                                <div class="collapse navbar-collapse show clearfix" id="navbarSupportedContent">
                                    <ul class="navigation">
                                        <?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>
                        </div>
                        <?php if($options->get('show_booking_button_v10')){ ?>
                        <div class="header-link-btn"><a href="<?php echo esc_url($options->get('header_button_link_v10')); ?>" class="btn-1"><?php echo wp_kses($options->get('header_button_title_v10'), true); ?> <span></span></a></div>
                        <?php } ?>
                        <?php if($options->get('show_phone_v10')){ ?>
                        <div class="header_icon_box d-flex">
                            <i class="icon-call-1"></i>
                            <p><strong><?php echo wp_kses($options->get('header_phone_title_v10'), true); ?></strong><br><a href="tel:<?php echo esc_attr($options->get('header_phone_no_v10')); ?>"><?php echo wp_kses($options->get('header_phone_no_v10'), true); ?></a></p>
                        </div>
                        <?php } ?>
                    </div>
                </div>
            </div>
        </div>
        <div class="sticky-header">
            <div class="header-upper header_upper_ten">
                <div class="header_shape_ourter"><div class="header_shape"></div></div>
                <div class="auto-container">
                    <div class="inner-container d-flex align-items-center justify-content-between">
                        <div class="left-column d-flex align-items-center">
                            <div class="logo"><?php echo inventive_logo( $logo_type, $home_ten_logo, $home_ten_logo_dimension, $logo_text, $logo_typography ); ?></div>
                        </div>
                        <div class="right-column d-flex align-items-center">                        
                            <div class="nav-outer">
                                <div class="mobile-nav-toggler"><img src="<?php echo esc_url(get_template_directory_uri());?>/assets/images/icons/icon-bar.png" alt="<?php esc_attr_e('Awesome Image','inventive'); ?>"></div>
                                <nav class="main-menu navbar-expand-md navbar-light">
                                </nav>
                            </div>
                            <?php if($options->get('show_booking_button_v10')){ ?>
                            <div class="header-link-btn"><a href="<?php echo esc_url($options->get('header_button_link_v10')); ?>" class="btn-1"><?php echo wp_kses($options->get('header_button_title_v10'), true); ?> <span></span></a></div>
                            <?php } ?>
                            <?php if($options->get('show_phone_v10')){ ?>
                            <div class="header_icon_box d-flex">
                                <i class="icon-call-1"></i>
                                <p><strong><?php echo wp_kses($options->get('header_phone_title_v10'), true); ?></strong><br><a href="tel:<?php echo esc_attr($options->get('header_phone_no_v10')); ?>"><?php echo wp_kses($options->get('header_phone_no_v10'), true); ?></a></p>
                            </div>
                            <?php } ?>
                        </div>
                    </div>
                </div>
            </div>
        </div>    
        
        <div class="mobile-menu">
            <div class="menu-backdrop"></div>
            <div class="close-btn"><span class="fal fa-times"></span></div>
            
            <nav class="menu-box">
                <div class="nav-logo"><?php echo inventive_logo( $logo_type, $light_color_logo, $light_color_logo_dimension, $logo_text, $logo_typography ); ?></div>
                <div class="menu-outer"><!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header--></div>
                <?php get_template_part('templates/header/mobile_settings'); ?>			
            </nav>
        </div>
    
        <div class="nav-overlay">
            <div class="cursor"></div>
            <div class="cursor-follower"></div>
        </div>
    </header>
    
    <section class="hidden-sidebar close-sidebar">
        <div class="wrapper-box">
            <div class="hidden-sidebar-close"><span class="fal fa-times"></span></div>
            <div class="logo"><?php echo inventive_logo( $logo_type, $home_ten_logo, $home_ten_logo_dimension, $logo_text, $logo_typography ); ?></div>
			<?php get_template_part('templates/header/sidebar_settings'); ?>
		</div>
    </section>