<?php
/**
 * Displays top header
 *
 * @package Motivational Life Coach
 */
?>

<div class="top-info text-end py-2 px-2">
	<div class="container">
        <div class="row">
            <div class="col-lg-6 col-md-6 col-sm-12 col-12 align-self-center">
                <?php if ( get_theme_mod('motivational_life_coach_topbar_text') != "" ) {?>
                    <p class="topbar-text m-0"><?php echo esc_html(get_theme_mod('motivational_life_coach_topbar_text')); ?></p>
                <?php }?>
            </div>
            <div class="col-lg-6 col-md-6 col-sm-12 col-12 align-self-center right-box">
                <div class="row">
                    <?php if ( get_theme_mod('motivational_life_coach_topbar_phone_text') != "" || get_theme_mod('motivational_life_coach_topbar_phone_number') != "" ) {?>
                        <div class="col-lg-6 col-md-6 col-sm-6 col-12 contct-box">
                            <p class="m-0"><i class="fas fa-phone"></i><span><?php echo esc_html(get_theme_mod('motivational_life_coach_topbar_phone_text')); ?></span>
                                <a href="<?php echo esc_url(get_theme_mod('motivational_life_coach_topbar_phone_number')); ?>"><?php echo esc_html(get_theme_mod('motivational_life_coach_topbar_phone_number')); ?></a></p>
                        </div>
                    <?php }?>
                    <?php if ( get_theme_mod('motivational_life_coach_topbar_email_text') != "" || get_theme_mod('motivational_life_coach_topbar_email_id') != "" ) {?>
                        <div class="col-lg-6 col-md-6 col-sm-6 col-12 contct-box">
                            <p class="m-0"><i class="fas fa-phone"></i><span><?php echo esc_html(get_theme_mod('motivational_life_coach_topbar_email_text')); ?></span>
                            <a href="<?php echo esc_url(get_theme_mod('motivational_life_coach_topbar_email_id')); ?>"><?php echo esc_html(get_theme_mod('motivational_life_coach_topbar_email_id')); ?></a></p>
                        </div>
                    <?php }?>
                </div>
            </div>
        </div>
	</div>
</div>