<?php
/**
 * SECTION: BRIEF LEFT
 *
 * @package parallax-one
 */

$paralax_one_our_story_image = get_theme_mod( 'paralax_one_our_story_image', parallax_get_file( '/images/about-us.png' ) );
$paralax_one_our_story_image = apply_filters( 'parallax_one_translate_single_string', $paralax_one_our_story_image, 'Our Story section' );

$parallax_one_our_story_title = get_theme_mod( 'parallax_one_our_story_title', esc_html__( 'Our Story', 'parallax-one' ) );
$parallax_one_our_story_title = apply_filters( 'parallax_one_translate_single_string', $parallax_one_our_story_title, 'Our Story section' );

$parallax_one_our_story_text = get_theme_mod( 'parallax_one_our_story_text', esc_html__( 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.', 'parallax-one' ) );
$parallax_one_our_story_text = apply_filters( 'parallax_one_translate_single_string', $parallax_one_our_story_text, 'Our Story section' );

$parallax_one_frontpage_animations = get_theme_mod( 'parallax_one_enable_animations', false );

if ( ! empty( $paralax_one_our_story_image ) || ! empty( $parallax_one_our_story_title ) || ! empty( $parallax_one_our_story_content ) ) {
?>
<?php parallax_hook_about_before(); ?>
<section class="brief text-left brief-design-one brief-left" id="story" role="region" aria-label="<?php esc_html_e( 'About', 'parallax-one' ); ?>">
    <?php parallax_hook_about_top(); ?>
    <div class="section-overlay-layer">
        <div class="container">
            <div class="row">
                <!-- BRIEF IMAGE -->
                <?php
                if ( ! empty( $paralax_one_our_story_image ) ) {
                    if ( ! empty( $parallax_one_our_story_title ) ) {
                    ?>
                                    <div class="col-md-6 brief-content-two">
                                        <div class="brief-image-right"
                                            <?php
                                            if ( ! empty( $parallax_one_frontpage_animations ) && ( (bool) $parallax_one_frontpage_animations === true ) ) {
                                                echo 'data-scrollreveal="enter right after 0.15s over 1s"';
                                            }
?>
>
<!--                                            <img src="<?php echo parallax_one_make_protocol_relative_url( esc_url( $paralax_one_our_story_image ) ); ?> " alt=" <?php echo esc_attr( $parallax_one_our_story_title ); ?>"> -->
                                            <iframe width="560" height="315" src="https://www.youtube.com/embed/Yhg8s-K_WnQ" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                                        </div>
                                    </div>
                                <?php } else { ?>
                                    <div class="col-md-6 brief-content-two">
                                        <div class="brief-image-right"
                                            <?php
                                            if ( ! empty( $parallax_one_frontpage_animations ) && ( (bool) $parallax_one_frontpage_animations === true ) ) {
                                                echo 'data-scrollreveal="enter right after 0.15s over 1s"';
                                            }
?>
>
                                            <img src="<?php echo parallax_one_make_protocol_relative_url( esc_url( $paralax_one_our_story_image ) ); ?>" alt="<?php echo esc_html__( 'About', 'parallax-one' ); ?>">
                                        </div>
                                    </div>
                                <?php
}
                } elseif ( is_customize_preview() ) {
                ?>
                                <div class="col-md-6 brief-content-two paralax_one_only_customizer">
                                    <div class="brief-image-right"
                                    <?php
                                    if ( ! empty( $parallax_one_frontpage_animations ) && ( (bool) $parallax_one_frontpage_animations === true ) ) {
                                        echo 'data-scrollreveal="enter right after 0.15s over 1s"';
                                    }
?>
>
                                    <img src="" >
                                </div>
                            </div>
                        <?php
                }
                    ?>

                    <!-- BRIEF HEADING -->
                    <?php
                    if ( ! empty( $paralax_one_our_story_image ) ) {
                                echo '<div class="col-md-6 content-section brief-content-one">';
                    } else {
                        echo '<div class="col-md-12 content-section brief-content-one">';
                    }
?>
                            <?php
                            if ( ! empty( $parallax_one_our_story_title ) ) {
                                echo '<h2 class="text-left dark-text">' . esc_attr( $parallax_one_our_story_title ) . '</h2><div class="colored-line-left"></div>';
                            } elseif ( is_customize_preview() ) {
                                echo '<h2 class="text-left dark-text paralax_one_only_customizer"></h2><div class="colored-line-left paralax_one_only_customizer"></div>';
                            }
                            ?>

                            <?php

                            if ( ! empty( $parallax_one_our_story_text ) ) {
                            ?>
                                    <div class="brief-content-text"
                                    <?php
                                    if ( ! empty( $parallax_one_frontpage_animations ) && ( (bool) $parallax_one_frontpage_animations === true ) ) {
                                        echo 'data-scrollreveal="enter left after 0.15s over 1s"';
                                    }
?>
>
                                        <?php echo $parallax_one_our_story_text; ?>
                                    </div>

                                <?php } elseif ( is_customize_preview() ) { ?>
                                    <div class="brief-content-text paralax_one_only_customizer"
                                    <?php
                                    if ( ! empty( $parallax_one_frontpage_animations ) && ( (bool) $parallax_one_frontpage_animations === true ) ) {
                                        echo 'data-scrollreveal="enter left after 0.15s over 1s"';
                                    }
?>
>
                                        <?php echo $parallax_one_our_story_text; ?>
                                    </div>
                                <?php
}
                    ?>
                    </div><!-- .brief-content-one-->
                    </div>
                </div>
            </div>
            <?php parallax_hook_about_bottom(); ?>
        </section><!-- .brief-design-one -->
        <?php parallax_hook_about_after(); ?>
<?php
} else {
    if ( is_customize_preview() ) {
?>
        <?php parallax_hook_about_before(); ?>
        <section class="brief text-left brief-design-one brief-left paralax_one_only_customizer" id="story" role="region" aria-label="<?php esc_html_e( 'About', 'parallax-one' ); ?>">
            <?php parallax_hook_about_top(); ?>
            <div class="col-md-6 brief-content-two paralax_one_only_customizer"><img src="" alt=""><div class="brief-image-right"></div></div>
            <div class="col-md-6 content-section brief-content-one">
                <h2 class="text-left dark-text paralax_one_only_customizer"></h2><div class="colored-line-left paralax_one_only_customizer"></div>
                <div class="brief-content-text paralax_one_only_customizer"></div>
            </div>
            <?php parallax_hook_about_bottom(); ?>
        </section>
        <?php parallax_hook_about_after(); ?>
<?php
    } // End if().
} // End if().
?>