Current File : /home/kelaby89/diamondtiptiling.com/wp-content/plugins/floens-addon/elementor-templates/header.php

<?php
$search_status = $settings['search_enable'];
$cart_status = $settings['cart_enable'];
$sidebar_status = $settings['sidebar_enable'];
$sticky_status = ( get_theme_mod( 'header_sticky_menu' ) == 'yes' && ! is_admin_bar_showing() ) ? 'sticky-header' : '';
$sticky_onepage_status = ( $settings['onepage_menu'] == 'yes' && ! is_admin_bar_showing() ) ? 'sticky-header--one-page' : 'sticky-header--normal';
if ( 'layout_one' === $settings['layout_type'] ) : ?>
	<!-- Header One -->
	<header class="main-header main-header--one <?php echo esc_attr( $sticky_status . " " . $sticky_onepage_status ); ?>">
		<div class="container-fluid">
			<div class="main-header__inner">
				<div class="main-header__logo">
					<a href="<?php echo esc_url( home_url( '/' ) ); ?>">
						<img width="<?php echo esc_attr( $settings['logo_dimension']['width'] ); ?>"
							height="<?php echo esc_attr( $settings['logo_dimension']['height'] ); ?>"
							src="<?php echo esc_url( $settings['light_logo']['url'] ); ?>"
							alt="<?php echo esc_attr( get_bloginfo( 'name' ) ); ?>">
					</a>
				</div><!-- /.main-header__logo -->

				<div class="main-header__right">
					<nav class="main-header__nav main-menu">
						<?php
						wp_nav_menu(
							array(
								'menu' => $settings['nav_menu'],
								'menu_class' => 'main-menu__list',
								'walker' => class_exists( '\Layerdrops\Floens\Megamenu\Walker_Nav_Menu' ) ? new \Layerdrops\Floens\Megamenu\Walker_Nav_Menu : '',
							)
						);
						?>
					</nav><!-- /.main-header__nav -->
					<?php if ( ( 'yes' == $sidebar_status ) ) : ?>
						<div class="mobile-nav__btn mobile-nav__toggler">
							<span></span>
							<span></span>
							<span></span>
						</div><!-- /.mobile-nav__toggler -->
					<?php endif; ?>
					<?php if ( 'yes' == $cart_status && class_exists( 'WooCommerce' ) ) : ?>
						<a href="<?php echo esc_url( wc_get_cart_url() ); ?>" class="main-header__cart">
							<i class="icon-cart" aria-hidden="true"></i>
						</a><!-- /.shopping card -->
					<?php endif; ?>
					<?php if ( ( 'yes' == $search_status ) ) : ?>
						<a href="#" class="search-toggler main-header__search">
							<i class="icon-search" aria-hidden="true"></i>
						</a><!-- /.search-toggler -->
					<?php endif; ?>
					<button class="main-header__sidebar-btn sidebar-btn__toggler">
						<span class="icon-grid"></span>
					</button><!-- /.main-header__sidebar-btn sidebar-btn__toggler -->
					<?php echo wp_kses( $settings['contact_info'], 'floens_allowed_tags' ); ?>
					<?php if ( ! empty( $settings['button_label'] ) ) : ?>
						<a href="<?php echo esc_url( $settings['button_url']['url'] ); ?>" class="floens-btn main-header__btn">
							<span>
								<?php echo esc_html( $settings['button_label'] ); ?>
							</span>
						</a><!-- /.thm-btn main-header__btn -->
					<?php endif; ?>
				</div><!-- /.main-header__right -->
			</div><!-- /.main-header__inner -->
		</div><!-- /.container-fluid -->
	</header><!-- /.main-header -->

	<!-- Header One -->
<?php endif; ?>

<?php if ( 'layout_two' === $settings['layout_type'] ) : ?>
	<!-- Header Two -->

	<div class="topbar-one">
		<div class="container-fluid">
			<div class="topbar-one__inner">
				<ul class="list-unstyled topbar-one__info">
					<?php foreach ( $settings['topbar_infos'] as $info ) : ?>
						<li class="topbar-one__info__item">
							<?php \Elementor\Icons_Manager::render_icon( $info['topbar_icon'], [ 'aria-hidden' => 'true' ], 'span' ); ?>
							<?php echo wp_kses( $info['topbar_info_text'], 'floens_allowed_tags' ); ?>
						</li>
					<?php endforeach; ?>
				</ul><!-- /.list-unstyled topbar-one__info -->
				<div class="topbar-one__right">
					<div class="topbar-one__social">
						<?php foreach ( $settings['social_icons'] as $social_icon ) : ?>
							<a <?php echo esc_attr( ! empty( $social_icon['social_url']['is_external'] ) ? 'target=_blank' : ' ' ); ?> href="<?php echo esc_url( $social_icon['social_url']['url'] ); ?>">
								<?php \Elementor\Icons_Manager::render_icon( $social_icon['social_icon'], [ 'aria-hidden' => 'true', 'class' => ' ' ], 'i' ); ?>
							</a>
						<?php endforeach; ?>
					</div><!-- /.topbar-one__social -->
				</div><!-- /.topbar-one__right -->
			</div><!-- /.topbar-one__inner -->
		</div><!-- /.container-fluid -->
	</div><!-- /.topbar-one -->

	<header class="main-header main-header--two <?php echo esc_attr( $sticky_status . " " . $sticky_onepage_status ); ?>">
		<div class="container-fluid">
			<div class="main-header__inner">
				<div class="main-header__left">
					<div class="main-header__logo">
						<a href="<?php echo esc_url( home_url( '/' ) ); ?>">
							<img width="<?php echo esc_attr( $settings['logo_dimension']['width'] ); ?>"
								height="<?php echo esc_attr( $settings['logo_dimension']['height'] ); ?>"
								src="<?php echo esc_url( $settings['light_logo']['url'] ); ?>"
								alt="<?php echo esc_attr( get_bloginfo( 'name' ) ); ?>">
						</a>
					</div><!-- /.main-header__logo -->
					<nav class="main-header__nav main-menu">
						<?php
						wp_nav_menu(
							array(
								'menu' => $settings['nav_menu'],
								'menu_class' => 'main-menu__list',
								'walker' => class_exists( '\Layerdrops\Floens\Megamenu\Walker_Nav_Menu' ) ? new \Layerdrops\Floens\Megamenu\Walker_Nav_Menu : '',
							)
						);
						?>
					</nav><!-- /.main-header__nav -->
				</div><!-- /.main-header__left -->
				<div class="main-header__right">
					<?php if ( ( 'yes' == $sidebar_status ) ) : ?>
						<div class="mobile-nav__btn mobile-nav__toggler">
							<span></span>
							<span></span>
							<span></span>
						</div><!-- /.mobile-nav__toggler -->
					<?php endif; ?>
					<?php if ( 'yes' == $cart_status && class_exists( 'WooCommerce' ) ) : ?>
						<a href="<?php echo esc_url( wc_get_cart_url() ); ?>" class="main-header__cart">
							<i class="icon-cart" aria-hidden="true"></i>
						</a><!-- /.shopping card -->
					<?php endif; ?>
					<?php if ( ( 'yes' == $search_status ) ) : ?>
						<a href="#" class="search-toggler main-header__search">
							<i class="icon-search" aria-hidden="true"></i>
						</a><!-- /.search-toggler -->
					<?php endif; ?>
					<?php if ( ! empty( $settings['button_label'] ) ) : ?>
						<a href="<?php echo esc_url( $settings['button_url']['url'] ); ?>" class="floens-btn main-header__btn">
							<span>
								<?php echo esc_html( $settings['button_label'] ); ?>
							</span>
							<?php \Elementor\Icons_Manager::render_icon( $settings['button_icon'], [ 'aria-hidden' => 'true' ], 'i' ); ?>
						</a><!-- /.thm-btn main-header__btn -->
					<?php endif; ?>
					<?php if ( ( 'yes' == $sidebar_status ) ) : ?>
						<button class="main-header__sidebar-btn sidebar-btn__toggler">
							<span class="main-header__sidebar-btn__box"></span><!-- /.main-header__sidebar-btn__box -->
							<span class="main-header__sidebar-btn__box"></span><!-- /.main-header__sidebar-btn__box -->
							<span class="main-header__sidebar-btn__box"></span><!-- /.main-header__sidebar-btn__box -->
						</button><!-- /.main-header__sidebar-btn -->
					<?php endif; ?>
				</div><!-- /.main-header__right -->
			</div><!-- /.main-header__inner -->
		</div><!-- /.container-fluid -->
	</header><!-- /.main-header -->
	<!-- Header Two -->
<?php endif; ?>

<?php if ( 'layout_three' === $settings['layout_type'] ) : ?>
	<!-- Header Three -->
	<header class="main-header main-header--three <?php echo esc_attr( $sticky_status . " " . $sticky_onepage_status ); ?>">
		<div class="container-fluid">
			<div class="main-header__inner">
				<div class="main-header__logo">
					<a href="<?php echo esc_url( home_url( '/' ) ); ?>">
						<img width="<?php echo esc_attr( $settings['logo_dimension']['width'] ); ?>"
							height="<?php echo esc_attr( $settings['logo_dimension']['height'] ); ?>"
							src="<?php echo esc_url( $settings['light_logo']['url'] ); ?>"
							alt="<?php echo esc_attr( get_bloginfo( 'name' ) ); ?>" class="main-header__logo__one">
						<img width="<?php echo esc_attr( $settings['logo_dimension']['width'] ); ?>"
							height="<?php echo esc_attr( $settings['logo_dimension']['height'] ); ?>"
							src="<?php echo esc_url( $settings['dark_logo']['url'] ); ?>"
							alt="<?php echo esc_attr( get_bloginfo( 'name' ) ); ?>" class="main-header__logo__two">
					</a>
				</div><!-- /.main-header__logo -->
				<div class="main-header__right">
					<nav class="main-header__nav main-menu">
						<?php
						wp_nav_menu(
							array(
								'menu' => $settings['nav_menu'],
								'menu_class' => 'main-menu__list',
								'walker' => class_exists( '\Layerdrops\Floens\Megamenu\Walker_Nav_Menu' ) ? new \Layerdrops\Floens\Megamenu\Walker_Nav_Menu : '',
							)
						);
						?>
					</nav><!-- /.main-header__nav -->
					<div class="mobile-nav__btn mobile-nav__toggler">
						<span></span>
						<span></span>
						<span></span>
					</div><!-- /.mobile-nav__toggler -->
					<?php if ( 'yes' == $cart_status && class_exists( 'WooCommerce' ) ) : ?>
						<a href="<?php echo esc_url( wc_get_cart_url() ); ?>" class="main-header__cart">
							<i class="icon-cart" aria-hidden="true"></i>
						</a><!-- /.shopping card -->
					<?php endif; ?>
					<?php if ( ( 'yes' == $search_status ) ) : ?>
						<a href="#" class="search-toggler main-header__search">
							<i class="icon-search" aria-hidden="true"></i>
						</a><!-- /.search-toggler -->
					<?php endif; ?>
					<?php if ( ! empty( $settings['button_label'] ) ) : ?>
						<a href="<?php echo esc_url( $settings['button_url']['url'] ); ?>" class="floens-btn main-header__btn">
							<span>
								<?php echo esc_html( $settings['button_label'] ); ?>
							</span>
							<?php \Elementor\Icons_Manager::render_icon( $settings['button_icon'], [ 'aria-hidden' => 'true' ], 'i' ); ?>
						</a><!-- /.thm-btn main-header__btn -->
					<?php endif; ?>
				</div><!-- /.main-header__right -->
			</div><!-- /.main-header__inner -->
		</div><!-- /.container-fluid -->
	</header><!-- /.main-header -->
	<!-- header Three -->

<?php endif; ?>

<div class="mobile-nav__wrapper">
	<div class="mobile-nav__overlay mobile-nav__toggler"></div>
	<!-- /.mobile-nav__overlay -->
	<div class="mobile-nav__content">
		<span class="mobile-nav__close mobile-nav__toggler"><i class="fa fa-times"></i></span>

		<div class="logo-box logo-retina">
			<a href="<?php echo esc_url( home_url( '/' ) ); ?>" aria-label="logo image">
				<img width="<?php echo esc_attr( $settings['logo_dimension']['width'] ); ?>"
					height="<?php echo esc_attr( $settings['logo_dimension']['height'] ); ?>"
					src="<?php echo esc_attr( $settings['mobile_menu_logo']['url'] ); ?>"
					alt="<?php echo esc_attr( get_bloginfo( 'name' ) ); ?>" />
			</a>
		</div>
		<!-- /.logo-box -->
		<div class="mobile-nav__container"></div>
		<!-- /.mobile-nav__container -->
		<ul class="mobile-nav__contact list-unstyled ml-0">
			<?php if ( $settings['mobile_email'] ) : ?>
				<li>
					<i class="fa fa-envelope"></i>
					<a href="mailto:<?php echo esc_attr( $settings['mobile_email'] ); ?>">
						<?php echo esc_html( $settings['mobile_email'] ); ?>
					</a>
				</li>
			<?php endif; ?>
			<?php if ( $settings['mobile_phone'] ) : ?>
				<li>
					<i class="fa fa-phone-alt"></i>
					<a href="tel:<?php echo esc_url( str_replace( ' ', '-', $settings['mobile_phone'] ) ); ?>">
						<?php echo esc_html( $settings['mobile_phone'] ); ?>
					</a>
				</li>
			<?php endif; ?>
		</ul><!-- /.mobile-nav__contact -->
		<div class="mobile-nav__top">
			<div class="mobile-nav__social">
				<?php foreach ( $settings['mobile_menu_social_icons'] as $social_icon ) : ?>
					<a href="<?php echo esc_url( $social_icon['social_url']['url'] ); ?>"
						class="fab <?php echo esc_attr( $social_icon['social_icon'] ); ?>"></a>
				<?php endforeach; ?>
			</div><!-- /.mobile-nav__social -->
		</div><!-- /.mobile-nav__top -->

	</div>
	<!-- /.mobile-nav__content -->
</div>

<aside class="sidebar-one">
	<div class="sidebar-one__overlay sidebar-btn__toggler"></div><!-- /.siderbar-ovarlay -->
	<div class="sidebar-one__content">
		<span class="sidebar-one__close sidebar-btn__toggler"><i class="fa fa-times"></i></span>
		<?php if ( ! empty( $settings['sidebar_logo']['url'] ) ) : ?>
			<div class="sidebar-one__logo sidebar-one__item">
				<a href="<?php echo esc_url( home_url( '/' ) ); ?>" aria-label="logo image">
					<img width="<?php echo esc_attr( $settings['sidebar_logo_dimension']['width'] ); ?>"
						height="<?php echo esc_attr( $settings['sidebar_logo_dimension']['height'] ); ?>"
						src="<?php echo esc_url( $settings['sidebar_logo']['url'] ); ?>"
						alt="<?php echo esc_attr( get_bloginfo( 'name' ) ); ?>">
				</a>
			</div><!-- /.sidebar-one__logo -->
		<?php endif; ?>
		<div class="sidebar-one__about sidebar-one__item">
			<?php
			if ( ! empty( $settings['sidebar_summary'] ) ) :
				$this->add_inline_editing_attributes( 'sidebar_summary', 'none' );
				floens_elementor_rendered_content( $this, 'sidebar_summary', 'sidebar-one__about__text', 'p' );
			endif;
			?>
		</div><!-- /.sidebar-one__about -->
		<div class="sidebar-one__info sidebar-one__item">
			<?php
			if ( ! empty( $settings['sidebar_info_heading'] ) ) :
				$this->add_inline_editing_attributes( 'sidebar_info_heading', 'none' );
				floens_elementor_rendered_content( $this, 'sidebar_info_heading', 'sidebar-one__title', 'h4' );
			endif;
			?>
			<?php if ( ! empty( $settings['sidebar_infos'] ) ) : ?>
				<ul class="sidebar-one__info__list">
					<?php foreach ( $settings['sidebar_infos'] as $info ) : ?>
						<li>
							<?php \Elementor\Icons_Manager::render_icon( $info['topbar_icon'], [ 'aria-hidden' => 'true', 'class' => 'sidebar-one__information__icon' ], 'span' ); ?>
							<?php echo wp_kses( $info['topbar_info_text'], 'cleenhearts_allowed_tags' ); ?>
						</li>
					<?php endforeach; ?>
				</ul><!-- /.sidebar-one__info__list -->
			<?php endif; ?>
		</div><!-- /.sidebar-one__info -->
		<?php if ( ! empty( $settings['sidebar_social_icons'] ) ) : ?>
			<div class="sidebar-one__social floens-social sidebar-one__item">
				<?php foreach ( $settings['sidebar_social_icons'] as $social_icon ) : ?>
					<a href="<?php echo esc_url( $social_icon['social_url']['url'] ); ?>">
						<?php \Elementor\Icons_Manager::render_icon( $social_icon['social_icon'], [ 'aria-hidden' => 'true' ], 'i' ); ?>
					</a>
				<?php endforeach; ?>
			</div><!-- /sidebar-one__social -->
		<?php endif; ?>
		<div class="sidebar-one__newsletter sidebar-one__item">
			<label class="sidebar-one__title" for="sidebar-email">
				<?php echo wp_kses( $settings['sidebar_subscribe_heading'], 'cleenhearts_allowed_tags' ); ?>
			</label>
			<form class="sidebar-one__newsletter__inner mc-form"
				data-url="<?php echo esc_html( $settings['mailchimp_url'] ); ?>">
				<input type="email" name="sidebar-email" id="sidebar-email" class="sidebar-one__newsletter__input"
					placeholder="<?php echo esc_attr( $settings['mc_input_placeholder'] ); ?>">
				<button type="submit" class="sidebar-one__newsletter__btn"><span class="icon-email"
						aria-hidden="true"></span></button>
			</form>
			<div class="mc-form__response"></div><!-- /.mc-form__response -->
		</div><!-- /.sidebar-one__form -->
	</div><!-- /.sidebar__content -->
</aside><!-- /.sidebar-one -->

<div class="search-popup">
	<div class="search-popup__overlay search-toggler"></div>
	<!-- /.search-popup__overlay -->
	<div class="search-popup__content">
		<form role="search" method="get" class="search-popup__form" action="<?php echo esc_url( home_url( '/' ) ); ?>">
			<input type="text" id="search" placeholder="<?php echo esc_html__( "Search Here...", 'floens-addon' ); ?>" />
			<button type="submit" aria-label="search submit" class="floens-btn">
				<span class="floens-btn__shape"></span><span class="floens-btn__shape"></span><span
					class="floens-btn__shape"></span><span class="floens-btn__shape"></span>
				<span class="floens-btn__text"><i class="icon-search"></i></span>
			</button>
		</form>
	</div>
	<!-- /.search-popup__content -->
</div>
<!-- /.search-popup -->


<?php $floens_back_to_top_status = get_theme_mod( 'scroll_to_top', 'no' ); ?>
<?php if ( 'yes' === $floens_back_to_top_status ) : ?>
	<!-- back-to-top-start -->
	<a href="#" data-target="html" class="scroll-to-target scroll-to-top">
		<span class="scroll-to-top__text">
			<?php echo esc_html( get_theme_mod( "scroll_to_top_text", false ) ); ?>
		</span>
		<span class="scroll-to-top__wrapper"><span class="scroll-to-top__inner"></span></span>
	</a>
<?php endif; ?>