<?php
/**
 * Displays top header
 *
 * @package House Roofing
 */
?>

<div class="top-info text-left">
	<div class="container">
		<div class="row top-header">
			<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 align-self-center">
				<div class="row">
					<div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 align-self-center">
						<?php if ( get_theme_mod('house_roofing_topbar_email_address') != "" ) {?>
					        <div class="text-left py-2">
					            <p class="location m-0"><i class="fas fa-envelope me-2"></i><a href="mailto:<?php echo esc_attr(get_theme_mod('house_roofing_topbar_email_address')); ?>"><?php echo esc_html(get_theme_mod('house_roofing_topbar_email_address')); ?></a></p>  
					        </div>
				        <?php }?>
					</div>
					<div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 align-self-center">
						<?php if ( get_theme_mod('house_roofing_topbar_timings') != "" ) {?>
					        <div class="text-center py-2">
					            <p class="location m-0"><i class="fa-solid fa-clock me-2"></i><?php echo esc_html(get_theme_mod('house_roofing_topbar_timings')); ?></p>  
					        </div>
				        <?php }?>
					</div>
					<div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 align-self-center">
						<?php if ( get_theme_mod('house_roofing_topbar_phone_number') != "" ) {?>
					        <div class="text-center py-2">
					            <p class="location m-0"><i class="fas fa-phone me-2"></i><a href="tell:<?php echo esc_attr(get_theme_mod('house_roofing_topbar_phone_number')); ?>"><?php echo esc_html(get_theme_mod('house_roofing_topbar_phone_number')); ?></a></p>  
					        </div>
				        <?php }?>
					</div>
					<div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 align-self-center">
						<?php if ( get_theme_mod('house_roofing_topbar_locations') != "" ) {?>
					        <div class="text-end py-2">
					            <p class="location m-0"><i class="fas fa-location-dot me-2"></i><?php echo esc_html(get_theme_mod('house_roofing_topbar_locations')); ?></p>  
					        </div>
				        <?php }?>
					</div>
					
				</div>
			</div>
		</div>
	</div>
</div>