<?php
/**
 * The template part for topbar
 *
 * @package VW Nutritionist Coach
 * @subpackage vw_nutritionist_coach
 * @since VW Nutritionist Coach 1.0
 */
?>
<?php if( get_theme_mod( 'vw_health_coaching_topbar_hide_show', true) == 1 || get_theme_mod( 'vw_health_coaching_resp_topbar_hide_show', true) == 1) { ?>
    <div id="topbar">
        <div class="container">
        	<div class="row">
                <div class="col-lg-7 col-md-8 align-self-center">
                    <div class="row">
                    	<div class="col-lg-3 col-md-3 col-12 align-self-center my-2 mb-lg-0 mb-md-0">
                    		<?php if(get_theme_mod('vw_health_coaching_phone') != ''){ ?>
                                <i class="<?php echo esc_attr(get_theme_mod('vw_health_coaching_phone_icon','fas fa-phone')); ?>"></i><span><a href="tel:<?php echo esc_attr( get_theme_mod('vw_health_coaching_phone','') ); ?>"><?php echo esc_html(get_theme_mod('vw_health_coaching_phone',''));?></a></span>
                            <?php }?>
                	    </div>
                    	<div class="col-lg-4 col-md-4 col-12 align-self-center mb-2 mb-lg-0 mb-md-0">
                    		<?php if(get_theme_mod('vw_health_coaching_email_address') != ''){ ?>
                    			<i class="<?php echo esc_attr(get_theme_mod('vw_health_coaching_email_icon','fas fa-envelope')); ?>"></i><span><a href="mailto:<?php echo esc_attr(get_theme_mod('vw_health_coaching_email_address',''));?>"><?php echo esc_html(get_theme_mod('vw_health_coaching_email_address',''));?></a></span>
                    		<?php }?>
                    	</div>
                    	<div class="col-lg-5 col-md-5 col-12 align-self-center mb-3 mb-lg-0 mb-md-0">
                            <?php if(get_theme_mod('vw_health_coaching_timing') != ''){ ?>
                                <i class="<?php echo esc_attr(get_theme_mod('vw_health_coaching_timing_icon','fas fa-clock')); ?>"></i><span><?php echo esc_html(get_theme_mod('vw_health_coaching_timing',''));?></span>
                            <?php }?>
                    	</div>
                    </div>
                </div>
                <div class="col-lg-5 col-md-4 align-self-center mb-2 mb-lg-0 mb-md-0">
                    <?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://linkedin.com" target="_blank"><i class="fab fa-linkedin"></i></a></li>           
                                <li><a href="https://pinterest.com" target="_blank"><i class="fab fa-pinterest"></i></a></li>
                                
                            </ul>
                        </div>
                    <?php endif; ?>    
                </div>
            </div>
        </div>
    </div>
<?php } ?>