<section id="gt-banner-3" class="gt-banner-section-3 position-relative">
    <?php if(!empty($settings['img_1']['url'])):?>
        <span class="gt-banner-bottom-shape position-absolute">
            <img src="<?php echo esc_url($settings['img_1']['url']);?>" alt="<?php if(!empty($settings['img_1']['url'])){ echo esc_attr($settings['img_1']['alt']);} ?> ">
        </span>
    <?php endif;?>
    <div class="gt-banner-content-3 position-relative">

        <?php if(!empty($settings['img_2']['url'])):?>
            <div class="gt-banner-men position-absolute wow scene slideInRight"  data-wow-delay="500ms" data-wow-duration="1500ms"><img src="<?php echo esc_url($settings['img_2']['url']);?>" alt="<?php if(!empty($settings['img_2']['url'])){ echo esc_attr($settings['img_2']['alt']);} ?>"></div>
        <?php endif;?>

        <?php if(!empty($settings['img_3']['url'])):?>
            <div class="gt_banner_deco_1 position-absolute"><img src="<?php echo esc_url($settings['img_3']['url']);?>" alt="<?php if(!empty($settings['img_3']['url'])){ echo esc_attr($settings['img_3']['alt']);} ?>"></div>
        <?php endif;?>

        <?php if(!empty($settings['img_4']['url'])):?>
            <div class="gt_banner_deco_2 position-absolute wow scene zoomIn"  data-wow-delay="600ms" data-wow-duration="1500ms"><img class="layer" data-depth="0.9" src="<?php echo esc_url($settings['img_4']['url']);?>" alt="<?php if(!empty($settings['img_4']['url'])){ echo esc_attr($settings['img_4']['alt']);} ?>"></div>
        <?php endif;?>

        <?php if(!empty($settings['img_5']['url'])):?>
            <div class="gt_banner_deco_3 position-absolute wow scene zoomIn"  data-wow-delay="650ms" data-wow-duration="1500ms"><img class="layer" data-depth="-0.9" src="<?php echo esc_url($settings['img_5']['url']);?>" alt="<?php if(!empty($settings['img_5']['url'])){ echo esc_attr($settings['img_5']['alt']);} ?>"></div>
        <?php endif;?>

        <?php if(!empty($settings['img_6']['url'])):?>
            <div class="gt_banner_deco_4 position-absolute wow scene fadeInLeft"  data-wow-delay="700ms" data-wow-duration="1500ms"><img class="layer" data-depth="0.9" src="<?php echo esc_url($settings['img_6']['url']);?>" alt="<?php if(!empty($settings['img_6']['url'])){ echo esc_attr($settings['img_6']['alt']);} ?>"></div>
        <?php endif;?>

        <?php if(!empty($settings['img_7']['url'])):?>
            <div class="gt_banner_deco_5  position-absolute"><img src="<?php echo esc_url($settings['img_7']['url']);?>" alt="<?php if(!empty($settings['img_7']['url'])){ echo esc_attr($settings['img_7']['alt']);} ?>"></div>
        <?php endif;?>
        <?php if(!empty($settings['img_8']['url'])):?>
            <div class="gt_banner_deco_6 position-absolute scene wow slideInLeft"  data-wow-delay="750ms" data-wow-duration="1500ms"><img class="layer" data-depth="-0.9" src="<?php echo esc_url($settings['img_8']['url']);?>" alt="<?php if(!empty($settings['img_8']['url'])){ echo esc_attr($settings['img_8']['alt']);} ?>"></div>
        <?php endif;?>
        <?php if(!empty($settings['img_9']['url'])):?>
        <div class="gt-banner-img position-absolute img-parallax">
            <img src="<?php echo esc_url($settings['img_9']['url']);?>" alt="<?php if(!empty($settings['img_9']['url'])){ echo esc_attr($settings['img_9']['alt']);} ?>">
            <div class="background_overlay"></div>
        </div>
        <?php endif;?>
        <div class="container">
            <div class="gt-banner-text-3 headline pera-content text-center">
                <div class="banner-text-item">
                    <?php if(!empty($settings['subtitle'])):?>
                        <div class="gt-banner-slug cursive-font">
                            <?php echo wp_kses($settings['subtitle'], true);?>
                        </div>
                    <?php endif;?>
                    <?php if(!empty($settings['subtitle'])):?>
                    <h1 class="banner_title cd-headline clip is-full-width">
                        <?php echo wp_kses($settings['title'], true);?> <span class="cd-words-wrapper">
                        <?php $i =0; foreach($settings['infos'] as $item): $i++?>
                            <b <?php if($i == 1):?> class="is-visible" <?php endif;?>><?php echo esc_html($item['title']);?></b>
                        <?php endforeach;?>
                    </h1>
                    <?php endif;?>
                    <?php if(!empty($settings['description'])):?>
                        <p><?php echo wp_kses($settings['description'], true);?></p>
                    <?php endif;?>
                </div>
            </div>
			<div class="gt-booking-searchbox">
				<div class="gt-booking-tab-btn tx-tab-btn ul-li">
					<ul class="nav nav-tabs" id="booking_tab" role="tablist">
						<?php
							foreach( $settings['tabs'] as $id => $item ) :

							$active = ($id == 0) ? 'active' : '';
							$aria_selected = ($id == 0) ? 'true' : 'false';

						?>
							<li class="nav-item" role="presentation">
								<div class="nav-link <?php echo esc_attr($active); ?>" id="project_tab_<?php echo esc_attr($id); ?>" data-bs-toggle="tab" data-bs-target="#project_1_<?php echo esc_attr($id); ?>"  role="tab"  aria-selected="false">
								<?php \Elementor\Icons_Manager::render_icon( $item['tab_icon'], [ 'aria-hidden' => 'true' ] ); ?> <?php echo esc_html($item['tab_title']);?>
								</div>
							</li>
    					<?php endforeach;?>
						
					</ul>
				</div>
				<div class="tab-content" id="gt-select-option-tab">
				<?php
						foreach( $settings['tabs'] as $id => $list ) :
						$active = ($id == 0) ? 'show active' : '';
					?>
					<div class="tab-pane <?php echo esc_attr($active); ?> animated fadeInRight" id="project_1_<?php echo esc_attr($id); ?>" role="tabpanel">
						<div class="gt-booking-form-area-2 wow fadeInUp"  data-wow-delay="300ms" data-wow-duration="1000ms">
							<form action="<?php echo esc_url( wp_travel_engine_get_page_permalink( 'search' ) ); ?>">
								<div class="gt-booking-option d-flex align-items-center justify-content-between">
									<div class="option_action_2 position-relative headline">
										<?php if(!empty($list['location_label'])):?>
											<h3><?php echo wp_kses($list['location_label'], true)?></h3>
										<?php endif;?>
										<div class="action-icon d-flex align-items-center justify-content-center position-absolute"><?php \Elementor\Icons_Manager::render_icon( $list['l_icon'], [ 'aria-hidden' => 'true' ] ); ?></div>
										<select name="destination">
										<?php if(!empty($list['l_d_value'])):?>
											<option value=""><?php echo wp_kses($list['l_d_value'], true)?></option>
										<?php endif;?>
											<?php
												// Get all terms from the "destination" taxonomy
												$terms = get_terms( array(
													'taxonomy' => 'destination',
													'hide_empty' => false,
												) );

												// Loop through each term and create an option for the select dropdown
												foreach ( $terms as $term ) {
													echo '<option value="' . $term->slug . '">' . $term->name . '</option>';
												}
											?>
										</select>
									</div>
									<div class="option_action_2 position-relative headline">
										<?php if(!empty($list['activity_label'])):?>
											<h3><?php echo wp_kses($list['activity_label'], true)?></h3>
										<?php endif;?>
										<div class="action-icon d-flex align-items-center justify-content-center position-absolute"><?php \Elementor\Icons_Manager::render_icon( $list['a_icon'], [ 'aria-hidden' => 'true' ] ); ?></div>
										<select name="activities">
											<?php if(!empty($list['a_d_value'])):?>
												<option value=""><?php echo wp_kses($list['a_d_value'], true)?></option>
											<?php endif;?>
											<?php
												// Get all terms from the "destination" taxonomy
												$terms = get_terms( array(
													'taxonomy' => 'activities',
													'hide_empty' => false,
												) );

												// Loop through each term and create an option for the select dropdown
												foreach ( $terms as $term ) {
													echo '<option value="' . $term->slug . '">' . $term->name . '</option>';
												}
											?>
										</select>
									</div>
									<div class="option_action_2 position-relative headline">
										<?php if(!empty($list['type_label'])):?>
											<h3><?php echo wp_kses($list['type_label'], true)?></h3>
										<?php endif;?>
										<div class="action-icon d-flex align-items-center justify-content-center position-absolute"><?php \Elementor\Icons_Manager::render_icon( $list['t_icon'], [ 'aria-hidden' => 'true' ] ); ?></div>
										<select name="trip_types">
											<?php if(!empty($list['t_d_value'])):?>
												<option value=""><?php echo wp_kses($list['t_d_value'], true)?></option>
											<?php endif;?>
											<?php
												// Get all terms from the "destination" taxonomy
												$terms = get_terms( array(
													'taxonomy' => 'trip_types',
													'hide_empty' => false,
												) );

												// Loop through each term and create an option for the select dropdown
												foreach ( $terms as $term ) {
													echo '<option value="' . $term->slug . '">' . $term->name . '</option>';
												}
											?>
										</select>
									</div>
									<button type="submit"><i class="far fa-search"></i> Plan A Trip</button>
						</div>
					</form>
					</div>		
					</div>		
					<?php endforeach;?>
					</div>		
			</div>
            
        </div>
    </div>
</section>	