<?php
/**
 * Digital Marketing Blog Hero Home two
 */

 $banner_title = get_theme_mod('banner_title', __('Summer Sale ! ', 'digital-marketing-blog'));
 $button_text = get_theme_mod('banner_button_text', __( 'Shop Now', 'digital-marketing-blog' ));
 $button_link = get_theme_mod('banner_button_link', __( '#', 'digital-marketing-blog' ));

 $col_1_title = get_theme_mod('header_bottom_col_1', esc_html__( 'Best Strategy', 'digital-marketing-blog' ));
 $col_1_description = get_theme_mod('header_bottom_col_1_description', esc_html__( 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.', 'digital-marketing-blog' ));
 $col_1_icon = get_theme_mod('header_bottom_col_1_icon', '<i class="fa fa-line-chart"></i>');

 $col_2_title = get_theme_mod('header_bottom_col_2', esc_html__( 'Start up', 'digital-marketing-blog' ));
 $col_2_description = get_theme_mod('header_bottom_col_2_description', esc_html__( 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.', 'digital-marketing-blog' ));
 $col_2_icon = get_theme_mod('header_bottom_col_2_icon', '<i class="fa fa-rocket"></i>');

 $col_3_title = get_theme_mod('header_bottom_col_3', esc_html__( 'Organizations', 'digital-marketing-blog' ));
 $col_3_description = get_theme_mod('header_bottom_col_3_description', esc_html__( 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.', 'digital-marketing-blog' ));
 $col_3_icon = get_theme_mod('header_bottom_col_3_icon', '<i class="fa fa-users"></i>');

 $banner_bottom = array(
    [
        'title' => $col_1_title,
        'description' => $col_1_description,
        'icon' => $col_1_icon
    ],
    [
        'title' => $col_2_title,
        'description' => $col_2_description,
        'icon' => $col_2_icon
    ],
    [
        'title' => $col_3_title,
        'description' => $col_3_description,
        'icon' => $col_3_icon
    ]
 );

 $get_banner_image = get_theme_mod('banner_image');
 $allowed_icon_html = array(
    'i' => array(
        'class' => array(),
        'aria-hidden' => array(),
    ),
 );

 ?>

 <section id="hero-section" class="banner-section">
    <div class="banner-wrapper">
        <div class="container">
            <div class="row">
                <div class="col-md-12 align-self-center banner__col">
                    <div class="hero-content mb-4 mb-md-0">
                        <span class="banner-sub-title"><?php esc_html_e( 'DIGITAL MARKETING STRATEGY', 'digital-marketing-blog' ); ?></span>
                        <h2 class="banner-title mt-0"><?php echo esc_html( $banner_title ); ?></h2>
                        <p class="banner-description"><?php esc_html_e( 'We build effective strategies to help you reach customers and prospects across the entire web.', 'digital-marketing-blog' );?></p>
                        <div class="button">
                            <a href="<?php echo esc_url( $button_link ); ?>"><span><?php echo esc_html( $button_text ); ?></span></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <?php
        if(!empty($get_banner_image["id"]) && $get_banner_image["id"]){
            ?>
                <div class="right-image">
                    <?php
                        echo wp_get_attachment_image( $get_banner_image['id'], 'full' );
                    ?>
                </div>
            <?php
        }
        ?>

        <div class="banner-wrapper-bottom">
            <?php
            if(!empty($get_banner_image["id"]) && $get_banner_image["id"]){
            ?>
            <div class="image-wrapper__mobile">
                <?php
                    echo wp_get_attachment_image( $get_banner_image['id'], 'full' );
                ?>
            </div>
            <?php } ?>
            <?php 
                if(get_theme_mod('bottom_header_on_off', 'on')){
                ?>
                <div class="banner_column-wrapper">
                    <div class="arrow-mobile">
                        <a href="#" class="arrow"><i class="fa fa-chevron-left"></i></a>
                        <a href="#" class="close" style="display:none"><i class="fa fa-close"></i></a>
                </div>
                    <?php
                    foreach($banner_bottom as $data){
                    ?>
                        <div class="banner_column-col">
                            <div class="icon-wrap"><?php echo wp_kses( $data['icon'], $allowed_icon_html ); ?></div>
                            <div class="content-wrap">
                                <p><?php echo esc_html( $data['title'] ); ?></p>
                                <span><?php echo esc_html( $data['description'] ); ?></span>
                            </div>
                        </div>
                    <?php
                    }
                    ?>
                </div>
            <?php } ?>
        </div>
    </div>
	<div class="wave"></div>
 </section>
