<?php
/**
 * Displays top header
 *
 * @package Spa Sauna
 */
?>

<div class="top-info">
	<div class="container">
		<div class="row boder-div">
            <div class="col-xl-5 col-lg-12 col-md-12 col-sm-12 align-self-center timming-box">
                <?php if ( get_theme_mod('spa_sauna_topbar_timing') != "" ) {?>
                    <div class="py-2">
                        <p class="topbar-text"><i class="fas fa-clock me-2"></i><?php echo esc_html(get_theme_mod('spa_sauna_topbar_timing')); ?></p>  
                    </div>
                <?php }?>
            </div>
			<div class="col-xl-7 col-lg-12 col-md-12 col-sm-12 align-self-center text-end text-end">
				<div class="row">
                    <div class="col-lg-5 col-md-5 col-sm-12 col-12">
                        <?php if ( get_theme_mod('spa_sauna_topbar_location') != "" ) {?>
                            <div class="py-2 locations">
                                <p class="topbar-text m-0">
                                    <i class="fas fa-map-marker-alt me-2"></i>
                                    <?php echo esc_html(get_theme_mod('spa_sauna_topbar_location')); ?></a>
                                </p>  
                            </div>
                        <?php }?>
                    </div>
                    <div class="col-lg-3 col-md-3 col-sm-12 col-12">
                        <?php if ( get_theme_mod('spa_sauna_topbar_phone_number') != "" ) {?>
                            <div class="py-2">
                                <p class="topbar-text">
                                    <i class="fas fa-phone me-2"></i>
                                    <a href="tell:<?php echo esc_attr(get_theme_mod('spa_sauna_topbar_phone_number')); ?>"><?php echo esc_html(get_theme_mod('spa_sauna_topbar_phone_number')); ?></a>
                                </p>  
                            </div>
                        <?php }?>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-12 col-12">
                        <?php if ( get_theme_mod('spa_sauna_topbar_email_id') != "" ) {?>
                            <div class="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('spa_sauna_topbar_email_id')); ?>"><?php echo esc_html(get_theme_mod('spa_sauna_topbar_email_id')); ?></a>
                                </p>  
                            </div>
                        <?php }?>
                    </div>
                </div>
			</div>
		</div>
	</div>
</div>