<?php
/**
 * The template part for topbar
 *
 * @package VW Solar Energy 
 * @subpackage vw_solar_energy
 * @since VW Solar Energy 1.0
 */
?>
<?php if( get_theme_mod( 'vw_solar_energy_topbar_hide_show', true) == 1 || get_theme_mod( 'vw_solar_energy_resp_topbar_hide_show', true) == 1) { ?>
	<div id="topbar">
		<div class="container">
			<div class="row">
				<div class="col-lg-8 col-md-12">
					<div class="row">
			        	<div class="col-lg-3 col-md-3">
			        		<?php if(get_theme_mod('vw_solar_energy_phone') != ''){ ?>
								<i class="<?php echo esc_attr(get_theme_mod('vw_solar_energy_phone_number_icon','fas fa-phone')); ?>"></i><span><a href="tel:<?php echo esc_attr( get_theme_mod('vw_solar_energy_phone','') ); ?>"><?php echo esc_html(get_theme_mod('vw_solar_energy_phone',''));?></a></span>
							<?php }?>
						</div>
			        	<div class="col-lg-4 col-md-4">
			        		<?php if(get_theme_mod('vw_solar_energy_email_address') != ''){ ?>
			        			<i class="<?php echo esc_attr(get_theme_mod('vw_solar_energy_email_address_icon','fas fa-envelope-open')); ?>"></i><span><a href="mailto:<?php echo esc_attr(get_theme_mod('vw_solar_energy_email_address',''));?>"><?php echo esc_html(get_theme_mod('vw_solar_energy_email_address',''));?></a></span>
			        		<?php }?>
			        	</div>
			        	<div class="col-lg-5 col-md-5">
			        		<?php if(get_theme_mod('vw_solar_energy_timming') != ''){ ?>
			        			<i class="<?php echo esc_attr(get_theme_mod('vw_solar_energy_timing_icon','far fa-clock')); ?>"></i><span><?php echo esc_html(get_theme_mod('vw_solar_energy_timming',''));?></span>
			        		<?php }?>
			        	</div>
			        </div>
		        </div>
	        	<div class="col-lg-4 col-md-12">
	        		<?php if (is_active_sidebar('social-widget')) : ?>
	        			<?php dynamic_sidebar('social-widget'); ?>
	        		<?php else : ?>
                        <!-- Default Social Icons Widgets -->
                          <div class="widget">
                              <ul class="custom-social-icons" >
                                <li><a href="https://facebook.com" target="_blank"><i class="fab fa-facebook"></i></a></li> 
                                <li><a href="https://twitter.com" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                <li><a href="https://youtube.com" target="_blank"><i class="fab fa-youtube"></i></a></li>
                                <li><a href="https://google.com" target="_blank"><i class="fab fa-google"></i></a></li>
                                <li><a href="https://linkedin.com" target="_blank"><i class="fab fa-linkedin"></i></a></li>                                                          
                              </ul>
                          </div>
                    <?php endif; ?>	
	        	</div>
	        </div>
		</div>
	</div>
<?php } ?>