<?php
/**
 * Banner Section
 * 
 * @package graphic_design_portfolio
 */

$graphic_design_portfolio_slider = get_theme_mod('graphic_design_portfolio_slider_setting', false);
$graphic_design_portfolio_social_icon = get_theme_mod( 'graphic_design_portfolio_social_icon_setting', false);
$graphic_design_portfolio_banner_btn_text     = get_theme_mod( 'graphic_design_portfolio_banner_btn_text' );
$graphic_design_portfolio_banner_btn_url     = get_theme_mod( 'graphic_design_portfolio_banner_btn_url' );
?>

<?php if ($graphic_design_portfolio_slider) : ?>
    <div class="banner wow bounceInDown center">
      <div class="test">
        <div class="slider-content">
            <?php if ( get_theme_mod('graphic_design_portfolio_slider_text_extra') ) : ?>
              <h5><?php echo esc_html(get_theme_mod('graphic_design_portfolio_slider_text_extra'));?></h5>
            <?php endif; ?>
            <?php if ( get_theme_mod('graphic_design_portfolio_slider_heading') ) : ?>
              <h3><?php echo esc_html(get_theme_mod('graphic_design_portfolio_slider_heading'));?></h3>
            <?php endif; ?>
            <div class="content-btn">
                <?php if ( get_theme_mod('graphic_design_portfolio_slider_content') ) : ?>
                  <p class="banner-para"><?php echo esc_html(get_theme_mod('graphic_design_portfolio_slider_content'));?></p>
                <?php endif; ?>
              <?php if ( $graphic_design_portfolio_banner_btn_text ){?>
                  <div class="sign-in-area">
                      <a href="<?php echo esc_url($graphic_design_portfolio_banner_btn_url);?>"><i class="fas fa-chevron-right"></i><?php echo esc_html($graphic_design_portfolio_banner_btn_text);?></a>
                  </div>
              <?php } ?>   
            </div>
        </div>
        <div class="review-box">
            <?php if ( get_theme_mod('graphic_design_portfolio_right_image_box_3_text') != '' || get_theme_mod('graphic_design_portfolio_right_image_box_3_count') != '' ) { ?>
                <div class="image-box mt-4">
                  <div class="review-content">
                          <p class="mb-0 count"><?php echo esc_html(get_theme_mod('graphic_design_portfolio_right_image_box_3_count', '')); ?></p>
                          <p class="mb-0 mt-0"><?php echo esc_html(get_theme_mod('graphic_design_portfolio_right_image_box_3_text', '')); ?></p>
                  </div>
                  <div class="image-team">
                      <?php if ( get_theme_mod( 'graphic_design_portfolio_slider_team_image_1' ) ) { ?>
                          <img class="team-img-small-1" src="<?php echo esc_url( get_theme_mod( 'graphic_design_portfolio_slider_team_image_1' ) ); ?>">
                      <?php } ?>
                      <?php if ( get_theme_mod( 'graphic_design_portfolio_slider_team_image_2' ) ) { ?>
                          <img class="team-img-small-2" src="<?php echo esc_url( get_theme_mod( 'graphic_design_portfolio_slider_team_image_2' ) ); ?>">
                      <?php } ?>
                      <?php if ( get_theme_mod( 'graphic_design_portfolio_slider_team_image_3' ) ) { ?>
                          <img class="team-img-small-3" src="<?php echo esc_url( get_theme_mod( 'graphic_design_portfolio_slider_team_image_3' ) ); ?>">
                      <?php } ?>
                      <?php if ( get_theme_mod( 'graphic_design_portfolio_slider_team_image_4' ) ) { ?>
                          <img class="team-img-small-4" src="<?php echo esc_url( get_theme_mod( 'graphic_design_portfolio_slider_team_image_4' ) ); ?>">
                      <?php } ?>
                  </div>
                </div>
            <?php } ?>
        </div>
        <div class="banner-img">
            <?php 
            $graphic_design_portfolio_slider_image = get_theme_mod('graphic_design_portfolio_slider_image');
            if ( ! empty( $graphic_design_portfolio_slider_image ) ) : ?>
                <div class="banner-img">
                    <img src="<?php echo esc_url( $graphic_design_portfolio_slider_image ); ?>" class="slide-image" />
                </div>
            <?php endif; ?>
        </div>
        <?php if ( $graphic_design_portfolio_social_icon ) { ?>
            <div class="social-links">
                <?php 
                $graphic_design_portfolio_social_link1 = get_theme_mod( 'graphic_design_portfolio_social_link_1' );
                $graphic_design_portfolio_social_link2 = get_theme_mod( 'graphic_design_portfolio_social_link_2' );
                $graphic_design_portfolio_social_link3 = get_theme_mod( 'graphic_design_portfolio_social_link_3' );
                $graphic_design_portfolio_social_link4 = get_theme_mod( 'graphic_design_portfolio_social_link_4' );
                
                if ( ! empty( $graphic_design_portfolio_social_link2 ) ) {
                    echo '<a class="social2" href="' . esc_url( $graphic_design_portfolio_social_link2 ) . '" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>';
                }
                if ( ! empty( $graphic_design_portfolio_social_link1 ) ) {
                    echo '<a class="social1" href="' . esc_url( $graphic_design_portfolio_social_link1 ) . '" target="_blank"><i class="fa-brands fa-dribbble"></i></a>';
                } 
                if ( ! empty( $graphic_design_portfolio_social_link3 ) ) {
                    echo '<a class="social3" href="' . esc_url( $graphic_design_portfolio_social_link3 ) . '" target="_blank"><i class="fa-brands fa-behance"></i></a>';
                }
                if ( ! empty( $graphic_design_portfolio_social_link4 ) ) {
                    echo '<a class="social4" href="' . esc_url( $graphic_design_portfolio_social_link4 ) . '" target="_blank"><i class="fab fa-pinterest-p"></i></a>';
                }
                ?>
            </div>
        <?php } ?>
      </div>
        <div class="sliderbox-sec">
                <?php if (get_theme_mod('graphic_design_portfolio_total_no_satisfied_customer') != '') { ?>
                    <div class="customer-counter my-lg-3 my-4">
                        <div class="row">
                            <div class="col-lg-3 col-md-4 col-12 align-self-center counter-icon">
                                <i class="fas fa-smile"></i>
                            </div>
                            <div class="col-lg-9 col-md-8 col-12 align-self-center">
                                <div class="customer-no"><?php echo esc_html(get_theme_mod('graphic_design_portfolio_total_no_satisfied_customer', '')); ?></div>
                                <div class="centers-text"><?php esc_html_e('Satisfied Customer', 'graphic-design-portfolio'); ?></div>
                            </div>
                        </div>
                    </div>
                <?php } ?>
                <?php if (get_theme_mod('graphic_design_portfolio_total_no_award_win') != '') { ?>
                    <div class="customer-counter my-lg-3 my-4">
                        <div class="row">
                            <div class="col-lg-4 col-md-4 col-12 align-self-center counter-icon">
                                <i class="fas fa-trophy"></i>
                            </div>
                            <div class="col-lg-8 col-md-8 col-12 align-self-center">
                                <div class="customer-no"><?php echo esc_html(get_theme_mod('graphic_design_portfolio_total_no_award_win', '')); ?></div>
                                <div class="centers-text"><?php esc_html_e('Award Win', 'graphic-design-portfolio'); ?></div>
                            </div>
                        </div>
                    </div>
                <?php } ?>
                <?php if (get_theme_mod('graphic_design_portfolio_total_no_successfull_projects') != '') { ?>
                    <div class="customer-counter my-lg-3 my-4">
                        <div class="row">
                            <div class="col-lg-3 col-md-4 col-12 align-self-center counter-icon">
                                <i class="far fa-edit"></i>
                            </div>
                            <div class="col-lg-9 col-md-8 col-12 align-self-center">
                                <div class="customer-no"><?php echo esc_html(get_theme_mod('graphic_design_portfolio_total_no_successfull_projects', '')); ?></div>
                                <div class="centers-text"><?php esc_html_e('Successful Project', 'graphic-design-portfolio'); ?></div>
                            </div>
                        </div>
                    </div>
                <?php } ?>
                <?php if (get_theme_mod('graphic_design_portfolio_total_year_experience') != '') { ?>
                    <div class="customer-counter my-lg-3 my-4">
                        <div class="row">
                            <div class="col-lg-3 col-md-4 col-12 align-self-center counter-icon">
                                <i class="fas fa-star"></i>
                            </div>
                            <div class="col-lg-9 col-md-8 col-12 align-self-center">
                                <div class="customer-no"><?php echo esc_html(get_theme_mod('graphic_design_portfolio_total_year_experience', '')); ?></div>
                                <div class="centers-text"><?php esc_html_e('Year Of Experience', 'graphic-design-portfolio'); ?></div>
                            </div>
                        </div>
                    </div>
                <?php } ?>
                <?php if (get_theme_mod('graphic_design_portfolio_total_year_rating') != '') { ?>
                    <div class="customer-counter my-lg-3 my-4">
                        <div class="row">
                            <div class="col-lg-3 col-md-4 col-12 align-self-center counter-icon">
                                <i class="fas fa-percent"></i>
                            </div>
                            <div class="col-lg-9 col-md-8 col-12 align-self-center">
                                <div class="customer-no"><?php echo esc_html(get_theme_mod('graphic_design_portfolio_total_year_rating', '')); ?></div>
                                <div class="centers-text"><?php esc_html_e('satisfaction Rate', 'graphic-design-portfolio'); ?></div>
                            </div>
                        </div>
                    </div>
                <?php } ?>
        </div>
    </div>
    <?php endif; ?>