<?php
/**
 * Displays top header
 *
 * @package Automobile Detailing Shop
 */
?>

<div class="top-info py-2">
	<div class="container">
		<div class="row">
            <div class="col-lg-3 col-md-5 col-sm-5 align-self-center">
                <?php if ( get_theme_mod('automobile_detailing_shop_topbar_location') != "" ) {?>
                    <div class="text-start py-2">
                        <p class="topbar-mail m-0"><i class="fas fa-location-arrow me-2"></i><?php echo esc_html(get_theme_mod('automobile_detailing_shop_topbar_location')); ?></p>  
                    </div>
                <?php }?>
            </div>
            <div class="col-lg-2 col-md-3 col-sm-4 align-self-center">
                <?php if ( get_theme_mod('automobile_detailing_shop_topbar_email') != "" ) {?>
                    <div class="text-start py-2">
                        <p class="topbar-mail m-0"><i class="fas fa-envelope-open-text me-2"></i><a href="<?php echo esc_attr(get_theme_mod('automobile_detailing_shop_topbar_email')); ?>"><?php echo esc_html(get_theme_mod('automobile_detailing_shop_topbar_email')); ?></a></p>  
                    </div>
                <?php }?>
            </div>
			<div class="col-lg-2 col-md-4 col-sm-3 align-self-center">
				<?php if ( get_theme_mod('automobile_detailing_shop_topbar_phone_number') != "" ) {?>
			        <div class="text-center py-2">
			            <p class="topbar-mail"><i class="fas fa-phone me-2"></i><a href="tell:<?php echo esc_html(get_theme_mod('automobile_detailing_shop_topbar_phone_number')); ?>"><?php echo esc_html(get_theme_mod('automobile_detailing_shop_topbar_phone_number')); ?>  </a></p>  
			        </div>
		        <?php }?>
			</div>
            <div class="col-lg-3 col-md-8 col-sm-8 align-self-center top-button">
                <?php if ( get_theme_mod('automobile_detailing_shop_topbar_button_url_1') != "" || get_theme_mod('automobile_detailing_shop_topbar_button_text_1') != "" ) {?>
                    <span class="header-button">
                        <a class="px-3" href="<?php esc_url(get_theme_mod('automobile_detailing_shop_topbar_button_url_1')); ?>"><?php echo esc_html(get_theme_mod('automobile_detailing_shop_topbar_button_text_1')); ?></a>
                    </span>
                <?php }?>
                <?php if ( get_theme_mod('automobile_detailing_shop_topbar_button_url_2') != "" || get_theme_mod('automobile_detailing_shop_topbar_button_text_2') != "" ) {?>
                    <span class="header-button">
                        <a class="px-3" href="<?php esc_url(get_theme_mod('automobile_detailing_shop_topbar_button_url_2')); ?>"><?php echo esc_html(get_theme_mod('automobile_detailing_shop_topbar_button_text_2')); ?></a>
                    </span>
                <?php }?>
                <?php if ( get_theme_mod('automobile_detailing_shop_topbar_button_url_3') != "" || get_theme_mod('automobile_detailing_shop_topbar_button_text_3') != "" ) {?>
                    <span class="header-button">
                        <a class="px-3" href="<?php esc_url(get_theme_mod('automobile_detailing_shop_topbar_button_url_3')); ?>"><?php echo esc_html(get_theme_mod('automobile_detailing_shop_topbar_button_text_3')); ?></a>
                    </span>
                <?php }?>
            </div>
			<div class="col-lg-2 col-md-4 col-sm-4 col-12 align-self-center right-box">
                <div class="social-link text-end"> 
                    <?php if(get_theme_mod('automobile_detailing_shop_facebook_url') != '' || get_theme_mod('automobile_detailing_shop_twitter_url') != '' || get_theme_mod('automobile_detailing_shop_intagram_url') != '' || get_theme_mod('automobile_detailing_shop_linkedin_url') != '' || get_theme_mod('automobile_detailing_shop_pintrest_url') != ''){ ?>
                        <?php if(get_theme_mod('automobile_detailing_shop_facebook_url') != ''){ ?>
                            <a href="<?php echo esc_url(get_theme_mod('automobile_detailing_shop_facebook_url','')); ?>"><i class="<?php echo esc_attr( get_theme_mod('automobile_detailing_shop_facebook_icon') ); ?>"></i></a>
                        <?php }?>
                        <?php if(get_theme_mod('automobile_detailing_shop_twitter_url') != ''){ ?>
                            <a href="<?php echo esc_url(get_theme_mod('automobile_detailing_shop_twitter_url','')); ?>"><i class="<?php echo esc_attr( get_theme_mod('automobile_detailing_shop_twitter_icon') ); ?>"></i></a>
                        <?php }?>
                        <?php if(get_theme_mod('automobile_detailing_shop_intagram_url') != ''){ ?>
                            <a href="<?php echo esc_url(get_theme_mod('automobile_detailing_shop_intagram_url','')); ?>"><i class="<?php echo esc_attr( get_theme_mod('automobile_detailing_shop_intagram_icon') ); ?>"></i></a>
                        <?php }?>
                        <?php if(get_theme_mod('automobile_detailing_shop_linkedin_url') != ''){ ?>
                            <a href="<?php echo esc_url(get_theme_mod('automobile_detailing_shop_linkedin_url','')); ?>"><i class="<?php echo esc_attr( get_theme_mod('automobile_detailing_shop_linkedin_icon') ); ?>"></i></a>
                        <?php }?>
                        <?php if(get_theme_mod('automobile_detailing_shop_pintrest_url') != ''){ ?>
                            <a href="<?php echo esc_url(get_theme_mod('automobile_detailing_shop_pintrest_url','')); ?>"><i class="<?php echo esc_attr( get_theme_mod('automobile_detailing_shop_pintrest_icon') ); ?>"></i></a>
                        <?php }?>
                    <?php }?>
                </div>
            </div>
		</div>
	</div>
</div>