<?php
/**
 * Collection Section
 * 
 * @package shoes_footwear
 */

$shoes_footwear_classes = get_theme_mod('shoes_footwear_collection_setting', false);
$shoes_footwear_collection_short_title_1 = get_theme_mod('shoes_footwear_collection_short_title_1');
$shoes_footwear_collection_heading_1 = get_theme_mod('shoes_footwear_collection_heading_1');
$shoes_footwear_collection_price_1 = get_theme_mod('shoes_footwear_collection_price_1');
$shoes_footwear_collection_btn_text_1 = get_theme_mod('shoes_footwear_collection_btn_text_1');
$shoes_footwear_collection_btn_url_1 = get_theme_mod('shoes_footwear_collection_btn_url_1');
$shoes_footwear_product_image_box_1 = get_theme_mod('shoes_footwear_product_image_box_1');
$shoes_footwear_collection_short_title_2 = get_theme_mod('shoes_footwear_collection_short_title_2');
$shoes_footwear_collection_heading_2 = get_theme_mod('shoes_footwear_collection_heading_2');
$shoes_footwear_collection_price_2 = get_theme_mod('shoes_footwear_collection_price_2');
$shoes_footwear_collection_btn_text_2 = get_theme_mod('shoes_footwear_collection_btn_text_2');
$shoes_footwear_collection_btn_url_2 = get_theme_mod('shoes_footwear_collection_btn_url_2');
$shoes_footwear_product_image_box_2 = get_theme_mod('shoes_footwear_product_image_box_2');
$shoes_footwear_collection_offer_text = get_theme_mod('shoes_footwear_collection_offer_text');
$shoes_footwear_collection_short_title_3 = get_theme_mod('shoes_footwear_collection_short_title_3');
$shoes_footwear_collection_heading_3 = get_theme_mod('shoes_footwear_collection_heading_3');
$shoes_footwear_collection_price_3 = get_theme_mod('shoes_footwear_collection_price_3');
$shoes_footwear_collection_btn_text_3 = get_theme_mod('shoes_footwear_collection_btn_text_3');
$shoes_footwear_collection_btn_url_3 = get_theme_mod('shoes_footwear_collection_btn_url_3');
$shoes_footwear_product_image_box_3 = get_theme_mod('shoes_footwear_product_image_box_3');
?>
<?php if ( $shoes_footwear_classes ) { ?>
    <div class="our-products">
        <div class="sale-main-box">
            <div class="sale_box_1">
                <div class="sale-content-box">
                    <h4 class="sale-short-title">
                        <?php if( $shoes_footwear_collection_short_title_1 ){ ?>
                            <?php echo esc_html($shoes_footwear_collection_short_title_1) ?>
                        <?php } ?>
                    </h4>
                    <h3 class="heading">
                        <?php if( $shoes_footwear_collection_heading_1 ){ ?>
                            <?php echo esc_html($shoes_footwear_collection_heading_1) ?>
                        <?php } ?>
                    </h3>
                    <p class="list-content1">
                        <?php if( $shoes_footwear_collection_price_1 ){ ?>
                            <span><?php echo esc_html('Start From','shoes-footwear')?></span>
                            <?php echo esc_html($shoes_footwear_collection_price_1) ?>
                        <?php } ?>
                    </p>
                    <div class="product-btn">
                        <?php if( $shoes_footwear_collection_btn_text_1 || $shoes_footwear_collection_btn_url_1 ){ ?>
                            <p><a href="<?php echo esc_url( $shoes_footwear_collection_btn_url_1 ); ?>"><?php echo esc_html( $shoes_footwear_collection_btn_text_1 ); ?></a></p>
                        <?php } ?>
                    </div>
                </div>
                <div class="sale-image wow zoomIn" data-wow-duration="2s">
                    <?php if ( ! empty( $shoes_footwear_product_image_box_1 ) ) : ?>
                        <img src="<?php echo esc_url( $shoes_footwear_product_image_box_1 ); ?>" alt="<?php esc_attr_e( 'Product Image', 'shoes-footwear' ); ?>">
                    <?php else : ?>
                        <img src="<?php echo esc_url( get_stylesheet_directory_uri() . '/images/default-header.png' ); ?>" alt="<?php esc_attr_e( 'Default Image', 'shoes-footwear' ); ?>">
                    <?php endif; ?>
                </div>
            </div>
            <div class="sale_box_2">
                <div class="sale-content-box">
                    <h4 class="sale-short-title">
                        <?php if( $shoes_footwear_collection_short_title_2 ){ ?>
                            <?php echo esc_html($shoes_footwear_collection_short_title_2) ?>
                        <?php } ?>
                    </h4>
                    <h3 class="heading">
                        <?php if( $shoes_footwear_collection_heading_2 ){ ?>
                            <?php echo esc_html($shoes_footwear_collection_heading_2) ?>
                        <?php } ?>
                    </h3>
                    <p class="list-content1">
                        <?php if( $shoes_footwear_collection_price_2 ){ ?>
                            <?php echo esc_html($shoes_footwear_collection_price_2) ?>
                            <span><?php echo esc_html('Start From','shoes-footwear')?></span>
                        <?php } ?>
                    </p>
                    <div class="product-btn">
                        <?php if( $shoes_footwear_collection_btn_text_2 || $shoes_footwear_collection_btn_url_2 ){ ?>
                            <p><a href="<?php echo esc_url( $shoes_footwear_collection_btn_url_2 ); ?>"><?php echo esc_html( $shoes_footwear_collection_btn_text_2 ); ?></a></p>
                        <?php } ?>
                    </div>
                    <?php if( $shoes_footwear_collection_offer_text ){ ?>
                        <p class="offer-content-default"><?php echo esc_html('Upto Off','shoes-footwear')?></p>
                        <p class="offer-content">
                            <?php echo esc_html($shoes_footwear_collection_offer_text) ?>
                        </p>
                    <?php } ?>
                </div>
                <div class="sale-image wow zoomIn" data-wow-duration="2s">
                    <?php if ( ! empty( $shoes_footwear_product_image_box_2 ) ) : ?>
                        <img src="<?php echo esc_url( $shoes_footwear_product_image_box_2 ); ?>" alt="<?php esc_attr_e( 'Product Image', 'shoes-footwear' ); ?>">
                    <?php else : ?>
                        <img src="<?php echo esc_url( get_stylesheet_directory_uri() . '/images/default-header.png' ); ?>" alt="<?php esc_attr_e( 'Default Image', 'shoes-footwear' ); ?>">
                    <?php endif; ?>
                </div>
            </div>
            <div class="sale_box_3">
                <div class="sale-content-box">
                    <h4 class="sale-short-title">
                        <?php if( $shoes_footwear_collection_short_title_3 ){ ?>
                            <?php echo esc_html($shoes_footwear_collection_short_title_3) ?>
                        <?php } ?>
                    </h4>
                    <h3 class="heading">
                        <?php if( $shoes_footwear_collection_heading_3 ){ ?>
                            <?php echo esc_html($shoes_footwear_collection_heading_3) ?>
                        <?php } ?>
                    </h3>
                    <p class="list-content1">
                        <?php if( $shoes_footwear_collection_price_3 ){ ?>
                            <?php echo esc_html($shoes_footwear_collection_price_3) ?>
                            <span><?php echo esc_html('Start From','shoes-footwear')?></span>
                        <?php } ?>
                    </p>
                    <div class="product-btn">
                        <?php if( $shoes_footwear_collection_btn_text_3 || $shoes_footwear_collection_btn_url_3 ){ ?>
                            <p><a href="<?php echo esc_url( $shoes_footwear_collection_btn_url_3 ); ?>"><?php echo esc_html( $shoes_footwear_collection_btn_text_3 ); ?></a></p>
                        <?php } ?>
                    </div>
                </div>
                <div class="sale-image wow zoomIn" data-wow-duration="2s">
                    <?php if ( ! empty( $shoes_footwear_product_image_box_3 ) ) : ?>
                        <img src="<?php echo esc_url( $shoes_footwear_product_image_box_3 ); ?>" alt="<?php esc_attr_e( 'Product Image', 'shoes-footwear' ); ?>">
                    <?php else : ?>
                        <img src="<?php echo esc_url( get_stylesheet_directory_uri() . '/images/default-header.png' ); ?>" alt="<?php esc_attr_e( 'Default Image', 'shoes-footwear' ); ?>">
                    <?php endif; ?>
                </div>
            </div>
        </div>
    </div>
<?php } ?>