<?php
/**
 * The template part for top header
 *
 * @package VW Event Planner 
 * @subpackage vw_event_planner
 * @since VW Event Planner 1.0
 */
?>
<?php if( get_theme_mod( 'vw_event_planner_topbar_hide_show', false) || get_theme_mod( 'vw_event_planner_resp_topbar_hide_show',false) == 1) { ?>
  <div id="topbar">
    <div class="container">
      <div class="row">
        <div class="col-lg-2 col-md-3">
          <?php if( get_theme_mod( 'vw_event_planner_call_text') != '') { ?>
            <i class="<?php echo esc_attr(get_theme_mod('vw_event_planner_phone_no_icon','fas fa-phone')); ?>"></i><span><a href="tel:<?php echo esc_attr( get_theme_mod('vw_event_planner_call_text','') ); ?>"><?php echo esc_html(get_theme_mod('vw_event_planner_call_text',''));?></a></span>
          <?php }?>
        </div>      
        <div class="col-lg-3 col-md-3 ps-md-0">
          <?php if( get_theme_mod( 'vw_event_planner_email_text') != '') { ?>
            <i class="<?php echo esc_attr(get_theme_mod('vw_event_planner_email_icon','far fa-envelope')); ?>"></i><span><a href="mailto:<?php echo esc_attr(get_theme_mod('vw_event_planner_email_text',''));?>"><?php echo esc_html(get_theme_mod('vw_event_planner_email_text',''));?></a></span>
          <?php }?>
        </div>
        <div class="col-lg-4 col-md-3 px-md-0">
          <?php if( get_theme_mod( 'vw_event_planner_timming_text') != '') { ?>
            <i class="<?php echo esc_attr(get_theme_mod('vw_event_planner_time_icon','far fa-clock')); ?>"></i><span><?php echo esc_html(get_theme_mod('vw_event_planner_timming_text',''));?></span>
          <?php }?>
        </div>
        <div class="col-lg-3 col-md-3">
          <?php if (is_active_sidebar('social-links')) : ?>
            <?php dynamic_sidebar('social-links'); ?>
          <?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 }?>