<?php

su_add_shortcode( array(
		'id' => 'expand',
		'callback' => 'su_shortcode_expand',
		'image' => su_get_plugin_url() . 'admin/images/shortcodes/expand.svg',
		'name' => __( 'Expand', 'shortcodes-ultimate' ),
		'type' => 'wrap',
		'group' => 'box',
		'atts' => array(
			'more_text' => array(
				'default' => __( 'Show more', 'shortcodes-ultimate' ),
				'name' => __( 'More text', 'shortcodes-ultimate' ),
				'desc' => __( 'Enter the text for more link', 'shortcodes-ultimate' )
			),
			'less_text' => array(
				'default' => __( 'Show less', 'shortcodes-ultimate' ),
				'name' => __( 'Less text', 'shortcodes-ultimate' ),
				'desc' => __( 'Enter the text for less link', 'shortcodes-ultimate' )
			),
			'height' => array(
				'type' => 'slider',
				'min' => 0,
				'max' => 1000,
				'step' => 10,
				'default' => 100,
				'name' => __( 'Height', 'shortcodes-ultimate' ),
				'desc' => __( 'Height for collapsed state (in pixels)', 'shortcodes-ultimate' )
			),
			'hide_less' => array(
				'type' => 'bool',
				'default' => 'no',
				'name' => __( 'Hide less link', 'shortcodes-ultimate' ),
				'desc' => __( 'This option allows you to hide less link, when the text block has been expanded', 'shortcodes-ultimate' )
			),
			'text_color' => array(
				'type' => 'color',
				'values' => array( ),
				'default' => '#333333',
				'name' => __( 'Text color', 'shortcodes-ultimate' ),
				'desc' => __( 'Pick the text color', 'shortcodes-ultimate' )
			),
			'link_color' => array(
				'type' => 'color',
				'values' => array( ),
				'default' => '#0088FF',
				'name' => __( 'Link color', 'shortcodes-ultimate' ),
				'desc' => __( 'Pick the link color', 'shortcodes-ultimate' )
			),
			'link_style' => array(
				'type' => 'select',
				'values' => array(
					'default'    => __( 'Default', 'shortcodes-ultimate' ),
					'underlined' => __( 'Underlined', 'shortcodes-ultimate' ),
					'dotted'     => __( 'Dotted', 'shortcodes-ultimate' ),
					'dashed'     => __( 'Dashed', 'shortcodes-ultimate' ),
					'button'     => __( 'Button', 'shortcodes-ultimate' ),
				),
				'default' => 'default',
				'name' => __( 'Link style', 'shortcodes-ultimate' ),
				'desc' => __( 'Select the style for more/less link', 'shortcodes-ultimate' )
			),
			'link_align' => array(
				'type' => 'select',
				'values' => array(
					'left' => __( 'Left', 'shortcodes-ultimate' ),
					'center' => __( 'Center', 'shortcodes-ultimate' ),
					'right' => __( 'Right', 'shortcodes-ultimate' ),
				),
				'default' => 'left',
				'name' => __( 'Link align', 'shortcodes-ultimate' ),
				'desc' => __( 'Select link alignment', 'shortcodes-ultimate' )
			),
			'more_icon' => array(
				'type' => 'icon',
				'default' => '',
				'name' => __( 'More icon', 'shortcodes-ultimate' ),
				'desc' => __( 'Add an icon to the more link', 'shortcodes-ultimate' )
			),
			'less_icon' => array(
				'type' => 'icon',
				'default' => '',
				'name' => __( 'Less icon', 'shortcodes-ultimate' ),
				'desc' => __( 'Add an icon to the less link', 'shortcodes-ultimate' )
			),
			'class' => array(
				'type' => 'extra_css_class',
				'name' => __( 'Extra CSS class', 'shortcodes-ultimate' ),
				'desc' => __( 'Additional CSS class name(s) separated by space(s)', 'shortcodes-ultimate' ),
				'default' => '',
			),
		),
		'content' => __( 'This text block can be expanded', 'shortcodes-ultimate' ),
		'desc' => __( 'Expandable text block', 'shortcodes-ultimate' ),
		'icon' => 'sort-amount-asc',
	) );

function su_shortcode_expand( $atts = null, $content = null ) {

	$atts = shortcode_atts( array(
			'more_text'  => __( 'Show more', 'shortcodes-ultimate' ),
			'less_text'  => __( 'Show less', 'shortcodes-ultimate' ),
			'height'     => '100',
			'hide_less'  => 'no',
			'text_color' => '#333333',
			'link_color' => '#0088FF',
			'link_style' => 'default',
			'link_align' => 'left',
			'more_icon'  => '',
			'less_icon'  => '',
			'class'      => ''
		), $atts, 'expand' );

	// Prepare more icon
	$more_icon = ( $atts['more_icon'] ) ? su_html_icon( $atts['more_icon'] ) : '';
	$less_icon = ( $atts['less_icon'] ) ? su_html_icon( $atts['less_icon'] ) : '';

	if ( $more_icon || $less_icon ) {
		su_query_asset( 'css', 'su-icons' );
	}

	// Prepare less link
	$less = $atts['hide_less'] !== 'yes'
		? '<div class="su-expand-link su-expand-link-less" style="text-align:' . $atts['link_align'] . '"><a href="javascript:;" style="color:' . $atts['link_color'] . ';border-color:' . $atts['link_color'] . '">' . $less_icon . '<span style="border-color:' . $atts['link_color'] . '">' . $atts['less_text'] . '</span></a></div>'
		: '';

	su_query_asset( 'css', 'su-shortcodes' );
	su_query_asset( 'js', 'su-shortcodes' );

	return '<div class="su-expand su-expand-collapsed su-expand-link-style-' . $atts['link_style'] . su_get_css_class( $atts ) . '" data-height="' . $atts['height'] . '"><div class="su-expand-content su-u-trim" style="color:' . $atts['text_color'] . ';max-height:' . intval( $atts['height'] ) . 'px;overflow:hidden">' . do_shortcode( $content ) . '</div><div class="su-expand-link su-expand-link-more" style="text-align:' . $atts['link_align'] . '"><a href="javascript:;" style="color:' . $atts['link_color'] . ';border-color:' . $atts['link_color'] . '">' . $more_icon . '<span style="border-color:' . $atts['link_color'] . '">' . $atts['more_text'] . '</span></a></div>' . $less . '</div>';

}