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

get_header();

the_post();

$blog_title = buka_get_option('blog_title', esc_html__('Blog', 'wp-buka'));

$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">
					<?php echo '<h5><a href="'.get_permalink( get_option('page_for_posts') ).'">'.$blog_title.'</a></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';
				$img_size = 'blog';
			}
			else{
				$content_class = 'col-12';
				$img_size = 'blog_wide';
			}
			?>

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

					<div class="post mb-80">

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

						<div class="content <?php if( !has_post_thumbnail() ){ echo 'pt-0'; } ?>">
							
							<div class="post-meta">
							
								<?php if( get_the_title() != '' ){ ?>
								<div class="post-title">
									<h5><?php the_title() ?></h5>
								</div>
								<?php } ?>
								
								<ul class="meta">

									<?php if( buka_get_option('blog_post_author', true) ){ ?>
									<li>
										<a href="<?php echo get_author_posts_url( get_the_author_meta('ID') ) ?>">
											<i class="fas fa-user" aria-hidden="true"></i>
											<?php the_author() ?>
										</a>
									</li>
									<?php } ?>

									<?php if( buka_get_option('blog_post_date', true) ){ ?>
									<li>
										<i class="fas fa-calendar" aria-hidden="true"></i>
										<?php the_time('j F Y') ?>
									</li>
									<?php } ?>

									<?php if( buka_get_option('blog_post_categories', true) && has_category() ){ ?>
									<li>
										<i class="fas fa-folder-open" aria-hidden="true"></i>
										<?php the_category(' '.esc_html_x(',', 'separator', 'wp-buka').' ') ?>
									</li>
									<?php } ?>

									<?php if( buka_get_option('blog_post_comments', true) && get_post_type() == 'post' && comments_open() ){ ?>
									<li>
										<a href="<?php comments_link() ?>">
											<i class="fas fa-comments" aria-hidden="true"></i>
											<?php
											comments_number(
												esc_html__('No Comments', 'wp-buka'),
												esc_html__('1 Comment', 'wp-buka'),
												/* translators: % is the comments number. */
												esc_html__('% Comments', 'wp-buka')
											);
											?>
										</a>
									</li>
									<?php } ?>

								</ul>
								
							</div>

							<div class="post-cont">
								
								<?php the_content() ?>
								
								<?php if( buka_get_option('blog_post_tags', true) && has_tag() ){ ?>
								<div class="post-tags">
									<?php the_tags( esc_html__('Tags: ', 'wp-buka'), ' '.esc_html_x(',', 'separator', 'wp-buka').' ' ) ?>
								</div>
								<?php } ?>
								
							</div>

						</div>
						
					</div>

					<?php
					if( get_post_type() == 'post' && comments_open() ){
						comments_template();
					}
					?>

				</div>
			</div>

			<?php get_sidebar() ?>
			
		</div>
	</div>
</section>

<?php get_footer(); ?>