<?php
if ( ! get_theme_mod( 'burger_joint_enable_about_section', false ) ) {
    return;
}

/**
 * Render Banner Section.
 */

$burger_joint_about_us_left_heading_1 = get_theme_mod( 'burger_joint_about_us_left_heading_1');
$burger_joint_about_us_left_text_1  = get_theme_mod( 'burger_joint_about_us_left_text_1');
$burger_joint_about_us_left_heading_2 = get_theme_mod( 'burger_joint_about_us_left_heading_2');
$burger_joint_about_us_left_text_2  = get_theme_mod( 'burger_joint_about_us_left_text_2');
$burger_joint_about_us_left_heading_3 = get_theme_mod( 'burger_joint_about_us_left_heading_3');
$burger_joint_about_us_left_text_3  = get_theme_mod( 'burger_joint_about_us_left_text_3');

$burger_joint_about_us_right_heading_1 = get_theme_mod( 'burger_joint_about_us_right_heading_1');
$burger_joint_about_us_right_text_1  = get_theme_mod( 'burger_joint_about_us_right_text_1');
$burger_joint_about_us_right_heading_2 = get_theme_mod( 'burger_joint_about_us_right_heading_2');
$burger_joint_about_us_right_text_2  = get_theme_mod( 'burger_joint_about_us_right_text_2');
$burger_joint_about_us_right_heading_3 = get_theme_mod( 'burger_joint_about_us_right_heading_3');
$burger_joint_about_us_right_text_3  = get_theme_mod( 'burger_joint_about_us_right_text_3');
$burger_joint_we_do_image_1 = get_theme_mod('burger_joint_custom_image_setting_1');

?>

<section id="burger_joint_about_section" class="about-section about-style-1">
    <?php
    if ( is_customize_preview() ) :
        burger_joint_section_link( 'burger_joint_about_section' );
    endif;
    ?>
    <div class="asterthemes-wrapper">
        <div class="about-single">
            <div class="left-about-caption">
                <div class="about-left">
                    <?php if ( ! empty( $burger_joint_about_us_left_heading_1 ) ) { ?>
                        <h4><?php echo esc_html( $burger_joint_about_us_left_heading_1 ); ?></h4>
                    <?php } ?>
                    <?php if ( ! empty( $burger_joint_about_us_left_text_1 ) ) { ?>
                        <p><?php echo esc_html( $burger_joint_about_us_left_text_1 ); ?></p>
                    <?php } ?>
                </div>
                <div class="about-left second-box">
                    <?php if ( ! empty( $burger_joint_about_us_left_heading_2 ) ) { ?>
                        <h4><?php echo esc_html( $burger_joint_about_us_left_heading_2 ); ?></h4>
                    <?php } ?>
                    <?php if ( ! empty( $burger_joint_about_us_left_text_2 ) ) { ?>
                        <p><?php echo esc_html( $burger_joint_about_us_left_text_2 ); ?></p>
                    <?php } ?>
                </div>
                <div class="about-left">
                    <?php if ( ! empty( $burger_joint_about_us_left_heading_3 ) ) { ?>
                        <h4><?php echo esc_html( $burger_joint_about_us_left_heading_3 ); ?></h4>
                    <?php } ?>
                    <?php if ( ! empty( $burger_joint_about_us_left_text_3 ) ) { ?>
                        <p><?php echo esc_html( $burger_joint_about_us_left_text_3 ); ?></p>
                    <?php } ?>
                </div>
            </div>
            <div class="about-img">
                <div class="center-image">
                    <?php if ($burger_joint_we_do_image_1) { ?>
                        <img class="right-1" src="<?php echo esc_url( $burger_joint_we_do_image_1 ); ?>" alt="What We Do Image 1">
                    <?php } else { ?>
                        <img class="right-1" src="<?php echo esc_url( get_template_directory_uri() . '/resource/img/we-do-1.png' ); ?>" alt="What We Do Image 1">
                    <?php } ?>
                </div>
            </div>
            <div class="right-about-caption">
                <div class="about-right">
                    <?php if ( ! empty( $burger_joint_about_us_right_heading_1 ) ) { ?>
                        <h4><?php echo esc_html( $burger_joint_about_us_right_heading_1 ); ?></h4>
                    <?php } ?>
                    <?php if ( ! empty( $burger_joint_about_us_right_text_1 ) ) { ?>
                        <p><?php echo esc_html( $burger_joint_about_us_right_text_1 ); ?></p>
                    <?php } ?>
                </div>
                <div class="about-right second-box">
                    <?php if ( ! empty( $burger_joint_about_us_right_heading_2 ) ) { ?>
                        <h4><?php echo esc_html( $burger_joint_about_us_right_heading_2 ); ?></h4>
                    <?php } ?>
                    <?php if ( ! empty( $burger_joint_about_us_right_text_2 ) ) { ?>
                        <p><?php echo esc_html( $burger_joint_about_us_right_text_2 ); ?></p>
                    <?php } ?>
                </div>
                <div class="about-right">
                    <?php if ( ! empty( $burger_joint_about_us_right_heading_3 ) ) { ?>
                        <h4><?php echo esc_html( $burger_joint_about_us_right_heading_3 ); ?></h4>
                    <?php } ?>
                    <?php if ( ! empty( $burger_joint_about_us_right_text_3 ) ) { ?>
                        <p><?php echo esc_html( $burger_joint_about_us_right_text_3 ); ?></p>
                    <?php } ?>
                </div>
            </div>
        </div>      
    </div>
</section>