<?php
/**
 * Banner Section
 * 
 * @package kids_birthday_party
 */
$kids_birthday_party_slider = get_theme_mod( 'kids_birthday_party_slider_setting',false );
?>

<?php if ( $kids_birthday_party_slider ){?>
  <div class="banner">
      <div class="banner_box">
        <div class="container">
        <div class="row">
          <div class="col-lg-6 col-md-12 align-self-center">
              <?php if ( get_theme_mod('kids_birthday_party_slider_text_extra') ) : ?>
                  <p class="slide-extra-head"><?php echo esc_html(get_theme_mod('kids_birthday_party_slider_text_extra')); ?></p>
              <?php endif; ?>

              <?php 
              $kids_birthday_party_heading = get_theme_mod('kids_birthday_party_slider_heading');
              $kids_birthday_party_heading_url = get_theme_mod('kids_birthday_party_slider_heading_url');
              if ( $kids_birthday_party_heading ) : ?>
                  <h2>
                      <?php if ( $kids_birthday_party_heading_url ) : ?>
                          <a href="<?php echo esc_url($kids_birthday_party_heading_url); ?>"><?php echo esc_html($kids_birthday_party_heading); ?></a>
                      <?php else : ?>
                          <?php echo esc_html($kids_birthday_party_heading); ?>
                      <?php endif; ?>
                  </h2>
              <?php endif; ?>

              <?php if ( get_theme_mod('kids_birthday_party_slider_content') ) : ?>
                  <p class="slide-extra-content"><?php echo esc_html(get_theme_mod('kids_birthday_party_slider_content')); ?></p>
              <?php endif; ?>
          </div>
          <div class="col-lg-6 col-md-12 align-self-center">
            <div class="imagebox wow zoomIn" data-wow-duration="1s">
                <?php if ( get_theme_mod('kids_birthday_party_slider_image') ) : ?>
                  <img class="banner-img" src="<?php echo esc_url(get_theme_mod('kids_birthday_party_slider_image'));?>">
                <?php else: ?>
                  <div class="banner-img">
                    <img src="<?php echo get_stylesheet_directory_uri() . '/images/slider.png'; ?>">
                  </div>
                <?php endif; ?>
            </div>
          </div>
        </div>
        </div>
      </div>
    </div>
  </div>
<?php } ?>