    <?php 
	$document = JFactory::getDocument();
	$document->addStyleSheet('/modules/mod_moojlacourseslider/assets/css/grid_gallery.css');
	$document->addScript('/modules/mod_moojlacourseslider/assets/js/grid_galleryr.js');
	$open_content_gallery=$params->get('open_content_gallery');	
	
	JFactory::getDocument()->addScriptOptions('select_background_color_gallery',$params->get('select_background_color_gallery'));
	JFactory::getDocument()->addScriptOptions('background_color_gallery',$params->get('background_color_gallery'));

	?>

<div class="lmskaran_grid_gallery">
	<?php foreach($courses as $course): ?>

		<div class="lmskaran_grid_gallery_image_text<?php if($open_content_gallery == 1):?> lmskaran_grid_gallery_image_text_bottom<?php endif; ?><?php if($open_content_gallery == 2):?> lmskaran_grid_gallery_image_text_right<?php endif; ?><?php if($open_content_gallery == 3):?> lmskaran_grid_gallery_image_text_left<?php endif; ?>">
			<a href="<?php echo JRoute::_('index.php?option=com_moojla&view=coursedetail&id='.$course->remoteid); ?>">
				<?php if(!$course->summary_files):?>
					<img src="https://www.w3schools.com/w3css/img_lights.jpg">
				<?php else:?>
					<img src="<?php echo $course->summary_files; ?>">
				<?php endif;?>
				<div class="lmskaran_grid_gallery_information_course">
					<h3><?php echo $course->shortname; ?></h3>
					<div class="lmskaran_grid_gallery_cat_name">
						<?php echo $course->cat_name; ?>
					</div>
				</div>
			</a>
		</div>
	<?php endforeach; ?>
</div>

 