<?php
/**
 * ------------------------------------------------------------------------
 * ja_trip_tpl
 * ------------------------------------------------------------------------
 * Copyright (C) 2004-2018 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
 * @license - Copyrighted Commercial Software
 * Author: J.O.O.M Solutions Co., Ltd
 * Websites:  http://www.joomlart.com -  http://www.joomlancers.com
 * This file may not be redistributed in whole or significant part.
 * ------------------------------------------------------------------------
*/
defined('_JEXEC') or die;
	$count 					= $helper->getRows('data.title');
	$column 				= $helper->get('columns');
?>

<div id="acm-teams-<?php echo $module->id; ?>" class="acm-teams style-1" data-aos="fade-up">
	<div class="container">
		<div class="owl-carousel owl-theme">
			<?php 
				for ($i=0; $i<$count; $i++) : 
			?>
				<div class="teams-item" >
					<div class="teams-item-inner">
						

						<?php if($helper->get('data.img', $i)) : ?>
							<div class="teams-img">
								<img src="<?php echo $helper->get('data.img', $i) ?>" alt="" />
							</div>
						<?php endif ; ?>
						
						<?php if($helper->get('data.title', $i) || $helper->get('data.description', $i)) : ?>
						<div class="teams-text bg-backdrop">
							<?php if($helper->get('data.title', $i)) : ?>
								<h4>		
										<?php echo $helper->get('data.title', $i) ?>
									</h4>
							<?php endif ; ?>

							<?php if($helper->get('data.team-position', $i)) : ?>
								<span class="team-position">
									<?php echo $helper->get('data.team-position', $i) ?>		
								</span>
							<?php endif ; ?>
						</div>
						<?php endif ; ?>
					</div>
				</div>
			<?php endfor; ?>
		</div>
	</div>
</div>


<script>
(function($){
  jQuery(document).ready(function($) {
    $("#acm-teams-<?php echo $module->id; ?> .owl-carousel").owlCarousel({
      addClassActive: true,
      items: <?php echo $column; ?>,
      margin: 36,
      responsive : {
      	0 : {
      		items: 1,
      	},

      	768 : {
      		items: 2,
      	},

      	979 : {
      		items: 3,
      	},

      	1199 : {
      		items: <?php echo $column; ?>,
      	}
      },
      loop: true,
      nav : false,
      dots: true,
      autoplay: false
    });
  });
})(jQuery);
</script>