<?php
/**
 * Hero Cover Setup
 *
 */

// Exit if accessed directly.
defined( 'ABSPATH' ) || exit;

if( !$args['pageTitle'] ):
?>

<div class="hero__wrapperLG">
    <div class="hero__background --h-25">
        <img alt="<?php echo esc_attr($args['image']['alt']); ?>" class="lazy"
            src="<?php echo esc_attr($args['image']['sizes']['thumbnail']); ?>"
            data-src="<?php echo esc_attr($args['image']['sizes']['large']); ?>" 
            data-srcset="<?php echo esc_attr($args['image']['sizes']['medium']); ?> 300w,
            <?php echo esc_attr($args['image']['sizes']['large']); ?> 768w,
            <?php echo esc_attr($args['image']['sizes']['1536x1536']); ?> 1024w" 
            data-sizes="100w" 
            />
        <div class="hero__overlayDynamic" aria-hidden="true"></div>
        <div class="hero__overlayScroll">
            <div><span></span></div>
        </div>
    </div>
</div>

<?php else: ?>

<div class="hero__wrapper">
    <div class="hero__background --v-25">
        <img alt="<?php echo esc_attr($args['image']['alt']); ?>" class="lazy"
            src="<?php echo esc_attr($args['image']['sizes']['thumbnail']); ?>"
            data-src="<?php echo esc_attr($args['image']['sizes']['large']); ?>" data-srcset="<?php echo esc_attr($args['image']['sizes']['medium']); ?> 300w,
        <?php echo esc_attr($args['image']['sizes']['large']); ?> 768w,
        <?php echo esc_attr($args['image']['sizes']['1536x1536']); ?> 1024w" data-sizes="100w" />
        <div class="hero__overlayDynamic" aria-hidden="true">
            <h1 class="hero__overlayTitle btnText__xlg"><?php echo esc_html($args['pageTitle']); ?></h1>
        </div>
    </div>
</div>

<?php endif;