<?php

su_add_shortcode(
	array(
		'id'       => 'box',
		'callback' => 'su_shortcode_box',
		'image'    => su_get_plugin_url() . 'admin/images/shortcodes/box.svg',
		'name'     => __( 'Box', 'shortcodes-ultimate' ),
		'type'     => 'wrap',
		'group'    => 'box',
		'atts'     => array(
			'title'       => array(
				'values'  => array(),
				'default' => __( 'Box title', 'shortcodes-ultimate' ),
				'name'    => __( 'Title', 'shortcodes-ultimate' ),
				'desc'    => __( 'Text for the box title', 'shortcodes-ultimate' ),
			),
			'style'       => array(
				'type'    => 'select',
				'values'  => array(
					'default' => __( 'Default', 'shortcodes-ultimate' ),
					'soft'    => __( 'Soft', 'shortcodes-ultimate' ),
					'glass'   => __( 'Glass', 'shortcodes-ultimate' ),
					'bubbles' => __( 'Bubbles', 'shortcodes-ultimate' ),
					'noise'   => __( 'Noise', 'shortcodes-ultimate' ),
				),
				'default' => 'default',
				'name'    => __( 'Style', 'shortcodes-ultimate' ),
				'desc'    => __( 'Box style preset', 'shortcodes-ultimate' ),
			),
			'box_color'   => array(
				'type'    => 'color',
				'values'  => array(),
				'default' => '#333333',
				'name'    => __( 'Color', 'shortcodes-ultimate' ),
				'desc'    => __( 'Color for the box title and borders', 'shortcodes-ultimate' ),
			),
			'title_color' => array(
				'type'    => 'color',
				'values'  => array(),
				'default' => '#FFFFFF',
				'name'    => __( 'Title text color', 'shortcodes-ultimate' ),
				'desc'    => __( 'Color for the box title text', 'shortcodes-ultimate' ),
			),
			'radius'      => array(
				'type'    => 'slider',
				'min'     => 0,
				'max'     => 20,
				'step'    => 1,
				'default' => 3,
				'name'    => __( 'Radius', 'shortcodes-ultimate' ),
				'desc'    => __( 'Box corners radius', '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' => '',
			),
			'id'          => array(
				'name'    => __( 'HTML Anchor', 'shortcodes-ultimate' ),
				'desc'    => __( 'Enter a word or two, without spaces, to make a unique web address just for this element. Then, you\'ll be able to link directly to this section of your page.', 'shortcodes-ultimate' ),
				'default' => '',
			),
			'max_width'   => array(
				'default' => '',
				'name'    => __( 'Max width', 'shortcodes-ultimate' ),
				'desc'    => __( 'Box maximum width. You can use any valid CSS unit (px, em, %, etc). If no unit is specified, pixels will be used.', 'shortcodes-ultimate' ),
			),
		),
		'content'  => __( 'Box content', 'shortcodes-ultimate' ),
		'desc'     => __( 'Colored box with caption', 'shortcodes-ultimate' ),
		'icon'     => 'list-alt',
	)
);

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

	$atts = shortcode_atts(
		array(
			'title'       => __( 'This is box title', 'shortcodes-ultimate' ),
			'style'       => 'default',
			'box_color'   => '#333333',
			'title_color' => '#FFFFFF',
			'color'       => null, // 3.x
			'radius'      => '3',
			'class'       => '',
			'id'          => '',
			'max_width'   => '',
		),
		$atts,
		'box'
	);

	if ( null !== $atts['color'] ) {
		$atts['box_color'] = $atts['color'];
	}

	$atts['radius'] = is_numeric( $atts['radius'] )
		? intval( $atts['radius'] )
		: 0;

	$atts['inner_radius'] = $atts['radius'] > 2
		? $atts['radius'] - 2
		: 0;

	$max_width = !empty($atts['max_width']) ? 'max-width:' . (is_numeric($atts['max_width']) ? $atts['max_width'] . 'px' : $atts['max_width']) . ';' : '';

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

	// Return result
	return sprintf(
		'<div class="su-box su-box-style-%1$s%2$s" id="%10$s" style="border-color:%3$s;border-radius:%4$spx;%11$s"><div class="su-box-title" style="background-color:%5$s;color:%6$s;border-top-left-radius:%7$spx;border-top-right-radius:%7$spx">%8$s</div><div class="su-box-content su-u-clearfix su-u-trim" style="border-bottom-left-radius:%7$spx;border-bottom-right-radius:%7$spx">%9$s</div></div>',
		esc_attr( $atts['style'] ),
		su_get_css_class( $atts ),
		esc_attr( su_adjust_brightness( $atts['box_color'], -20 ) ),
		$atts['radius'],
		esc_attr( $atts['box_color'] ),
		esc_attr( $atts['title_color'] ),
		esc_attr( $atts['inner_radius'] ),
		su_do_attribute( $atts['title'], true ),
		su_do_nested_shortcodes( $content, 'box' ),
		sanitize_html_class( $atts['id'] ),
		$max_width
	);

}
