<?php
/**
 * Template for displaying default element.
 *
 *
 * @author      ThimPress
 * @package     Thim_Builder/Templates
 * @version     1.0.0
 * @author      Thimpress, tuanta
 */

$html         = $style_number = '';
$number_color = $label_color = $border_color = $counter_list = '';

$counter_list = isset( $instance['counter_list'] ) ? $instance['counter_list'] : array();



$html .= '<div class="thim-sc-counter-box">';
$html .= '<div class="wrapper-counter-box" ' . ent2ncr( $border_color ) . ' >';
foreach ( $counter_list as $key => $value ) {
	if ( $value['text_color'] ) {
		$style_number .= 'color:' . $value['text_color'] . '; ';
	}
	$html .= '<div class="counter-box-item" ' . ent2ncr( $border_color ) . '>
	<div class="number" style="' . esc_attr( $style_number ) . '"><span class="counter-up" data-number="' . $value['number'] . '">0</span></div>
	<div class="text" style="' . esc_attr( $style_number ) . '" ' . ent2ncr( $label_color ) . '>
		' . esc_attr( $value['label'] ) . '</div>
	</div>';
}
$html .= '</div>';
$html .= '</div>';

echo ent2ncr( $html );