<?php
/**
 * The header for our theme.
 *
 * This is the template that displays all of the <head> section and everything up until <div id="content">
 *
 * @package bizwhoop
 */
?>
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="http://gmpg.org/xfn/11">
<?php wp_head(); ?>
</head>

<body <?php body_class(); ?> >
<?php wp_body_open(); ?>
<a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'bizwhoop' ); ?></a>
<div class="wrapper">
<a class="skip-link screen-reader-text" href="#content"></a>
<div class="wrapper">
<header class="bizwhoop-trhead">
	<!--==================== Header ==================== -->
  <div class="bizwhoop-main-nav" style="display: none;">
      <nav class="navbar navbar-default navbar-wp">
        <div class="container">
          <div class="navbar-header">
            <!-- Logo -->
            <?php
            if(has_custom_logo())
            {
            // Display the Custom Logo
            the_custom_logo();
            }
             else { ?>
            <a class="navbar-brand" href="<?php echo esc_url(home_url( '/' )); ?>"><?php bloginfo('name'); ?>
			<br>
            <span class="site-description"><?php echo  get_bloginfo( 'description', 'display' ); ?></span>   
            </a>      
            <?php } ?>
            <!-- Logo -->
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#wp-navbar"> <span class="sr-only">
			<?php echo 'Toggle Navigation'; ?></span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
            </div>
        <!-- /navbar-toggle --> 
        
        <!-- Navigation -->
        <div class="collapse navbar-collapse" id="wp-navbar">
         <?php wp_nav_menu( array(  
				    'theme_location' => 'primary', 'container'  => '', 'menu_class' => 'nav navbar-nav','fallback_cb' => 'bizwhoop_fallback_page_menu','walker' => new bizwhoop_nav_walker()
				     ) );
		      	?>
        </div>
        <!-- /Navigation --> 
      </div>
    </nav>
  </div>
</header>
<!-- #masthead --> 


<header class="bizwhoop-headwidget"> 
  <!--==================== TOP BAR ====================-->
   <?php 
        $bizwhoop_head_info_one = get_theme_mod('bizwhoop_head_info_one','<li><a><i class="fa fa-phone "></i>(+1) 9876543210</a></li>');
        $bizwhoop_head_info_two = get_theme_mod('bizwhoop_head_info_two','<li><a href="mailto:info@yoursite.com" title="Mail Me"><i class="fa fa-envelope"></i> info@yoursite.com</a></li>');
      if(($bizwhoop_head_info_one)!='') { ?>
  <div class="bizwhoop-head-detail d-none d-md-block">
    <div class="container">
      <div class="row">
       
        <div class="col-md-6 col-xs-12 col-sm-6">
         <ul class="info-left">
			  <?php echo html_entity_decode($bizwhoop_head_info_one); ?>
            <?php echo html_entity_decode($bizwhoop_head_info_two); ?>
          </ul>
        </div>
        <?php if ( has_nav_menu( 'social' ) ) : ?>
        <div class="col-md-6 col-xs-12">
        
          <nav class="bizwhoop-social-navigation" role="navigation">
            <?php
              wp_nav_menu( array(
                'theme_location' => 'social',
                'menu_class'     => 'social-links-menu info-right',
                'depth'          => 1,
                'link_before'    => '<span class="screen-reader-text">',
                'link_after'     => '</span>' . bizwhoop_include_svg_icons( array( 'icon' => 'chain' ) ),
              ) );
            ?>
          </nav><!-- .social-navigation -->
          </div>
          <?php endif; ?>
      </div>
    </div>
  </div>
  <?php } ?>
  <div class="clearfix"></div>
  <div class="bizwhoop-nav-widget-area">
      <div class="container">
      <div class="row align-items-center">
          <div class="col-md-3 col-sm-4 text-center-xs">
           <div class="navbar-header">
            <!-- Logo -->
            <?php
            if(has_custom_logo())
            {
            // Display the Custom Logo
            the_custom_logo();
            }
             else { ?>
            <a class="navbar-brand" href="<?php echo esc_url(home_url( '/' )); ?>"><?php bloginfo('name'); ?>
      <br>
            <span class="site-description"><?php echo  get_bloginfo( 'description', 'display' ); ?></span>   
            </a>      
            <?php } ?>
            <!-- Logo -->
            </div>
          </div>
          <div class="col-md-9 col-sm-8  d-none d-lg-block">
            <div class="header-widget row">
              <?php 
              $bizwhoop_header_widget_one_icon = get_theme_mod('bizwhoop_header_widget_one_icon','fa fa-phone');
              if( ($bizwhoop_header_widget_one_icon)!='') {?>
              <div class="col-md-3 col-sm-3 col-xs-6">
                <div class="bizwhoop-header-box wow animated flipInX">
                  <div class="bizwhoop-header-box-icon">
                    <?php 
                    if( !empty($bizwhoop_header_widget_one_icon) ):
                      echo '<i class="fa '.$bizwhoop_header_widget_one_icon.'">'.'</i>';
                    endif; ?>
                   </div>
                  <div class="bizwhoop-header-box-info">
                    <?php $bizwhoop_header_widget_one_title = get_theme_mod('bizwhoop_header_widget_one_title','+ 007 548 58 5400'); 
                    if( !empty($bizwhoop_header_widget_one_title) ):
                      echo '<h4>'.$bizwhoop_header_widget_one_title.'</h4>';
                    endif; ?>
                    <?php $bizwhoop_header_widget_one_description = get_theme_mod('bizwhoop_header_widget_one_description','Hot Line Number');
                    if( !empty($bizwhoop_header_widget_one_description) ):
                      echo '<p>'.$bizwhoop_header_widget_one_description.'</p>';
                    endif; ?> 
                  </div>
                </div>
              </div>
              <?php } 
               $bizwhoop_header_widget_two_icon = get_theme_mod('bizwhoop_header_widget_two_icon','fa fa-map-marker');
              if( ($bizwhoop_header_widget_two_icon)!='') {?>
              <div class="col-md-3 col-sm-3 col-xs-6">
                <div class="bizwhoop-header-box">
                  <div class="bizwhoop-header-box-icon">
                    <?php
                    if( !empty($bizwhoop_header_widget_two_icon) ):
                      echo '<i class="fa '.$bizwhoop_header_widget_two_icon.'">'.'</i>';
                    endif; ?>
                   </div>
                  <div class="bizwhoop-header-box-info">
                    <?php $bizwhoop_header_widget_two_title = get_theme_mod('bizwhoop_header_widget_two_title','1240 Park Avenue'); 
                    if( !empty($bizwhoop_header_widget_two_title) ):
                      echo '<h4>'.$bizwhoop_header_widget_two_title.'</h4>';
                    endif; ?>
                    <?php $bizwhoop_header_widget_two_description = get_theme_mod('bizwhoop_header_widget_two_description','NYC, USA 256323');
                    if( !empty($bizwhoop_header_widget_two_description) ):
                      echo '<p>'.$bizwhoop_header_widget_two_description.'</p>';
                    endif; ?> 
                  </div>
                </div>
              </div>
              <?php } 
              $bizwhoop_header_widget_three_icon = get_theme_mod('bizwhoop_header_widget_three_icon','fa fa-clock-o');
              if( ($bizwhoop_header_widget_three_icon)!='') { ?>
			  <div class="col-md-3 col-sm-6 col-xs-6">
                <div class="bizwhoop-header-box">
                  <div class="bizwhoop-header-box-icon">
                    <?php 
                    if( !empty($bizwhoop_header_widget_three_icon) ):
                      echo '<i class="fa '.$bizwhoop_header_widget_three_icon.'">'.'</i>';
                    endif; ?>
                   </div>
                  <div class="bizwhoop-header-box-info">
                    <?php $bizwhoop_header_widget_three_title = get_theme_mod('bizwhoop_header_widget_three_title','7:30 AM - 7:30 PM'); 
                    if( !empty($bizwhoop_header_widget_three_title) ):
                      echo '<h4>'.$bizwhoop_header_widget_three_title.'</h4>';
                    endif; ?>
                    <?php $bizwhoop_header_widget_three_description = get_theme_mod('bizwhoop_header_widget_three_description','Monday to Saturday');
                    if( !empty($bizwhoop_header_widget_three_description) ):
                      echo '<p>'.$bizwhoop_header_widget_three_description.'</p>';
                    endif; ?> 
                  </div>
                </div>
              </div>
              <?php } $bizwhoop_header_widget_four_label = get_theme_mod('bizwhoop_header_widget_four_label','Get Quote');  
              if(($bizwhoop_header_widget_four_label !='')) { ?>
              <div class="col-md-3 col-sm-6 col-xs-12">
                <div class="bizwhoop-header-box wow animated flipInX text-right"> 
                  <?php 
                  $bizwhoop_header_widget_four_link = get_theme_mod('bizwhoop_header_widget_four_link');
                  $bizwhoop_header_widget_four_target = get_theme_mod('bizwhoop_header_widget_four_target',__('true','bizwhoop')); 

                    if( !empty($bizwhoop_header_widget_four_label) ):?>
                      <a href="<?php echo $bizwhoop_header_widget_four_link; ?>" <?php if( $bizwhoop_header_widget_four_target ==true) { echo "target='_blank'"; } ?> class="btn btn-theme"><?php echo $bizwhoop_header_widget_four_label; ?></a> 
                    <?php endif; ?>
                </div>
              </div>
              <?php } ?>
            </div>
          </div>
        </div>
      </div></div>
  <?php $nav_menu_sticky = get_theme_mod('nav_menu_sticky','sticky'); ?>
    <div class="container"> 
    <div class="bizwhoop-menu-full <?php if($nav_menu_sticky == 'sticky'){echo 'header-sticky'; } else {echo 'header-static'; }  ?>">
      <nav class="navbar navbar-expand-lg navbar-wp">
          <!-- navbar-toggle -->
          <button type="button" class="navbar-toggler collapsed mx-auto" data-toggle="collapse" data-target="#navbar-wp">
            <span class="fa fa-times"></i></span>
          </button>
          <!-- /navbar-toggle --> 
          <!-- Navigation -->
          
          <div class="collapse navbar-collapse" id="navbar-wp">
           <?php wp_nav_menu( array(  
				    'theme_location' => 'primary', 'container'  => '', 'menu_class' => 'nav navbar-nav','fallback_cb' => 'bizwhoop_fallback_page_menu','walker' => new bizwhoop_nav_walker()
				     ) );
		      	?>
            <!-- Right nav -->
            
            <!-- /Right nav -->
          </div>

          <!-- /Navigation --> 
      </nav>
      </div>
  </div>
</header>
<!-- #masthead -->