<?php
/**
 * Displays top header
 *
 * @package Kindergarten Playschool
 */
?>

<div class="top-info text-end">
	<div class="container">
		<div class="row top-header">
			<div class="col-xl-6 col-lg-5 col-md-4 col-sm-4 text-lg-start text-center align-self-center my-2">
				<?php if(get_theme_mod('kindergarten_playschool_location') != '' ){ ?>
					<span><i class="fas fa-map-marker-alt"></i></span>
	                <span class="location py-3"><?php echo esc_html(get_theme_mod('kindergarten_playschool_location','')); ?></span>
	            <?php }?>
            </div>
			<div class="col-xl-6 col-lg-7 col-md-8 col-sm-8 align-self-center">
				<div class="row contact">
					<?php if(get_theme_mod('kindergarten_playschool_phone_number') != '' ){ ?>
				        <div class="col-lg-6 col-md-6 col-sm-6 col-12 align-self-center phone-box py-2">
			            	<span><i class="fas fa-phone"></i></span>
							<a href="tel:<?php echo esc_attr(get_theme_mod('kindergarten_playschool_phone_number','')); ?>"><?php echo esc_html(get_theme_mod('kindergarten_playschool_phone_number','')); ?></a>
				        </div>
			        <?php }?>
			        <div class="col-lg-6 col-md-6 col-sm-6 col-12 align-self-center text-lg-end text-center mail-box my-2">
			            <?php if(get_theme_mod('kindergarten_playschool_email') != '' ){ ?>
			            	<span><i class="fas fa-envelope-open-text"></i></span>
			                <a href="mailto:<?php echo esc_attr(get_theme_mod('kindergarten_playschool_email','')); ?>"><?php echo esc_html(get_theme_mod('kindergarten_playschool_email','')); ?></a>
			            <?php }?>
			        </div>
				</div>
			</div>
		</div>
	</div>
</div>