<?php
/**
 * Displays top header
 *
 * @package Stylish Fashion Shop
 */
?>

<div class="top-info text-end py-2">
	<div class="container">
        <div class="row">
            <div class="col-lg-6 col-md-4 col-sm-12 col-12 align-self-center social-icon text-start">
                <?php if(get_theme_mod('stylish_fashion_shop_social_on_of_setting',true)){ ?>
                    <?php if(get_theme_mod('stylish_fashion_shop_facebook_url') != ''){ ?>
                        <a href="<?php echo esc_url(get_theme_mod('stylish_fashion_shop_facebook_url','')); ?>"><i class="<?php echo esc_html( get_theme_mod('stylish_fashion_shop_facebook_icon') ); ?>"></i></a>
                    <?php }?>
                    <?php if(get_theme_mod('stylish_fashion_shop_twitter_url') != ''){ ?>
                        <a href="<?php echo esc_url(get_theme_mod('stylish_fashion_shop_twitter_url','')); ?>"><i class="<?php echo esc_html( get_theme_mod('stylish_fashion_shop_twitter_icon') ); ?>"></i></a>
                    <?php }?>
                    <?php if(get_theme_mod('stylish_fashion_shop_intagram_url') != ''){ ?>
                        <a href="<?php echo esc_url(get_theme_mod('stylish_fashion_shop_intagram_url','')); ?>"><i class="<?php echo esc_html( get_theme_mod('stylish_fashion_shop_intagram_icon') ); ?>"></i></a>
                    <?php }?>
                    <?php if(get_theme_mod('stylish_fashion_shop_linkedin_url') != ''){ ?>
                        <a href="<?php echo esc_url(get_theme_mod('stylish_fashion_shop_linkedin_url','')); ?>"><i class="<?php echo esc_html( get_theme_mod('stylish_fashion_shop_linkedin_icon') ); ?>"></i></a>
                    <?php }?>
                    <?php if(get_theme_mod('stylish_fashion_shop_pintrest_url') != ''){ ?>
                        <a href="<?php echo esc_url(get_theme_mod('stylish_fashion_shop_pintrest_url','')); ?>"><i class="<?php echo esc_html( get_theme_mod('stylish_fashion_shop_pintrest_icon') ); ?>"></i></a>
                    <?php }?>
                <?php }?>
            </div>
            <div class="col-lg-6 col-md-8 col-sm-12 col-12 align-self-center top-box">
                <div class="row">
                    <div class="col-lg-6 col-md-6 col-sm-12 col-12 align-self-center text-end">
                        <div class="head-contact">  
                            <?php if ( get_theme_mod('stylish_fashion_shop_topbar_phone_number') != "" ) {?>
                                <i class="fas fa-phone"></i><a href="tel:<?php echo esc_attr(get_theme_mod('stylish_fashion_shop_topbar_phone_number')); ?>"><?php echo esc_html(get_theme_mod('stylish_fashion_shop_topbar_phone_number')); ?></a>
                            <?php }?>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-12 col-12 align-self-center text-end">
                        <div class="head-contact">  
                            <?php if ( get_theme_mod('stylish_fashion_shop_topbar_email') != "" ) {?>
                                <i class="fas fa-envelope"></i><a href="mailto:<?php echo esc_attr(get_theme_mod('stylish_fashion_shop_topbar_email')); ?>"><?php echo esc_html(get_theme_mod('stylish_fashion_shop_topbar_email')); ?></a>
                            <?php }?>
                        </div>
                    </div>
                </div>
            </div>
        </div>
	</div>
</div>