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

get_header();

the_post();

$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">

				<?php if( get_the_title() != '' ){ ?>
				<div class="text-center col-md-12">
					<h5><?php the_title() ?></h5>
				</div>
				<?php } ?>

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

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

			<div class="col-12">
				<div class="posts">

					<div class="post mb-80">

						<?php if( has_post_thumbnail() ){ ?>
						<div class="post-img">
							<?php the_post_thumbnail('blog_wide') ?>
						</div>
						<?php } ?>

						<div class="content <?php if( !has_post_thumbnail() ){ echo 'pt-0'; } ?>">
							
							<div class="post-cont">
								<?php the_content() ?>
							</div>

						</div>
						
					</div>

				</div>
			</div>

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

<?php get_footer(); ?>