<?php global $bestel_opt;
if ( is_front_page() ) {
	$class = 'off-shadow';
} else {
	$class = '';
}
?>
<header class="header header--style2 <?php echo esc_attr( $class ); ?>">
	<div class="header-mobile-info">
		<div class="header-mobile-slide info1">
			<div class="inside">
				<div class="row">
					<div class="col-sm">
						<p><i class="icon-skype-logo"></i><a href="skype:<?php echo esc_url( $bestel_opt['bestel-page-header-mobile-skype'] ); ?>?chat"><?php echo wp_kses_post( $bestel_opt['bestel-page-header-mobile-skype'] ); ?></a></p>
						<p><i class="icon-viber"></i><a href="viber://chat?number=<?php echo esc_url( $bestel_opt['bestel-page-header-mobile-viber'] ); ?>"><?php echo wp_kses_post( $bestel_opt['bestel-page-header-mobile-viber'] ); ?></a></p>
					</div>
					<div class="col-sm mt-15 mt-sm-0">
						<p><i class="icon-telegram"></i><a href="tg://resolve?domain=<?php echo esc_url( $bestel_opt['bestel-page-header-mobile-telegram'] ); ?>"><?php echo wp_kses_post( bestel_get_option( 'bestel-page-header-mobile-email' ) ); ?></a></p>
						<p><i class="icon-closed-envelope"></i><a href="mailto:<?php echo esc_attr( $bestel_opt['bestel-page-header-email'] ); ?>"><?php echo wp_kses_post( $bestel_opt['bestel-page-header-email'] ); ?></a>
						</p>
					</div>
				</div>
			</div>
		</div>
		<div class="header-mobile-slide info2">
			 <div id="googleMapHeader" class="google-map"></div>
		</div>
		<div class="header-mobile-slide info3">
			<div class="inside">
			<?php echo get_template_part( 'searchform', 'top-mobile' ); ?>
			</div>
		</div>
		<div class="header-mobile-slide info4">
			<div class="inside">
			<?php echo do_action( 'lang_mobile_slide_inc' ); ?>
			</div>
		</div>
	</div>
	<div class="header-topline header-topline--bg">
		<div class="container-fluid">
			<div class="row align-items-center">
				<div class="col-auto mr-auto d-none d-md-flex">
					<div class="row align-items-center">
					<?php
					do_action( 'weather_and_local_time' );
					?>
					</div>
				</div>
				<div class="col-auto ml-auto">
					<div class="row align-items-center">
						<div class="col-auto d-none d-xl-flex">
							<div class="header-info"><i class="icon-placeholder1"></i><?php echo wp_kses_post( $bestel_opt['bestel-page-header-location-1'] ); ?></div>
						</div>
						<div class="col-auto d-none d-xl-flex">
							<div class="header-info"><i class="icon-telephone"></i><?php echo wp_kses_post( $bestel_opt['bestel-page-header-phone'] ); ?></div>
						</div>
						<div class="col-auto ml-auto d-none d-lg-flex">
							<div class="header-search">
							<?php echo get_template_part( 'searchform', 'top' ); ?>
							</div>
							<div class="header-lang header-lang--lined">
								<?php echo do_action( 'lang_inc' ); ?>
							</div>
						</div>
						<div class="col col-md-auto col-topline-mobile">
						<?php echo do_action( 'mobile_lang_inc' ); ?>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="header-content">
		<div class="container-fluid">
			<div class="row header-nav-compact js-header-nav">
				<div class="col-auto col-logo mr-1 align-items-center">
					<?php
					$bestel_logo = $bestel_opt['bestel-logo'];
					?>
					<a href="<?php echo esc_url( home_url( '/' ) ); ?>" class="header-logo"><img src="<?php echo esc_url( $bestel_logo['url'] ); ?>" alt="<?php echo esc_attr( 'logo' ); ?> " class="img-fluid"></a>
				</div>
				<div class="col col-widget col-md-auto col-lg-3 d-flex">
				<?php
				if ( ! empty( $bestel_opt['bestel-page-header-widget-booking'] ) && $bestel_opt['bestel-page-header-widget-booking'] == 1 ) {
					do_action( 'bestel_header_catelog' );
				}
				?>
				</div>
				<div class="col-sm-3 col-address">
					<div class="header-contact d-flex">
						<div class="header-contact-icon"><i class="icon-placeholder"></i></div>
						<div class="header-contact-txt">
							<p><?php echo wp_kses_post( $bestel_opt['bestel-page-header-location-1'] ); ?></p>
						</div>
					</div>
				</div>
				<div class="col-sm-3 col-phones">
					<div class="header-contact d-flex">
						<div class="header-contact-icon"><i class="icon-telephone"></i></div>
						<div class="header-contact-txt">
							<p><?php echo wp_kses_post( $bestel_opt['bestel-page-header-phone'] ); ?></p>
						</div>
					</div>
					<div class="header-contact d-flex">
						<div class="header-contact-icon"><i class="icon-closed-envelope"></i></div>
						<div class="header-contact-txt">
							<a href="mailto:<?php echo esc_attr( $bestel_opt['bestel-page-header-email'] ); ?>"><?php echo wp_kses_post( $bestel_opt['bestel-page-header-email'] ); ?></a>
						</div>
					</div>
				</div>
				<div class="col col-navbar d-none d-lg-flex">
					<nav class="navbar navbar-expand-lg">
						<div class="navbar-collapse">
							<?php
							if ( has_nav_menu( 'primary' ) ) {
								wp_nav_menu(
									array(
										'theme_location' => 'primary',
										'menu_class'     => 'navbar-nav w-100 js-main-menu',
										'container'      => 'ul',
										'walker'         => new Walker_Best_Hotel_Menu(),
									)
								);
							} else {
								wp_nav_menu(
									array(
										'menu_class' => 'navbar-nav w-100 js-main-menu',
										'container'  => 'ul',
										'walker'     => new Walker_Best_Hotel_Menu(),
									)
								);
							}
							?>
						</div>
					</nav>
				</div>
				<div class="col-auto ml-auto pr d-flex d-lg-none">
					<button class="navbar-btn" data-target='#modalNavigation' data-toggle='modal'>
						<i class="icon-menu2"></i>
					</button>
					<div class='modal fade modal-fullscreen-menu' id='modalNavigation'>
						<button aria-label='Close' class='close' data-dismiss='modal'>
							<i class="icon-close"></i><?php echo esc_html__( 'CLOSE', 'bestel' ); ?>
						</button>
						<div class='modal-dialog'>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</header>
