<?php 
/*
* Display Top Bar
*/
?>


  <div class="top-header">
  <div class="container">
    <div class="row">
      <div class="col-lg-3 col-md-6 align-self-center">
        <div class="timebox">
          <?php if( get_theme_mod( 'conference_event_planner_call') != '') { ?>
            <i class="<?php echo esc_attr(get_theme_mod('conference_event_planner_phone_icon','fas fa-phone')); ?>"></i>
            <span class="phone"><a href="tel:<?php echo esc_html( get_theme_mod('conference_event_planner_call','') ); ?>"><?php echo esc_html( get_theme_mod('conference_event_planner_call','')); ?></a></span>
          <?php } ?>
        </div>
      </div>

      <div class="col-lg-4 col-md-6 align-self-center">
        <div class="timebox">
          <?php if( get_theme_mod( 'conference_event_planner_mail') != '') { ?>
          <i class="<?php echo esc_attr(get_theme_mod('conference_event_planner_mail_icon','fas fa-envelope-open')); ?>"></i>
            <span class="phone"><a href="mailto:<?php echo esc_html( get_theme_mod('conference_event_planner_mail','') ); ?>"><?php echo esc_html( get_theme_mod('conference_event_planner_mail','')); ?></a></span>
          <?php } ?>
        </div>
      </div>

      <div class="col-lg-4 col-md-6 align-self-center">
        <div class="timebox">
          <?php if( get_theme_mod( 'conference_event_planner_location') != '') { ?>
            <i class="<?php echo esc_attr(get_theme_mod('conference_event_planner_location_icon','fas fa-map-marker-alt')); ?>"></i><span class="phone"><?php echo esc_html( get_theme_mod('conference_event_planner_location','')); ?></span>
          <?php } ?>
        </div>
      </div>
      <div class="col-lg-1 col-md-6 col-12 align-self-center d-flex justify-content-center align-items-center">
        <?php if(get_theme_mod('conference_event_planner_search_icon',true) != ''){ ?>
          <span class="search-bar">
              <button type="button" class="open-search"><i class="fas fa-search"></i></button>
          </span>
        <?php }?>
      </div>
      <div class="search-outer">
          <div class="inner_searchbox w-100 h-100">
              <?php get_search_form(); ?>
          </div>
          <button type="button" class="search-close"><?php esc_html_e('CLOSE', 'conference-event-planner'); ?></button>
      </div>

      <div class="clearfix"></div>
    </div>
  </div>
</div>

