<?php
/**
 * Choose Section
 * 
 * @package urban_courier_logistics
 */
$urban_courier_logistics_classes = get_theme_mod('urban_courier_logistics_choose_setting', false);
$urban_courier_logistics_choose_short_title = get_theme_mod('urban_courier_logistics_choose_short_title');
$urban_courier_logistics_choose_heading = get_theme_mod('urban_courier_logistics_choose_heading');
$urban_courier_logistics_product_image_box = get_theme_mod('urban_courier_logistics_product_image_box');
$urban_courier_logistics_services_section_text = get_theme_mod('urban_courier_logistics_services_section_text');
?>
<?php if ( $urban_courier_logistics_classes ) { ?>
    <div class="choose-section">
        <div class="container">
            <div class="row">
                <div class="col-lg-5 col-md-12 col-12 choose-info">                       
                    <h4 class="sale-short-title">
                        <?php if( $urban_courier_logistics_choose_short_title ){ ?>
                            <?php echo esc_html($urban_courier_logistics_choose_short_title) ?>
                        <?php } ?>
                    </h4>
                    <h3 class="heading">
                        <?php if( $urban_courier_logistics_choose_heading ){ ?>
                            <?php echo esc_html($urban_courier_logistics_choose_heading) ?>
                        <?php } ?>
                    </h3>
                    <div class="choose-content"> 
                        <div class="progress-bar-box">
                            <?php if( $urban_courier_logistics_services_section_text ){ ?>
                                <p><?php echo esc_html( $urban_courier_logistics_services_section_text ); ?></p>
                            <?php } ?>
                            <?php for ($urban_courier_logistics_i=1; $urban_courier_logistics_i <= 3; $urban_courier_logistics_i++) {
                                $urban_courier_logistics_services_section_progress_name = esc_html( get_theme_mod( 'urban_courier_logistics_services_section_progress_name'.$urban_courier_logistics_i,
                                ) );
                                $urban_courier_logistics_services_section_progress_count = esc_html( get_theme_mod( 'urban_courier_logistics_services_section_progress_count'.$urban_courier_logistics_i,
                                ) );                           
                            ?>
                            <?php if( $urban_courier_logistics_services_section_progress_name ){ ?>
                                <h3 class="progress-title"><?php echo esc_html( $urban_courier_logistics_services_section_progress_name ); ?><span class="progressbar-value"><?php echo esc_html( $urban_courier_logistics_services_section_progress_count ); ?></span></h3>
                            <?php } ?>
                            <?php if( $urban_courier_logistics_services_section_progress_count ){ ?>
                                <div class="progress pink">
                                    <div class="progress-bar" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width:<?php echo esc_attr( $urban_courier_logistics_services_section_progress_count ); ?>;"></div>
                                </div>
                            <?php } ?>
                            <?php } ?>
                        </div>
                    </div>
                </div>
                <div class="col-lg-7 col-md-12 col-12">
                    <div class="choose-image wow zoomIn" data-wow-duration="2s">
                        <?php if ( ! empty( $urban_courier_logistics_product_image_box ) ) : ?>
                            <img src="<?php echo esc_url( $urban_courier_logistics_product_image_box ); ?>" alt="<?php esc_attr_e( 'Product Image', 'urban-courier-logistics' ); ?>">
                        <?php else : ?>
                            <img src="<?php echo esc_url( get_stylesheet_directory_uri() . '/images/default1.png' ); ?>" alt="<?php esc_attr_e( 'Default Image', 'urban-courier-logistics' ); ?>">
                        <?php endif; ?>
                    </div>
                </div>
            </div>
        </div>
    </div>
<?php } ?>

