<?php if ( ! defined( 'ABSPATH' ) ) {exit;}
/**
 *
 * StyleKit control for elementor
 * 
 * @author Codevz
 * @link http://codevz.com/
 *
 */
class Codevz_Elementor_stylekit extends \Elementor\Control_Base_Multiple {

	/**
	 *
	 * Control type name
	 *
	 * @return string
	 * 
	 */
	public function get_type() {
		return 'cz_sk';
	}

	/**
	 *
	 * Enqueue assets
	 *
	 * @return string
	 * 
	 */
	public function enqueue() {
		codevz_plus_admin_enqueue_scripts();
		Codevz_Elementor::enqueue();
	}

	/**
	 *
	 * Control HTML output template
	 *
	 * @return string
	 * 
	 */
	public function content_template() {
		$control_uid = $this->get_control_uid();
		$inputs = [ 'desktop', 'tablet', 'mobile', 'hover', 'rtl', 'before', 'after' ];
		?>
		<div class="elementor-control-field">
			<label for="<?php echo $control_uid; ?>" class="elementor-control-title">{{{ data.label }}}</label>
			<div class="elementor-control-input-wrapper">
				<?php
					foreach( $inputs as $n ) {
						echo '<input type="text" id="' . esc_attr( $this->get_control_uid( $n ) ) . '" data-setting="' . esc_attr( $n ) . '"/>';
					}
				?>
				<a href="#" class="button cz_sk_btn"><span class="cz_skico cz_skico_vc"></span></a>
			</div>
		</div>
		<# if ( data.description ) { #>
		<div class="elementor-control-field-description">{{ data.description }}</div>
		<# } #>
		<?php
	}
}