<?php defined( 'ABSPATH' ) OR die( 'This script cannot be accessed directly.' );

/**
 * Shortcode: us_separator
 *
 * Dev note: if you want to change some of the default values or acceptable attributes, overload the shortcodes config.
 *
 * @var   $shortcode      string Current shortcode name
 * @var   $shortcode_base string The original called shortcode name (differs if called an alias)
 * @var   $content        string Shortcode's inner content
 * @var   $atts           array Shortcode attributes
 *
 * @param $atts           ['title'] string Progress Bar title
 * @param $atts           ['count'] int Pregress Bar length in percents: '0' - '100'
 * @param $atts           ['style'] string Style: '1' / '2' / '3' / '4' / '5'
 * @param $atts           ['size'] string Height
 * @param $atts           ['color'] string Color style: 'primary' / 'secondary' / 'heading' / 'text' / 'custom'
 * @param $atts           ['bar_color'] string
 * @param $atts           ['hide_count'] bool Hide progress value counter?
 */

$atts = us_shortcode_atts( $atts, 'us_progbar' );
$color_css = '';

if ( $atts['color'] == 'custom' ) {
	if ( $atts['bar_color'] != '' ) {
		$color_css .= 'background-color:' . $atts['bar_color'] . ';';
	}
}

$atts['count'] = max( 0, min( 100, $atts['count'] ) );

$el_class = '';
if ( ! empty( $atts['el_class'] ) ) {
	$el_class .= ' ' . $atts['el_class'];
}

if ( $atts['title'] != '' ) {
	$title_tag = '<span class="w-progbar-title-text">' . $atts['title'] . '</span>';
} else {
	$title_tag = '';
	$el_class .= ' title_none';
}

if ( $atts['hide_count'] ) {
	$el_class .= ' hide_count';
}

$bar_inner_css = '';
if ( $atts['size'] != '' ) {
	$bar_inner_css = ' style="height:' . $atts['size'] . '"';
}

$output = '<div class="w-progbar initial style_' . $atts['style'] . ' color_' . $atts['color'] . $el_class . ' initial" data-count="' . $atts['count'] . '">
	<h6 class="w-progbar-title">
		' . $title_tag . '
		<span class="w-progbar-title-count">' . $atts['count'] . '%</span>
	</h6>
	<div class="w-progbar-bar"' . $bar_inner_css . '>
		<div class="w-progbar-bar-h" style="width: ' . $atts['count'] . '%;' . $color_css . '">
			<span class="w-progbar-bar-count">' . $atts['count'] . '%</span>
		</div>
	</div>
</div>';
echo $output;