<?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;
$order_autolabels = $element['order_labels'];
$el = $this->el('div', [

	'class' =>  $this->expr([
		'djc_autolabels',
		'uk-panel',
		'uk-margin[-{autolabels_margin}]-top {@!autolabels_margin: remove}',
		'uk-margin-remove-top {@autolabels_margin: remove}',
		'uk-margin-remove-bottom',
		'uk-inline {@position_inline_autolabels}' => ['position_inline_autolabels' => $element['position_inline_autolabels']],
	], $element),
	'order_autolabels' =>  $this->expr([
		$order_autolabels,
	], $element),
]);

//Style position && size of an element
$el->attr('style', [
	'position:{position_autolabels};' => ['position_autolabels' => $element['position_autolabels']],
	'left: {position_left_autolabels}px;' => ['position_left_autolabels' => $element['position_left_autolabels']],
	'right: {position_right_autolabels}px;' => ['position_right_autolabels' => $element['position_right_autolabels']],
	'top: {position_top_autolabels}px;' => ['position_top_autolabels' => $element['position_top_autolabels']],
	'bottom: {position_bottom_autolabels}px;' => ['position_bottom_autolabels' => $element['position_bottom_autolabels']],
	'z-index:{position_z_index_autolabels};' => ['position_z_index_autolabels' => $element['position_z_index_autolabels']],
	'width:{autolabels_width};' => ['autolabels_width' => $element['autolabels_width']],
	'height:{autolabels_height};' => ['autolabels_height' => $element['autolabels_height']]

], $element);

echo $el($props, $attrs, $props['autolabels']);
