<?php
/**
 * Displays top header
 *
 * @package Water Delivery Services
 */
?>

<div class="top-info text-end">
	<div class="container">
		<div class="row top-header">
			<div class="col-xl-5 col-lg-7 col-md-10 col-sm-8 align-self-center">
				<div class="row">
					<div class="col-lg-6 col-md-6 col-sm-12 col-12">
						<?php if ( get_theme_mod('water_delivery_services_topbar_phone_number') != "" ) {?>
							<div class="text-start py-2">
								<p class="topbar-text">
									<i class="fas fa-phone me-2"></i><?php esc_html_e('Quick Contact:','water-delivery-services');?>
									<a href="tell:<?php echo esc_attr(get_theme_mod('water_delivery_services_topbar_phone_number')); ?>"><?php echo esc_html(get_theme_mod('water_delivery_services_topbar_phone_number')); ?></a>
								</p>  
							</div>
						<?php }?>
					</div>
					<div class="col-lg-6 col-md-6 col-sm-12 col-12">
						<?php if ( get_theme_mod('water_delivery_services_topbar_email_id') != "" ) {?>
							<div class="text-start py-2">
								<p class="topbar-text m-0">
									<i class="fas fa-envelope me-2"></i>
									<a href="mailto:<?php echo esc_attr(get_theme_mod('water_delivery_services_topbar_email_id')); ?>"><?php echo esc_html(get_theme_mod('water_delivery_services_topbar_email_id')); ?></a>
								</p>  
							</div>
						<?php }?>
					</div>
				</div>
			</div>
			<div class="col-xl-7 col-lg-5 col-md-2 col-sm-4 align-self-center">
			</div>
		</div>
	</div>
</div>