	<?php 

$clients_per_page = $instance['clients_per_page'];


$button_text = $instance['button_text'];



?>	
	<section id="content">
	               <div class="content-wrap pb-5 pt-0 ">
	
								<div class="text-center">
							<h5 class="mb-0"> <span><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 42 12" height="40" width="40" style="enable-background:new 0 0 42 12;" xml:space="preserve"><g>	<g>		<path d="M36.9,1.1l-2,2v1.9l3.6-3.6l-0.6-1.3L36.9,1.1z"></path>		<path d="M39.9,3.4H37l-1.3,1.3h5.1l0.5-1.3H39.9z"></path>		<path d="M40.5,7.2l-2-2h-1.9l3.6,3.6l1.3-0.6L40.5,7.2z"></path>		<path d="M38.2,10.3V7.4l-1.3-1.3v5.1l1.3,0.5V10.3z"></path>		<path d="M34.4,10.9l2-2V6.9l-3.6,3.6l0.6,1.3L34.4,10.9z"></path>		<path d="M31.3,8.6h2.9l1.3-1.3h-5.1l-0.5,1.3H31.3z"></path>		<path d="M30.8,4.8l2,2h1.9l-3.6-3.6l-1.3,0.6L30.8,4.8z"></path>		<path d="M33.1,1.7v2.9l1.3,1.3V0.8l-1.3-0.5V1.7z"></path>	</g>	<g>		<rect x="0.5" y="10.9" width="29.3" height="1"></rect>	</g></g></svg></span> <?php echo esc_html( $instance['subtitle'] ); ?>
							<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 42 12" height="40" width="40" style="enable-background:new 0 0 42 12;" xml:space="preserve"><g>	<g>		<path d="M36.9,1.1l-2,2v1.9l3.6-3.6l-0.6-1.3L36.9,1.1z"></path>		<path d="M39.9,3.4H37l-1.3,1.3h5.1l0.5-1.3H39.9z"></path>		<path d="M40.5,7.2l-2-2h-1.9l3.6,3.6l1.3-0.6L40.5,7.2z"></path>		<path d="M38.2,10.3V7.4l-1.3-1.3v5.1l1.3,0.5V10.3z"></path>		<path d="M34.4,10.9l2-2V6.9l-3.6,3.6l0.6,1.3L34.4,10.9z"></path>		<path d="M31.3,8.6h2.9l1.3-1.3h-5.1l-0.5,1.3H31.3z"></path>		<path d="M30.8,4.8l2,2h1.9l-3.6-3.6l-1.3,0.6L30.8,4.8z"></path>		<path d="M33.1,1.7v2.9l1.3,1.3V0.8l-1.3-0.5V1.7z"></path>	</g>	<g>		<rect x="0.5" y="10.9" width="29.3" height="1"></rect>	</g></g></svg>
							</h5>
							</div>
								<div class="heading-block text-center"  data-animate="fadeInLeft">
									<h3 ><?php echo esc_html( $instance['title'] ); ?></h3>
								</div>
								
		<div class="container scroll-animation-all-wrapper">
			<!-- Left-moving slider -->
			<div class="swiper_wrapper customjs min-vh-0 mb-lg-4 mb-5">
				<div class="swiper swiper-left">
					<div class="swiper-wrapper h-auto">
					<?php
          
            $qargs = array(
                'post_status'       => 'publish',
                'post_type'         => 'clients',
				'order'				=> 'ASC',
                'posts_per_page'    => $clients_per_page
            );
            $postCount = 0;
            $recentPosts = new WP_Query( $qargs );
         
            if ( $recentPosts->have_posts() ) : ?>

                <?php while( $recentPosts->have_posts() ) : $recentPosts->the_post();
                $meta = get_post_meta( get_the_ID() ); 

$image_thumb = '';
								$clients_ID = get_the_ID();
	if(has_post_thumbnail(get_the_ID(), 'full'))
	{
	    $image_id = get_post_thumbnail_id(get_the_ID());
	    $image_thumb = wp_get_attachment_image_src($image_id, 'full', true);
	}
	?>

						<div class="swiper-slide"><img src="<?php echo $image_thumb[0]; ?>" alt="<?php the_title(); ?>"></div>
					
					  <?php endwhile;  endif; 
            wp_reset_postdata();  ?>	
					</div>
				</div>
			</div>

			<!-- Right-moving slider -->
			<div class="swiper_wrapper customjs min-vh-0 mb-lg-4 mb-5">
				<div class="swiper swiper-right">
					<div class="swiper-wrapper h-auto">
								<?php
          
            $qargs = array(
                'post_status'       => 'publish',
                'post_type'         => 'inverters',
				'order'				=> 'ASC',
                'posts_per_page'    => $clients_per_page
            );
            $postCount = 0;
            $recentPosts = new WP_Query( $qargs );
         
            if ( $recentPosts->have_posts() ) : ?>

                <?php while( $recentPosts->have_posts() ) : $recentPosts->the_post();
                $meta = get_post_meta( get_the_ID() ); 

$image_thumb = '';
								$clients_ID = get_the_ID();
	if(has_post_thumbnail(get_the_ID(), 'full'))
	{
	    $image_id = get_post_thumbnail_id(get_the_ID());
	    $image_thumb = wp_get_attachment_image_src($image_id, 'full', true);
	}
	?>
						<div class="swiper-slide"><img src="<?php echo $image_thumb[0]; ?>" alt="<?php the_title(); ?>"></div>
					 <?php endwhile;  endif; 
            wp_reset_postdata();  ?>	
					</div>
				</div>
			</div>

		</div>
	</div>
</section>

<script>
	window.addEventListener('load', function () {
		// Left-moving slider
		var swiperLeft = new Swiper('.swiper-left', {
			spaceBetween: 20,
			slidesPerView: 3,
			speed: 6000,
			autoplay: {
				delay: 1,
				disableOnInteraction: false,
			},
			loop: true,
			allowTouchMove: true,
			breakpoints: {
				768: { slidesPerView: 4 },
				992: { slidesPerView: 4 },
				1200: { slidesPerView: 5 }
			}
		});

		// Right-moving slider
		var swiperRight = new Swiper('.swiper-right', {
			spaceBetween: 20,
			slidesPerView: 3,
			speed: 6000,
			autoplay: {
				delay: 1,
				disableOnInteraction: false,
				reverseDirection: true, // Moves the slider to the right
			},
			loop: true,
			allowTouchMove: true,
			breakpoints: {
				768: { slidesPerView: 3 },
				992: { slidesPerView: 4 },
				1200: { slidesPerView: 6 }
			}
		});
	});
</script>
