<?php
if(!empty($header_data->val)):
    if(!empty($header_data->val->header_1)):
        $header_val = $header_data->val;
        $opts = array();
        if(!empty($header_data->opts)){
            foreach ($header_data->opts as $i => $v) {
                $opts[$v->name] = $v->val;
            }
        }
        extract(shortcode_atts(array(
            'background' 		            => 'white',
            'custom_background' 		    => '',
            'scroll_background' 		    => 'white',
            'scroll_custom_background' 		=> '#fff',
            'color' 	                   	=> 'dark-opacity-4',
            'scroll_color' 	                => '',
            'custom_color' 	            	=> '',
            'style' 		                => '',
            'line_color' 		            => 'gray-1',
        ), $opts));

        $cont_class = 'container';
        if(strcmp($header_style, "default-full")==0){
            $cont_class = 'container-fluid';
        }
        $bg = '';
        if(!empty($background)){
            $bg = 'bg-'.$background;
        }
        $scroll = '';
        $custom_scroll = '';
        if(!empty($scroll_background)){
            $scroll = 'bg-'.$scroll_background.' ';
            if($scroll_background=='custom'){
                if(!empty($scroll_custom_background)){
                    $custom_scroll = $scroll_custom_background;
                }
            }
        }

        if(!empty($color)&&$color=='custom'){
            $color = 'pix-main-header-custom';
            $customStyle = '.text-pix-main-header-custom { color: '.$custom_color.' !important; }';
            wp_register_style( 'pix-custom-header-handle', false );
	    	wp_enqueue_style( 'pix-custom-header-handle' );
	    	wp_add_inline_style( 'pix-custom-header-handle', $customStyle );
        }

        $col_opts = array();
        if(!empty($header_val->header_1->opts)){
            foreach ($header_val->header_1->opts as $i => $v) {
                $col_opts[$v->name] = $v->val;
            }
        }
        extract(shortcode_atts(array(
            'align' 		=> 'text-left'
        ), $col_opts));
        $align = pix_align_to_flex($align);

        $opts['is_secondary_font'] = $is_secondary_font;
        if(!empty($header_sticky)){
            $header_sticky .= ' sticky-top';
            ?>
                <div class="pix-header-scroll-placeholder"></div>
            <?php
        }
        ?>

        <header
            id="masthead"
            class="pix-header <?php echo esc_attr($header_sticky); ?> pix-header-desktop d-inline-block pix-header-normal pix-scroll-shadow  header-scroll pix-header-container-area bg-<?php echo esc_attr( $background ); ?>"
            data-text="<?php echo esc_attr( $color ); ?>"
            data-text-scroll="<?php echo esc_attr( $scroll_color ); ?>"
            data-bg-class="<?php echo esc_attr( $bg ); ?>"
            data-scroll-class="<?php echo esc_attr( $scroll ); ?>"
            data-scroll-color="<?php echo esc_attr( $custom_scroll ); ?>" >
            <div class="<?php echo esc_attr( $cont_class ); ?>">
                <nav class="navbar pix-main-menu navbar-hover-drop navbar-expand-lg navbar-light <?php echo esc_attr( $align ); ?>">
                    <?php
                    foreach ($header_val->header_1->val as $key => $value) {
                        pix_get_header_elem('header', $value, $opts);
                    }

                    ?>
                </nav>
                <?php if($style=="border-bottom"): ?>
                    <div class="pix-header-border bg-<?php echo esc_attr( $line_color ); ?>" style="width:100%;height:1px;"></div>
                <?php endif; ?>

            </div>
            <?php if($style=="border-bottom-wide"): ?>
                <div class="pix-header-border bg-<?php echo esc_attr( $line_color ); ?>" style="width:100%;height:1px;"></div>
            <?php endif; ?>
        </header>
        <?php
    endif; ?>
<?php endif; ?>