<?php
if( get_theme_mod( 'banner_section_display_option', true ) ) {
	$banner_title = get_theme_mod( 'banner_section_title' );
	$banner_desc = get_theme_mod( 'banner_section_description' );
	$banner_cta_label = get_theme_mod( 'banner_section_cta_label', '' );
  $banner_cta_link = get_theme_mod( 'banner_section_cta_link', '' );
?>
<section class="min-h-500 position-relative bg-primary z-0" style="background-image: url('<?php echo esc_url( get_header_image() );?>'); background-size: cover; background-position: center; background-repeat: no-repeat;">
	<div class="container-xl">
			<div class="w-perc-100 w-md-p60 d-flex flex-column justify-content-center align-items-start py-32 py-md-48">
				<h1 class="banner-title text-light mb-32"><?php echo esc_html( $banner_title ); ?></h1>
				<p class="banner-desc text-light mb-32"><?php echo esc_html( $banner_desc ); ?></p>
				<?php if($banner_cta_link && $banner_cta_label ) { ?>
          <div class="banner-btn btn-group mb-40">
            <a class="btn btn-outline-secondary px-40 py-16 fs-5" href="<?php echo esc_attr( $banner_cta_link ); ?>">
              <?php echo esc_html( $banner_cta_label ); ?>
            </a>
          </div>
        <?php } ?>
				<?php if( get_theme_mod( 'search_section_display_option', true ) ) { ?>
					<form role="search" method="get" action="<?php echo esc_url( home_url( '/' ) ); ?>" class="banner-search input-group flex-nowrap mb-40">
				    <input type="text" name="s" id="search" class="form-control bg-white" placeholder="<?php echo esc_attr_e( 'Search &hellip;', 'travel-tour' ) ?>"
				            value="<?php the_search_query(); ?>" title="<?php echo esc_attr_e( 'Search for:', 'travel-tour' ) ?>" />
				    <button type="submit" class="btn btn-secondary w-48 w-md-64"><i class="fa fa-search"></i></button>
					</form>	
				<?php } ?>
			</div>
	</div>
</section>
<?php } ?>