<?php

/*
Header Style 8
*/

global $dabble_option;

$sticky      = !empty($dabble_option['off_sticky']) ? $dabble_option['off_sticky'] : ''; 
$sticky_menu = ($sticky == 1) ? ' menu-sticky stuck' : '';
$logo_height = !empty($dabble_option['logo-height']) ? 'style = "max-height: '.$dabble_option['logo-height'].'"' : '';
// Header Options here
require get_parent_theme_file_path('inc/header/header-options.php');

//off convas here
get_template_part('inc/header/off-canvas');
?> 


<!-- Mobile Menu Start -->
<div class="responsive-menus"><?php require get_parent_theme_file_path('inc/header/responsive-menu.php');?></div>
<!-- Mobile Menu End -->

<header id="rs-header" class="single-header header-style8 mainsmenu<?php echo esc_attr($main_menu_hides);?> <?php echo esc_attr($main_menu_center);?> <?php echo esc_attr($main_menu_icon);?>">
    <?php 
      //include sticky search here
      get_template_part('inc/header/search');
    ?>
    <div class="header-inner <?php echo esc_attr($sticky_menu);?>">
        <!-- Toolbar Start -->
        <?php       
           get_template_part('inc/header/top-head/top-head','two');
        ?>
        <!-- Toolbar End -->
        
        <!-- Header Menu Start -->
        <?php
            $menu_bg_color = !empty($menu_bg) ? 'style = background:'.$menu_bg.'' : '';
        ?>
        <div class="rs-middel-header menu_type_<?php echo esc_attr($main_menu_type);?>">
            <div class="<?php echo esc_attr($header_width);?>">
                <div class="row-table">
                    <div class="col-cell header-logo">
                        <?php get_template_part('inc/header/logo');  ?>
                    </div>

                    <div class="col-cell header-quote">  
                        <?php if(!empty($dabble_option['top_address'])) { ?>
                        <div class="rs-address-area">
                            <div class="rs-address-list">
                                <div class="info-icon">
                                    <i class="glyph-icon flaticon-location"></i>
                                </div>
                                <div class="info-title">
                                    <?php echo esc_html("Address", "dabble"); ?>
                                </div>
                                <div class="info-des">
                                    <?php echo esc_html($dabble_option['top_address']); ?>
                                </div>
                            </div>
                        </div>
                        <?php } ?> 

                        <?php if(!empty($dabble_option['top-email'])) { ?>
                        <div class="rs-address-area">
                            <div class="rs-address-list">
                                <div class="info-icon">
                                    <i class="glyph-icon flaticon-email"></i>
                                </div>
                                <div class="info-title">
                                    <?php echo esc_html("Email", "dabble"); ?>
                                </div>
                                <div class="info-des">
                                    <a href="mailto:<?php echo esc_attr($dabble_option['top-email'])?>"><?php echo esc_html($dabble_option['top-email'])?></a> 
                                </div>
                            </div>
                        </div> 
                        <?php } ?>


                        <?php if(!empty($dabble_option['phone'])) { ?>
                        <div class="rs-address-area">
                            <div class="rs-address-list">
                                <div class="info-icon">
                                    <i class="glyph-icon flaticon-call"></i>
                                </div>
                                <div class="info-title">
                                    <?php echo esc_html("Phone", "dabble"); ?>
                                </div>
                                <div class="info-des">
                                    <?php echo esc_html($dabble_option['phone']); ?>
                                </div>
                            </div>
                        </div>
                        <?php } ?>                      
                               
                    </div>
                </div>
            </div> 
        </div>

        <div class="rs-full-menuarea menu-area" <?php echo wp_kses($menu_bg_color, 'dabble');?>>
            <div class="<?php echo esc_attr($header_width);?>">
                <div class="row-table">
                    <?php 
                    
                    $has_mobile_logo = !empty($dabble_option['logo-mobile']['url'] ) ? 'has-mobile-logo' : ''; ?>

                    <div class="col-cell header-logo <?php echo esc_attr($has_mobile_logo);?>">
                        <?php get_template_part('inc/header/logo');  ?>
                    </div>
                    <div class="col-cell menu-responsive">  
                        <?php
                           if (!empty( $dabble_option['logo-mobile']['url'] ) ) { ?>
                          <a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home" class="mobile-logos"><img <?php echo wp_kses($logo_height, 'dabble');?> src="<?php echo esc_url( $dabble_option['logo-mobile']['url']); ?>" alt="<?php echo esc_attr( get_bloginfo( 'name' ) ); ?>"></a>
                        <?php } else{?>
                            
                            <div class="site-title mobile-logos"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></div>   
                           
                           <?php  } 
                        ?> 
                        <?php              
                        if(is_page_template('page-single.php')){
                            require get_parent_theme_file_path('inc/header/menu-single.php'); 
                        }
                        elseif(is_page_template('page-single2.php')){
                            require get_parent_theme_file_path('inc/header/menu-single2.php'); 
                        }
                        else{
                            require get_parent_theme_file_path('inc/header/menu.php'); 
                        }?>
                    </div>
                    <div class="rs-rightbar-menu">
                        <?php if($rs_top_search != 'hide'){
                            if(!empty($dabble_option['off_search'])): ?>
                                <div class="sidebarmenu-search text-right">
                                    <div class="sidebarmenu-search">
                                        <div class="sticky_search"> 
                                          <i class="flaticon-search"></i> 
                                        </div>
                                    </div>
                                </div>                        
                            <?php endif; 
                        }

                        //include Cart here 
                        if($rs_show_cart != 'hide'){
                            if(!empty($dabble_option['wc_cart_icon']) || ($rs_show_cart == 'show') ) {
                              get_template_part('inc/header/cart');
                            }
                        } ?>

                        <div class="sidebarmenu-area text-right mobilehums">                                    
                            <ul class="offcanvas-icon">
                                <li class="nav-link-container"> 
                                    <a href='#' class="nav-menu-link menu-button">
                                        <span class="dot1"></span>
                                        <span class="dot2"></span>
                                        <span class="dot3"></span>
                                        <span class="dot4"></span>
                                        <span class="dot5"></span>
                                        <span class="dot6"></span>
                                        <span class="dot7"></span>
                                        <span class="dot8"></span>
                                        <span class="dot9"></span>
                                    </a> 
                                </li>
                            </ul>                                       
                        </div>

                        <div class="toolbar-sl-share">
                            <ul class="clearfix">
                            <?php

                              if(!empty($dabble_option['show-social'])){
                                $top_social = $dabble_option['show-social'];
                                 
                                if($top_social == '1'){   

                                    if(!empty($dabble_option['facebook'])) { ?>
                                    <li> <a href="<?php echo esc_url($dabble_option['facebook']);?>" target="_blank"> <i class="fab fa-facebook-f"></i> </a> </li>
                                    <?php } ?>
                                    <?php if(!empty($dabble_option['twitter'])) { ?>
                                    <li> <a href="<?php echo esc_url($dabble_option['twitter']);?> " target="_blank"> <i class="fab fa-twitter"></i> </a> </li>
                                    <?php } ?>
                                    <?php if(!empty($dabble_option['rss'])) { ?>
                                    <li> <a href="<?php  echo esc_url($dabble_option['rss']);?> " target="_blank"> <i class="fas fa-rss"></i> </a> </li>
                                    <?php } ?>
                                    <?php if (!empty($dabble_option['pinterest'])) { ?>
                                    <li> <a href="<?php  echo esc_url($dabble_option['pinterest']);?> " target="_blank"> <i class="fab fa-pinterest-p"></i> </a> </li>
                                    <?php } ?>
                                    <?php if (!empty($dabble_option['linkedin'])) { ?>
                                    <li> <a href="<?php  echo esc_url($dabble_option['linkedin']);?> " target="_blank"> <i class="fab fa-linkedin-in"></i> </a> </li>
                                    <?php } ?>
                                    <?php if (!empty($dabble_option['instagram'])) { ?>
                                    <li> <a href="<?php  echo esc_url($dabble_option['instagram']);?> " target="_blank"> <i class="fab fa-instagram"></i> </a> </li>
                                    <?php } ?>
                                    <?php if(!empty($dabble_option['vimeo'])) { ?>
                                    <li> <a href="<?php  echo esc_url($dabble_option['vimeo']);?> " target="_blank"> <i class="fab fa-vimeo-v"></i> </a> </li>
                                    <?php } ?>
                                    <?php if (!empty($dabble_option['tumblr'])) { ?>
                                    <li> <a href="<?php  echo esc_url($dabble_option['tumblr']);?> " target="_blank"> <i class="fab fa-tumblr"></i> </a> </li>
                                    <?php } ?>
                                    <?php if (!empty($dabble_option['youtube'])) { ?>
                                    <li> <a href="<?php  echo esc_url($dabble_option['youtube']);?> " target="_blank"> <i class="fab fa-youtube"></i> </a> </li>
                                    <?php } ?> 

                                        <?php }
                                    }
                                 ?>
                            </ul>
                        </div>                         
                    </div>
                </div>
            </div>
        </div>
        <!-- Header Menu End -->
    </div>
     <!-- End Slider area  -->
   <?php 
    get_template_part( 'inc/breadcrumbs' );
  ?>
</header>

<?php  
    get_template_part('inc/header/slider/slider');
?>