<?php
if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

get_header();

$header_show = get_theme_mod('show_pages_header', true);
$header_bg_color = get_theme_mod('pages_header_background_color', '#1c1c1c');
$header_bg_image = get_theme_mod('pages_header_background_image');
$header_bg_parallax = get_theme_mod('pages_header_background_parallax');
$header_bg_overlay = get_theme_mod('pages_header_background_overlay');
$header_bg_overlay_color = get_theme_mod('pages_header_background_overlay_color', 'dark');
$header_bg_overlay_opacity = get_theme_mod('pages_header_background_overlay_opacity', '5');
$header_text_color = get_theme_mod('pages_header_text_color', 'light');
$header_use_theme_color = get_theme_mod('pages_header_use_theme_color');

$bg_overlay = '';
$bg_parallax = '';
$classes = '';
$styles = '';

if(!$header_show){
	$classes .= 'no_header';
}

if($header_bg_color != ''){
	$styles .= 'background-color:'.$header_bg_color.';';
}

if($header_bg_image){

	$image_attributes = wp_get_attachment_image_src( $header_bg_image, 'portfolio_full' );

	if($image_attributes){
		$styles .= 'background-image:url('.$image_attributes[0].');';
		$classes .= 'bg-img';

		if($header_bg_parallax){
			$bg_parallax .= 'data-stellar-background-ratio="0.5"';
		}
		else{
			$classes .= ' bg-center';
		}
	}
}

if($header_bg_overlay){
	$bg_overlay .= 'data-overlay-'.$header_bg_overlay_color.'="'.$header_bg_overlay_opacity.'"';
}

if($header_text_color == 'dark'){
	$classes .= ' text-color-dark';
}

if($header_use_theme_color){
	$classes .= ' use_theme_color';
}

$styles = 'style="'.$styles.'"';
?>

<section class="min-header <?php echo $classes ?>" <?php echo $styles ?> <?php echo $bg_overlay ?> <?php echo $bg_parallax ?>>

	<?php if($header_show){ ?>
	<div class="v-middle mt-30">
		<div class="container">
			<div class="row">

				<div class="text-center col-md-12">
					<h5><?php esc_html_e('Error 404', 'wp-buka') ?></h5>
				</div>

			</div>
		</div>
	</div>
	<?php } ?>
	
</section>

<section class="blogs section-padding">
	<div class="container">
		<div class="row">

			<?php
			if( is_active_sidebar('sidebar') ){
				$content_class = 'col-md-8';
			}
			else{
				$content_class = 'col-12';
			}
			?>

			<div class="<?php echo $content_class ?>">
				<div class="posts">

					<div class="post mb-80">

						<div class="content pt-0">
						
							<div class="post-meta">

								<div class="post-title">
									<h5><?php esc_html_e('Not Found!', 'wp-buka') ?></h5>
								</div>

							</div>

							<div class="post-cont">
								<p><?php esc_html_e("The page you're looking for was not found!", 'wp-buka') ?></p>
							</div>

						</div>
						
					</div>

				</div>
			</div>

			<?php get_sidebar() ?>

		</div>
	</div>
</section>

<?php get_footer(); ?>