<?php
/**
 * Customize upsell section.
 *
 * Class ColorMag_Upsell_Section
 *
 * @package    ThemeGrill
 * @subpackage ColorMag
 * @since      ColorMag 2.0.0
 */

// Exit if accessed directly.
if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

/**
 * Class to include upsell link campaign for theme.
 *
 * Class ColorMag_Upsell_Section
 */
class Spacious_Upsell_Section extends WP_Customize_Section {

	/**
	 * Control type.
	 *
	 * @var string
	 */
	public $type = 'spacious-upsell-section';

	/**
	 * Control URL.
	 *
	 * @var string
	 */
	public $url = '';

	/**
	 * Control ID.
	 *
	 * @var string
	 */
	public $id = '';

	/**
	 * Gather the parameters passed to client JavaScript via JSON.
	 *
	 * @return array The array to be exported to the client as JSON.
	 */
	public function json() {

		$json        = parent::json();
		$json['url'] = esc_url( $this->url );
		$json['id']  = $this->id;

		return $json;

	}

	/**
	 * An Underscore (JS) template for rendering this section.
	 */
	protected function render_template() {
		?>
		<li id="accordion-section-{{ data.id }}"
		    class="spacious-upsell-accordion-section control-section-{{ data.type }} cannot-expand accordion-section"
		>
			<h3 class="accordion-section-title"><a href="{{{ data.url }}}" target="_blank">{{ data.title }}</a></h3>
		</li>
		<?php
	}
}
