<?php
/**
 * @package DJ-Catalog2-Yootheme
 * @copyright Copyright (C) DJ-Extensions.com, All rights reserved.
 * @license http://www.gnu.org/licenses GNU/GPL
 * @author url: http://dj-extensions.com
 * @author email contact@dj-extensions.com
 */
defined('_JEXEC') or die;
// Category image
if ($props['category_image']) {

	$categoryimage = $this->el('image', [

		'class' => [
			'el-image',
			'djc_category_image',
			'uk-box-shadow-{category_image_box_shadow} {@!panel_style} {@!category_image_transition}',
			'uk-box-shadow-hover-{category_image_hover_box_shadow} {@!panel_style} {@!category_image_transition}' => $props['category_image'] && ($props['category_link'] ),
			'uk-transition-{category_image_transition} uk-transition-opaque' => $props['category_image'] && ($props['category_link'] ),
			'uk-text-{category_image_svg_color} {@category_image_svg_inline}' => $this->isImage($props['category_image']) == 'svg',
			'uk-margin[-{category_margin}]-top {@!category_margin: remove}',
			'uk-margin-remove-top {@category_margin: remove}',
			'uk-margin-remove-bottom',
			'uk-inline {@position_inline_category_image}' => ['position_inline_category_image' => $element['position_inline_category_image']],
			'uk-display-block ${@ifnotinline}' => ['ifnotinline' => !$element['position_inline_category_image']]

		],

		'src' => $props['category_image'],
		'alt' => $props['category_image_alt'],
		'width' => $element['category_image_width'],
		'height' => $element['category_image_height'],
		'thumbnail' => true,
	]);
	$categoryimage->attr('style', [
		'width:{category_image_width};' => ['category_image_width' => $element['category_image_width']],
		'height:{category_image_height};' => ['category_image_height' => $element['category_image_height']],
		'position:{position_category_image};' => ['position_category_image' => $element['position_category_image']],
		'left: {position_left_category_image}px;' => ['position_left_category_image' => $element['position_left_category_image']],
		'right: {position_right_category_image}px;' => ['position_right_category_image' => $element['position_right_category_image']],
		'top: {position_top_category_image}px;' => ['position_top_category_image' => $element['position_top_category_image']],
		'bottom: {position_bottom_category_image}px;' => ['position_bottom_category_image' => $element['position_bottom_category_image']],
		'z-index:{position_z_index_category_image};' => ['position_z_index_category_image' => $element['position_z_index_category_image']],


	], $element);

	echo $categoryimage($element, []);


}


