<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css"
        integrity="sha512-SzlrxWUlpfuzQ+pcUCosxcglQRNAq/DZjVsC0lE40xsADsfeQoEypE+enwcOiGjk/bSuGGKHEyjSoQ1zVisanQ=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
</html>
<?php			
/*
* Desktop Header
*/
			$keys = array(
				'chk' => 'header-chk',
				'fields' => array(
					'header_layout' => 'header-layout',
					'header_items' => 'header-items',
					'header_absolute' => 'header-absolute',
					'search_type' => 'search-type',
					'search_template' => 'search-template'
				)			
			);
			$header_values = Beruco_Wp_Elements::beruco_get_meta_and_option_values( $keys );
			$header_class = isset( $header_values['header_layout'] ) && $header_values['header_layout'] == 'boxed' ? ' container p-0' : '';
			$header_class .= isset( $header_values['header_absolute'] ) && $header_values['header_absolute'] ? ' header-absolute' : '';
			?>
			<header id="site-header" class="site-header<?php echo esc_attr( $header_class ); ?>">
				
				<?php
					$header_items = $header_values['header_items'];
					if( !empty( $header_items ) ):
						if( isset( $header_items['disabled'] ) ) unset( $header_items['disabled'] );
						if( isset( $header_items['normal'] ) && !empty( $header_items['normal'] ) ):
							foreach( $header_items['normal'] as $key => $value ){
								get_template_part( 'template-parts/header', $key );
							}
						endif;
						if( isset( $header_items['sticky'] ) && !empty( $header_items['sticky'] ) ):						
							$sticky_opt = Beruco_Wp_Elements::beruco_options('header-sticky');
						?>
						<div class="sticky-outer" data-stickyup="<?php echo esc_attr( $sticky_opt == 'on_scrollup' ? "1" : "0" ); ?>">
							<div class="sticky-head">
							<?php
								foreach( $header_items['sticky'] as $key => $value ){
									get_template_part( 'template-parts/header', $key );
								}
							?>
							</div> <!-- .sticky-head -->
						</div> <!-- .sticky-outer -->			
						<?php
						endif;
					endif;
				?>
							
			</header><!-- #site-header -->
