<?php
/*----------------------------------------------------------------------------*\
	MPC_GRADIENT Param
\*----------------------------------------------------------------------------*/

vc_add_shortcode_param( 'mpc_gradient', 'mpc_gradient_settings', MPC_MASSIVE_URL . '/assets/js/mpc-params.js' );
function mpc_gradient_settings( $settings, $value ) {
	$defaults = array(
		'value'      => '#000000||#ffffff||0;100||0||linear'
	);
	$settings = wp_parse_args( $settings, $defaults );
	$value = $value == null ? $settings[ 'value' ] : $value;

	$gradient_values = explode( '||', $value );

	$type           = $gradient_values[4];
	$angle          = $gradient_values[3];
	$range          = explode( ';', $gradient_values[2] );
	$end_color      = $gradient_values[1];
	$start_color    = $gradient_values[0];

	if( count( $range ) !== 2 ) {
		$range = array( 0, 100 );
	}

	if( $type === 'radial' )
		$angle = null;

	$ie_angle       = $angle == null ? 0 : $angle;
	$ie_type        = 0;
	$ie_start_color = $start_color;
	$ie_end_color   = $end_color;

	if( 135 <= $ie_angle && $ie_angle < 225 ) {
		$ie_type = 0;
		$ie_start_color = $end_color;
		$ie_end_color   = $start_color;
	} else if( ( 0 <= $ie_angle && $ie_angle < 45 ) || ( 315 <= $ie_angle && $ie_angle < 360 ) ) {
		$ie_type = 0;
	} else if( 45 <= $ie_angle && $ie_angle < 135 ) {
		$ie_type = 1;
	} else if( 225 <= $ie_angle && $ie_angle < 315 ) {
		$ie_type = 1;
		$ie_start_color = $end_color;
		$ie_end_color   = $start_color;
	}

	$linear_gradient = 'background: ' . $type . '-gradient(' . ( $angle == null ? 'circle' : $angle . 'deg' ) . ',' . esc_attr( $start_color ) . ' ' . esc_attr( $range[ 0 ] ) .'%,' . esc_attr( $end_color ) . ' ' . esc_attr( $range[ 1 ] ) . '%);';
	$ie_gradient = 'background: filter: progid:DXImageTransform.Microsoft.gradient(GradientType=' . esc_attr( $ie_type ) . ',startColorstr=' . esc_attr( $ie_start_color ) . ', endColorstr=' . esc_attr( $ie_end_color ) . ');';

	$colors = '<div class="mpc-gradient-color">';
		$colors .= '<div class="vc_col-sm-6 vc_column"><label>' . __( 'From', 'mpc' ) . '</label><input class="mpc-color-picker mpc-gradient-start" data-alpha="true" data-reset-alpha="true" type="text" value="' . esc_attr( $start_color  ). '" /></div>';
		$colors .= '<div class="vc_col-sm-6 vc_column"><label>' . __( 'To', 'mpc' ) . '</label><input class="mpc-color-picker mpc-gradient-end" data-alpha="true" data-reset-alpha="true" type="text" value="' . esc_attr( $end_color ) . '" /></div>';
	$colors .= '</div>';

	$preview = '<div class="mpc-gradient-preview" style="' . esc_attr( $linear_gradient . $ie_gradient ) . '"></div>';

	$range_slider = '<div class="mpc-gradient-slider mpc-hide-input mpc-advanced-field"><label>' . __( 'Position: ', 'mpc' ) . '<em>' . esc_attr( $range[ 0 ] ) . ' - ' . esc_attr( $range[ 1 ] ) . '</em>%</label>';
		$range_slider .= '<div class="mpc-slider-wrap"><div class="mpc-slider mpc-range-slider" data-min="0" data-max="100" data-step="1" data-start-value="' . esc_attr( $range[ 0 ] ) . '" data-end-value="' . esc_attr( $range[ 1 ] ) . '"></div></div>';
	$range_slider .= '</div>';

	$angle_slider = '<div class="mpc-gradient-slider mpc-hide-input mpc-advanced-field"><label>' . __( 'Angle: ', 'mpc' ) . '<em>' . esc_attr( $angle ) . '</em>&deg;</label>';
		$angle_slider .= '<div class="mpc-slider-wrap"><div class="mpc-slider mpc-angle-slider" data-min="0" data-max="359" data-step="1" data-value="' . esc_attr( $angle ) . '"></div></div>';
	$angle_slider .= '</div>';

	$gradient_type = '<div class="mpc-gradient-type-wrap mpc-advanced-field"><label><input type="checkbox" name="mpc-gradient-type" class="mpc-gradient-type" value="radial" ' . checked( 'radial', $type, false ) . ' /> ' . __( 'Radial', 'mpc' ) . '</label></div>';

	$input = '<input class="mpc-value wpb_vc_param_value wpb-input ' . esc_attr( $settings[ 'param_name' ] ) . '" name="' . esc_attr( $settings[ 'param_name' ] ) . '" value="' . esc_attr( $value ) . '" type="text" />';

	return '<div class="vc_row"><div class="vc_col-sm-9 vc_column">' . $colors . $range_slider . $angle_slider . '</div><div class="vc_col-sm-3 vc-column mpc-gradient-preview-wrap">' . $preview . $gradient_type . '</div></div>' . $input;

}
