<?php
/**
 * The template part for Top Header
 *
 * @package Makeup Artist
 * @subpackage makeup-artist
 * @since makeup-artist 1.0
 */
?>
<?php if(get_theme_mod('makeup_artist_topbar_hide_show', true) == 1 || get_theme_mod( 'makeup_artist_resp_topbar_hide_show', true) == 1) {  ?>
<div class="top-header">
    <div class="container">
        <div class="row">
            <div class="col-lg-3 col-md-6 contact align-self-center">
                <?php if(get_theme_mod('makeup_artist_phone_number') != '' || get_theme_mod('makeup_artist_phone_text') != ''){ ?>
                    <div class="row">
                        <div class="col-lg-2 col-md-2 col-2 align-self-center text-center">
                            <i class="<?php echo esc_attr(get_theme_mod('makeup_artist_phone_icon','fas fa-phone')); ?>"></i>
                        </div>
                        <div class="col-lg-10 col-md-10 col-10 align-self-center">
                            <?php if(get_theme_mod('makeup_artist_phone_number') != '') {?>
                                <a href="tel:<?php echo esc_attr(get_theme_mod('makeup_artist_phone_number')); ?>"><?php echo esc_html(get_theme_mod('makeup_artist_phone_number')); ?><span class="screen-reader-text"><?php echo esc_html(get_theme_mod('makeup_artist_phone_text')); ?></span></a>
                            <?php }?>
                            <?php if(get_theme_mod('makeup_artist_phone_text') != '') {?>
                                <p class="contact-text mb-0"><?php echo esc_html(get_theme_mod('makeup_artist_phone_text')); ?></p>
                            <?php }?>
                        </div>
                    </div>
                <?php }?>
            </div>
            <div class="col-lg-3 col-md-6 contact align-self-center">
                <?php if(get_theme_mod('makeup_artist_timing') != '' || get_theme_mod('makeup_artist_timing_text') != ''){ ?>
                    <div class="row">
                        <div class="col-lg-2 col-md-2 col-2 align-self-center text-center">
                            <i class="<?php echo esc_attr(get_theme_mod('makeup_artist_time_icon','fas fa-clock')); ?>"></i>
                        </div>
                        <div class="col-lg-10 col-md-10 col-10 align-self-center pe-md-0">
                            <?php if(get_theme_mod('makeup_artist_timing') != '') {?>
                                <p class="timing mb-0"><?php echo esc_html(get_theme_mod('makeup_artist_timing')); ?></p>
                            <?php }?>
                            <?php if(get_theme_mod('makeup_artist_timing_text') != '') {?>
                                <p class="contact-text mb-0"><?php echo esc_html(get_theme_mod('makeup_artist_timing_text')); ?></p>
                            <?php }?>
                        </div>
                    </div>
                <?php }?>
            </div>
            <div class="col-lg-3 col-md-6 contact align-self-center">
                <?php if(get_theme_mod('makeup_artist_email_address') != '' || get_theme_mod('makeup_artist_email_text') != ''){ ?>
                    <div class="row">
                        <div class="col-lg-2 col-md-2 col-2 align-self-center text-center">
                            <i class="<?php echo esc_attr(get_theme_mod('makeup_artist_email_icon','fas fa-envelope')); ?>"></i>
                        </div>
                        <div class="col-lg-10 col-md-10 col-10 align-self-center pe-md-0">
                            <?php if(get_theme_mod('makeup_artist_email_address') != '') {?>
                                <a href="mailto:<?php echo esc_attr(get_theme_mod('makeup_artist_email_address')); ?>"><?php echo esc_html(get_theme_mod('makeup_artist_email_address')); ?><span class="screen-reader-text"><?php echo esc_html(get_theme_mod('makeup_artist_email_address')); ?></span></a>
                            <?php }?>
                            <?php if(get_theme_mod('makeup_artist_email_text') != '') {?>
                                <p class="contact-text mb-0"><?php echo esc_html(get_theme_mod('makeup_artist_email_text')); ?></p>
                            <?php }?>
                        </div>
                    </div>
                <?php }?>
            </div>
            <div class="col-lg-3 col-md-6 ps-md-0 align-self-center">
                <div class="social-icons text-md-end text-start">
                    <?php if (is_active_sidebar('topbar-social-icons')) : ?>
                        <?php dynamic_sidebar('topbar-social-icons'); ?>
                    <?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://linkedin.com" target="_blank"><i class="fab fa-linkedin"></i></a></li> 
                              <li><a href="https://youtube.com" target="_blank"><i class="fab fa-youtube"></i></a></li>                     
                            </ul>
                        </div>
                    <?php endif; ?>    
                </div>
            </div>
        </div>
    </div>
</div>
<?php }?>