<?php
/**
 * Template part for displaying page intro
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
 *
 * @package lumex
 */

?>

<?php

if ( is_page() || is_single() ) {
	$title = get_the_title();
} elseif ( is_search() ) {
	$title = esc_html__( 'Search: ', 'lumex' ) . esc_html( get_search_query() );
} elseif ( is_archive() ) {
	$title = get_the_archive_title();
} else {
	$title = esc_html__( 'Latest Posts', 'lumex' );
}

$blog_single_post_intro_bg = get_field( 'blog_single_post_intro_bg', 'options' );
$blog_single_post_intro_bg_image = get_field( 'blog_single_post_intro_bg_image', 'options' );

if ( $blog_single_post_intro_bg === 'static' ) {
	$image = wp_get_attachment_image_url( $blog_single_post_intro_bg_image, 'lumex_1920xAuto' );
} else {
	$image = get_the_post_thumbnail_url( get_the_ID(), 'lumex_1920xAuto' );
}
?>

<!-- hero -->
<div class="mil-hero-inner" id="top">
	<?php if ( $image ) : ?>
	<img src="<?php echo esc_url( $image ); ?>" alt="<?php echo esc_attr( $title ); ?>" class="mil-hero-bg mil-scale-img-center" data-value-1="1" data-value-2="1.3">
	<?php endif; ?>
	<div class="mil-overlay" style="opacity: .8;"></div>
	
	<div class="mil-hero-content">
		<div class="mil-container">
			<div class="row mil-aie">
				<div class="col-lg-12 mil-tac">
					<h1 class="mil-c-m-4 mil-mb-5"><?php echo wp_kses_post( $title ); ?></h1>
					<?php if ( function_exists( 'lumex_breadcrumbs' ) ) : lumex_breadcrumbs( get_the_ID() ); endif; ?>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- hero end -->