<?php
/**
 * Zakra customizer class for theme customize options.
 *
 * Class Zakra_Customizer_FrameWork
 *
 * @package    ThemeGrill
 * @subpackage Zakra
 * @since      Zakra 3.0.0
 */

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

// Include the Typography control fonts file.
require dirname(__FILE__) . '/class-zakra-fonts.php';
require dirname(__FILE__) . '/class-zakra-generate-fonts.php';

/**
 * Zakra customizer class.
 *
 * Class Zakra_Customizer_FrameWork
 */
class Zakra_Customizer_FrameWork {

	/**
	 * Customizer Dependency Array.
	 *
	 * @var array
	 */
	public static $dependency_array = array();

	/**
	 * All groups parent-child relation array data.
	 *
	 * @var array
	 */
	public static $group_configs = array();

	/**
	 * Customizer setup constructor.
	 *
	 * Zakra_Customizer_FrameWork constructor.
	 */
	public function __construct() {

		// Include the custom extending customize panels and sections files for customize options.
		add_action( 'customize_register', array( $this, 'customize_custom_panels_sections_includes' ) );

		// Include the custom controls for customize options.
		add_action( 'customize_register', array( $this, 'customize_custom_controls_includes' ) );

		// Register Zakra customize panels, sections and controls type.
		add_action( 'customize_register', array( $this, 'register_panels_sections_controls' ) );

		// Include the required customize options.
		add_action( 'customize_register', array( $this, 'get_customizer_configurations' ) );

		// Include the required register customize settings array.
		add_action( 'customize_register', array( $this, 'register_customize_settings' ) );

		// Include the required customizer sanitizations, callbacks and partials files.
		add_action( 'customize_register', array( $this, 'customize_sanitize_callback_include' ) );

		// Enqueue the required scripts for the custom customize controls for extending panels, sections and controls.
		add_action( 'customize_controls_enqueue_scripts', array( $this, 'enqueue_customize_controls' ) );

		// Enqueue the preview JS for customize options.
		add_action( 'customize_preview_init', array( $this, 'customize_preview_js' ) );

	}

	/**
	 * Include the required files for extending the custom Customize controls.
	 *
	 * @param WP_Customize_Manager $wp_customize Theme Customizer object.
	 */
	public function customize_custom_panels_sections_includes( $wp_customize ) {

		// Include the required customizer nested panels and sections files.
		require dirname(__FILE__) . '/extend-customizer/class-zakra-wp-customize-panel.php';
		require dirname(__FILE__) . '/extend-customizer/class-zakra-wp-customize-section.php';
		require dirname(__FILE__) . '/extend-customizer/class-zakra-wp-customize-separator.php';
		require dirname(__FILE__) . '/extend-customizer/class-zakra-upsell-section.php';

	}

	/**
	 * Include the required files for extending the custom Customize controls.
	 *
	 * @param WP_Customize_Manager $wp_customize Theme Customizer object.
	 */

	/**
	 * Include the required files for extending the custom Customize controls.
	 *
	 * @param WP_Customize_Manager $wp_customize Theme Customizer object.
	 */
	public function customize_custom_controls_includes( $wp_customize ) {

		// Include the customize base controls file.
		require dirname(__FILE__) . '/custom-controls/class-zakra-customize-base-control.php';
		require dirname(__FILE__) . '/custom-controls/class-zakra-customize-base-additional-control.php';

		// Include the required customize controls file.
		require dirname(__FILE__) . '/custom-controls/radio-image/class-zakra-radio-image-control.php';
		require dirname(__FILE__) . '/custom-controls/heading/class-zakra-heading-control.php';
		require dirname(__FILE__) . '/custom-controls/navigate/class-zakra-navigate-control.php';
		require dirname(__FILE__) . '/custom-controls/editor/class-zakra-editor-control.php';
		require dirname(__FILE__) . '/custom-controls/color/class-zakra-color-control.php';
		require dirname(__FILE__) . '/custom-controls/buttonset/class-zakra-buttonset-control.php';
		require dirname(__FILE__) . '/custom-controls/toggle/class-zakra-toggle-control.php';
		require dirname(__FILE__) . '/custom-controls/divider/class-zakra-divider-control.php';
		require dirname(__FILE__) . '/custom-controls/slider/class-zakra-slider-control.php';
		require dirname(__FILE__) . '/custom-controls/custom/class-zakra-custom-control.php';
		require dirname(__FILE__) . '/custom-controls/dropdown-categories/class-zakra-dropdown-categories-control.php';
		require dirname(__FILE__) . '/custom-controls/background/class-zakra-background-control.php';
		require dirname(__FILE__) . '/custom-controls/typography/class-zakra-typography-control.php';
		require dirname(__FILE__) . '/custom-controls/hidden/class-zakra-hidden-control.php';
		require dirname(__FILE__) . '/custom-controls/sortable/class-zakra-sortable-control.php';
		require dirname(__FILE__) . '/custom-controls/group/class-zakra-group-control.php';
		require dirname(__FILE__) . '/custom-controls/title/class-zakra-title-control.php';
		require dirname(__FILE__) . '/custom-controls/dimensions/class-zakra-dimensions-control.php';
		require dirname(__FILE__) . '/custom-controls/upgrade/class-zakra-upgrade-control.php';
		require dirname(__FILE__) . '/custom-controls/fontawesome/class-zakra-fontawesome-control.php';

	}

	/**
	 * Register Zakra customize panels, sections and controls type.
	 *
	 * @param WP_Customize_Manager $wp_customize Theme Customizer object.
	 */
	public function register_panels_sections_controls( $wp_customize ) {

		// Register panels and sections.
		$wp_customize->register_panel_type( 'Zakra_WP_Customize_Panel' );
		$wp_customize->register_section_type( 'Zakra_WP_Customize_Section' );
		$wp_customize->register_section_type( 'Zakra_WP_Customize_Separator' );
		$wp_customize->register_panel_type( 'Zakra_WP_Customize_Panel' );
		$wp_customize->register_section_type( 'Zakra_Upsell_Section' );

		// Overrides sanitize callback if theme supports custom-background.
		if ( current_theme_supports( 'custom-background' ) ) {

			remove_filter(
				'customize_sanitize_background_color',
				$wp_customize->get_setting( 'background_color' )->sanitize_callback
			);

			$wp_customize->get_setting( 'background_color' )->sanitize_callback = array(
				'Zakra_Customizer_FrameWork_Sanitizes',
				'sanitize_alpha_color',
			);

			add_filter(
				'customize_sanitize_background_color',
				array( 'Zakra_Customizer_FrameWork_Sanitizes', 'sanitize_alpha_color' ),
				10,
				2
			);
		}

		// Overrides sanitize callback if theme supports custom-header.
		if ( current_theme_supports( 'custom-header' ) ) {

			remove_filter(
				'customize_sanitize_header_textcolor',
				$wp_customize->get_setting( 'header_textcolor' )->sanitize_callback
			);

			$wp_customize->get_setting( 'header_textcolor' )->sanitize_callback = array(
				'Zakra_Customizer_FrameWork_Sanitizes',
				'sanitize_alpha_color',
			);

			add_filter(
				'customize_sanitize_header_textcolor',
				array( 'Zakra_Customizer_FrameWork_Sanitizes', 'sanitize_alpha_color' ),
				10,
				2
			);
		}

		/**
		 * Register controls.
		 */
		/**
		 * WordPress default controls.
		 */
		// Checkbox control.
		Zakra_Customize_Base_Control::add_control(
			'checkbox',
			array(
				'sanitize_callback' => array(
					'Zakra_Customizer_FrameWork_Sanitizes',
					'sanitize_checkbox',
				),
			)
		);

		// Radio control.
		Zakra_Customize_Base_Control::add_control(
			'radio',
			array(
				'sanitize_callback' => array(
					'Zakra_Customizer_FrameWork_Sanitizes',
					'sanitize_radio_select',
				),
			)
		);

		// Select control.
		Zakra_Customize_Base_Control::add_control(
			'select',
			array(
				'sanitize_callback' => array(
					'Zakra_Customizer_FrameWork_Sanitizes',
					'sanitize_radio_select',
				),
			)
		);

		// Text control.
		Zakra_Customize_Base_Control::add_control(
			'text',
			array(
				'sanitize_callback' => array(
					'Zakra_Customizer_FrameWork_Sanitizes',
					'sanitize_nohtml',
				),
			)
		);

		// Number control.
		Zakra_Customize_Base_Control::add_control(
			'number',
			array(
				'sanitize_callback' => array(
					'Zakra_Customizer_FrameWork_Sanitizes',
					'sanitize_number',
				),
			)
		);

		// Email control.
		Zakra_Customize_Base_Control::add_control(
			'email',
			array(
				'sanitize_callback' => array(
					'Zakra_Customizer_FrameWork_Sanitizes',
					'sanitize_email',
				),
			)
		);

		// URL control.
		Zakra_Customize_Base_Control::add_control(
			'url',
			array(
				'sanitize_callback' => array(
					'Zakra_Customizer_FrameWork_Sanitizes',
					'sanitize_url',
				),
			)
		);

		// Textarea control.
		Zakra_Customize_Base_Control::add_control(
			'textarea',
			array(
				'sanitize_callback' => array(
					'Zakra_Customizer_FrameWork_Sanitizes',
					'sanitize_html',
				),
			)
		);

		// Dropdown pages control.
		Zakra_Customize_Base_Control::add_control(
			'dropdown-pages',
			array(
				'sanitize_callback' => array(
					'Zakra_Customizer_FrameWork_Sanitizes',
					'sanitize_dropdown_pages',
				),
			)
		);

		// Color control.
		Zakra_Customize_Base_Control::add_control(
			'color',
			array(
				'callback'          => 'WP_Customize_Color_Control',
				'sanitize_callback' => array(
					'Zakra_Customizer_FrameWork_Sanitizes',
					'sanitize_hex_color',
				),
			)
		);

		// Image upload control.
		Zakra_Customize_Base_Control::add_control(
			'image',
			array(
				'callback'          => 'WP_Customize_Image_Control',
				'sanitize_callback' => array(
					'Zakra_Customizer_FrameWork_Sanitizes',
					'sanitize_image_upload',
				),
			)
		);

		/**
		 * Controls created via the theme.
		 */
		// Radio image control.
		Zakra_Customize_Base_Control::add_control(
			'zakra-radio-image',
			array(
				'callback'          => 'Zakra_Radio_Image_Control',
				'sanitize_callback' => array(
					'Zakra_Customizer_FrameWork_Sanitizes',
					'sanitize_radio_select',
				),
			)
		);

		// Heading control.
		Zakra_Customize_Base_Control::add_control(
			'zakra-heading',
			array(
				'callback'          => 'Zakra_Heading_Control',
				'sanitize_callback' => array(
					'Zakra_Customizer_FrameWork_Sanitizes',
					'sanitize_false_values',
				),
			)
		);

		// Navigate control.
		Zakra_Customize_Base_Control::add_control(
			'zakra-navigate',
			array(
				'callback'          => 'Zakra_Navigate_Control',
				'sanitize_callback' => array(
					'Zakra_Customizer_FrameWork_Sanitizes',
					'sanitize_false_values',
				),
			)
		);

		// Editor control.
		Zakra_Customize_Base_Control::add_control(
			'zakra-editor',
			array(
				'callback'          => 'Zakra_Editor_Control',
				'sanitize_callback' => array(
					'Zakra_Customizer_FrameWork_Sanitizes',
					'sanitize_html',
				),
			)
		);

		// Color control.
		Zakra_Customize_Base_Control::add_control(
			'zakra-color',
			array(
				'callback'          => 'Zakra_Color_Control',
				'sanitize_callback' => array(
					'Zakra_Customizer_FrameWork_Sanitizes',
					'sanitize_alpha_color',
				),
			)
		);

		// Buttonset control.
		Zakra_Customize_Base_Control::add_control(
			'zakra-buttonset',
			array(
				'callback'          => 'Zakra_Buttonset_Control',
				'sanitize_callback' => array(
					'Zakra_Customizer_FrameWork_Sanitizes',
					'sanitize_radio_select',
				),
			)
		);

		// Toggle control.
		Zakra_Customize_Base_Control::add_control(
			'zakra-toggle',
			array(
				'callback'          => 'Zakra_Toggle_Control',
				'sanitize_callback' => array(
					'Zakra_Customizer_FrameWork_Sanitizes',
					'sanitize_checkbox',
				),
			)
		);

		// Divider control.
		Zakra_Customize_Base_Control::add_control(
			'zakra-divider',
			array(
				'callback'          => 'Zakra_Divider_Control',
				'sanitize_callback' => array(
					'Zakra_Customizer_FrameWork_Sanitizes',
					'sanitize_false_values',
				),
			)
		);

		// Slider control.
		Zakra_Customize_Base_Control::add_control(
			'zakra-slider',
			array(
				'callback'          => 'Zakra_Slider_Control',
				'sanitize_callback' => array(
					'Zakra_Customizer_FrameWork_Sanitizes',
					'sanitize_number',
				),
			)
		);

		// Custom control.
		Zakra_Customize_Base_Control::add_control(
			'zakra-custom',
			array(
				'callback'          => 'Zakra_Custom_Control',
				'sanitize_callback' => array(
					'Zakra_Customizer_FrameWork_Sanitizes',
					'sanitize_false_values',
				),
			)
		);

		// Dropdown categories control.
		Zakra_Customize_Base_Control::add_control(
			'zakra-dropdown-categories',
			array(
				'callback'          => 'Zakra_Dropdown_Categories_Control',
				'sanitize_callback' => array(
					'Zakra_Customizer_FrameWork_Sanitizes',
					'sanitize_dropdown_categories',
				),
			)
		);

		// Background control.
		Zakra_Customize_Base_Control::add_control(
			'zakra-background',
			array(
				'callback'          => 'Zakra_Background_Control',
				'sanitize_callback' => array(
					'Zakra_Customizer_FrameWork_Sanitizes',
					'sanitize_background',
				),
			)
		);

		// Typography control.
		Zakra_Customize_Base_Control::add_control(
			'zakra-typography',
			array(
				'callback'          => 'Zakra_Typography_Control',
				'sanitize_callback' => array(
					'Zakra_Customizer_FrameWork_Sanitizes',
					'sanitize_typography',
				),
			)
		);

		// Hidden control.
		Zakra_Customize_Base_Control::add_control(
			'zakra-hidden',
			array(
				'callback'          => 'Zakra_Hidden_Control',
				'sanitize_callback' => '',
			)
		);

		// Sortable control.
		Zakra_Customize_Base_Control::add_control(
			'zakra-sortable',
			array(
				'callback'          => 'Zakra_Sortable_Control',
				'sanitize_callback' => array(
					'Zakra_Customizer_FrameWork_Sanitizes',
					'sanitize_sortable',
				),
			)
		);

		// Group control.
		Zakra_Customize_Base_Control::add_control(
			'zakra-group',
			array(
				'callback' => 'Zakra_Group_Control',
			)
		);

		// Title control.
		Zakra_Customize_Base_Control::add_control(
			'zakra-title',
			array(
				'callback' => 'Zakra_Title_Control',
			)
		);

		// Dimensions control.
		Zakra_Customize_Base_Control::add_control(
			'zakra-dimensions',
			array(
				'callback' => 'Zakra_Dimensions_Control',
			)
		);

		// Upgrade control.
		Zakra_Customize_Base_Control::add_control(
			'zakra-upgrade',
			array(
				'callback' => 'Zakra_Upgrade_Control',
			)
		);

		// Fontawesome control.
		Zakra_Customize_Base_Control::add_control(
			'zakra-fontawesome',
			array(
				'callback' => 'Zakra_Fontawesome_Control',
				'sanitize_callback' => array(
					'Zakra_Customizer_FrameWork_Sanitizes',
					'sanitize_radio_select',
				),
			)
		);
	}

	/**
	 * Include the required customize options.
	 *
	 * @param WP_Customize_Manager $wp_customize Theme Customizer object.
	 *
	 * @return array Customizer options for registering panels, sections as well as controls.
	 */
	public function get_customizer_configurations( $wp_customize ) {

		return apply_filters( 'zakra_customizer_options', array(), $wp_customize );

	}

	/**
	 * Return default values for the Customize Configurations.
	 *
	 * @return array
	 */
	public function get_zakra_customizer_default_configuration() {

		$default_configuration = array(
			'priority'             => null,
			'title'                => null,
			'label'                => null,
			'name'                 => null,
			'type'                 => null,
			'description'          => null,
			'capability'           => 'edit_theme_options',
			'datastore_type'       => 'theme_mod',
			'settings'             => null,
			'active_callback'      => null,
			'sanitize_callback'    => null,
			'sanitize_js_callback' => null,
			'theme_supports'       => null,
			'transport'            => null,
			'default'              => null,
			'selector'             => null,
			'zakra_fields'      => array(),
		);

		return apply_filters( 'zakra_customizer_default_configuration', $default_configuration );

	}

	/**
	 * Process and Register Customizer Panels, Sections, Settings and Controls.
	 *
	 * @param WP_Customize_Manager $wp_customize Reference to WP_Customize_Manager.
	 *
	 * @return void
	 */
	public function register_customize_settings( $wp_customize ) {

		$configurations = $this->get_customizer_configurations( $wp_customize );

		foreach ( $configurations as $key => $config ) {
			$config = wp_parse_args(
				$config,
				$this->get_zakra_customizer_default_configuration()
			);

			switch ( $config['type'] ) {

				case 'panel':
					// Remove `panel` type from configuration for registering it in different way.
					unset( $config['type'] );

					$this->register_panel( $config, $wp_customize );

					break;

				case 'section':
					// Remove `section` type from configuration for registering it in different way.
					unset( $config['type'] );

					$this->register_section( $config, $wp_customize );

					break;

				case 'sub-control':
					// Remove `sub-control` type from configuration for registering it in different way.
					unset( $config['type'] );

					$this->register_sub_control_setting( $config, $wp_customize );

					break;

				case 'control':
					// Remove `control` type from configuration for registering it in different way.
					unset( $config['type'] );

					$this->register_setting_control( $config, $wp_customize );

					break;
			}
		}

	}

	/**
	 * Register Customizer Panel.
	 *
	 * @param array                $config       Customize options configuration settings.
	 * @param WP_Customize_Manager $wp_customize Instance of WP_Customize_Manager.
	 *
	 * @return void
	 */
	public function register_panel( $config, $wp_customize ) {

		$wp_customize->add_panel(
			new Zakra_WP_Customize_Panel(
				$wp_customize,
				$config['name'],
				$config
			)
		);

	}

	/**
	 * Register Customizer Section.
	 *
	 * @param array                $config       Customize options configuration settings.
	 * @param WP_Customize_Manager $wp_customize Instance of WP_Customize_Manager.
	 *
	 * @return void
	 */
	public function register_section( $config, $wp_customize ) {

		$section_callback = isset( $config['section_callback'] ) ? $config['section_callback'] : 'Zakra_WP_Customize_Section';

		$wp_customize->add_section(
			new $section_callback(
				$wp_customize,
				$config['name'],
				$config
			)
		);

	}

	/**
	 * Register Customizer Sub Control.
	 *
	 * @param array                $config       Customize options configuration settings.
	 * @param WP_Customize_Manager $wp_customize Instance of WP_Customize_Manager.
	 *
	 * @return void
	 */
	public function register_sub_control_setting( $config, $wp_customize ) {

		$sub_control_name = $config['name'];

		if ( isset( $wp_customize->get_control( $sub_control_name )->id ) ) {
			return;
		}

		$parent = $config['parent'];
		$tab    = ( isset( $config['tab'] ) ) ? $config['tab'] : '';

		if ( empty( self::$group_configs[ $parent ] ) ) {
			self::$group_configs[ $parent ] = array();
		}

		if ( array_key_exists( 'tab', $config ) ) {
			self::$group_configs[ $parent ]['tabs'][ $tab ][] = $config;
		} else {
			self::$group_configs[ $parent ][] = $config;
		}

		// For adding settings.
		$sanitize_callback = isset( $config['sanitize_callback'] ) ? $config['sanitize_callback'] : Zakra_Customize_Base_Control::get_sanitize_callback( $config['control'] );
		$transport         = isset( $config['transport'] ) ? $config['transport'] : 'refresh';
		$customize_config  = array(
			'name'              => $sub_control_name,
			'datastore_type'    => apply_filters( 'zakra_customize_datastore_type', 'theme_mod' ),
			'control'           => 'zakra-hidden',
			'section'           => $config['section'],
			'default'           => $config['default'],
			'transport'         => $transport,
			'sanitize_callback' => $sanitize_callback,
		);

		$wp_customize->add_setting(
			$customize_config['name'],
			array(
				'default'           => $customize_config['default'],
				'type'              => $customize_config['datastore_type'],
				'transport'         => $customize_config['transport'],
				'sanitize_callback' => $customize_config['sanitize_callback'],
			)
		);

		// For adding controls.
		$control_type = Zakra_Customize_Base_Control::get_control_instance( $customize_config['control'] );

		if ( false !== $control_type ) {
			$wp_customize->add_control(
				new $control_type(
					$wp_customize,
					$customize_config['name'],
					$customize_config
				)
			);
		} else {
			$wp_customize->add_control(
				$customize_config['name'],
				$customize_config
			);
		}

	}

	/**
	 * Register Customizer Control.
	 *
	 * @param array                $config       Customize options configuration settings.
	 * @param WP_Customize_Manager $wp_customize Instance of WP_Customize_Manager.
	 *
	 * @return void
	 */
	public function register_setting_control( $config, $wp_customize ) {

		// For adding settings.
		$sanitize_callback = isset( $config['sanitize_callback'] ) ? $config['sanitize_callback'] : Zakra_Customize_Base_Control::get_sanitize_callback( $config['control'] );
		$transport         = isset( $config['transport'] ) ? $config['transport'] : 'refresh';

		if ( 'zakra-group' === $config['control'] ) {
			$sanitize_callback = false;
		}

		$wp_customize->add_setting(
			$config['name'],
			array(
				'default'           => $config['default'],
				'type'              => $config['datastore_type'],
				'transport'         => $transport,
				'sanitize_callback' => $sanitize_callback,
			)
		);

		// For adding controls.
		$control_type   = Zakra_Customize_Base_Control::get_control_instance( $config['control'] );
		$config['type'] = $config['control'];

		if ( false !== $control_type ) {
			$wp_customize->add_control(
				new $control_type(
					$wp_customize,
					$config['name'],
					$config
				)
			);
		} else {
			$wp_customize->add_control(
				$config['name'],
				$config
			);
		}

		// For adding selective refresh.
		$selective_refresh = isset( $config['partial'] ) ? true : false;
		$render_callback   = isset( $config['partial']['render_callback'] ) ? $config['partial']['render_callback'] : '';

		if ( $selective_refresh ) {

			if ( isset( $wp_customize->selective_refresh ) ) {
				$wp_customize->selective_refresh->add_partial(
					$config['name'],
					array(
						'selector'        => $config['partial']['selector'],
						'render_callback' => $render_callback,
					)
				);
			}
		}

		// For dependency array.
		if ( isset( $config['dependency'] ) ) {
			$this->update_dependency_array( $config['name'], $config['dependency'] );
		}

	}

	/**
	 * Update dependency in the dependency array for controls and sections.
	 *
	 * @param string $key        Name of the Setting/Control for which the dependency is added.
	 * @param array  $dependency Dependency of the $name Setting/Control.
	 *
	 * @return void
	 */
	private function update_dependency_array( $key, $dependency ) {
		self::$dependency_array[ $key ] = $dependency;
	}

	/**
	 * Get dependency array.
	 *
	 * @return array Dependencies discovered when registering controls and settings.
	 */
	private function get_dependency_array() {
		return self::$dependency_array;
	}

	/**
	 * Include the required customizer sanitization, callbacks and partials file.
	 */
	public function customize_sanitize_callback_include() {

		require dirname(__FILE__) . '/class-zakra-customizer-sanitizes.php';
		require dirname(__FILE__) . '/class-zakra-customizer-callbacks.php';

	}

	/**
	 * Enqueue custom scripts for customize panels, sections and controls.
	 */
	public function enqueue_customize_controls() {

		$suffix = ( defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ) ? '' : '.min';

		/**
		 * Enqueue required Customize Controls CSS files.
		 */
		// Extend customizer CSS file.
		wp_enqueue_style(
			'zakra-extend-customizer',
			$this->get_assets_url() . '/assets/css/extend-customizer' . $suffix . '.css',
			array(),
			ZAKRA_THEME_VERSION
		);
		wp_style_add_data( 'zakra-extend-customizer', 'rtl', 'replace' );

		/**
		 * Enqueue required Customize Controls JS files.
		 */
		// Extend customizer JS file.
		wp_enqueue_script(
			'zakra-extend-customizer',
			$this->get_assets_url() . '/assets/js/extend-customizer' . $suffix . '.js',
			array(
				'jquery',
			),
			ZAKRA_THEME_VERSION,
			true
		);

		// Customizer controls toggle JS file.
		wp_enqueue_script(
			'zakra-customizer-controls-toggle',
			$this->get_assets_url() . '/assets/js/customizer-controls-toggle' . $suffix . '.js',
			array(),
			ZAKRA_THEME_VERSION,
			true
		);

		// Customizer controls JS file.
		wp_enqueue_script(
			'zakra-customizer-controls',
			$this->get_assets_url() . '/assets/js/customizer-controls' . $suffix . '.js',
			array(
				'zakra-customizer-controls-toggle',
			),
			ZAKRA_THEME_VERSION,
			true
		);

		// Customizer dependency control JS file.
		wp_enqueue_script(
			'zakra-customizer-dependency',
			$this->get_assets_url() . '/assets/js/customizer-dependency' . $suffix . '.js',
			array(
				'zakra-customizer-controls-toggle',
				'zakra-customizer-controls',
				'zakra-extend-customizer',
			),
			ZAKRA_THEME_VERSION,
			true
		);

		// Localize for customizer controls toggle.
		wp_localize_script(
			'zakra-customizer-controls-toggle',
			'ZakraCustomizerControlsToggle',
			$this->get_dependency_array()
		);

	}

	/**
	 * Binds JS handlers to make Theme Customizer preview reload changes asynchronously.
	 *
	 * @since Zakra 3.0.0
	 */
	public function customize_preview_js() {

		$suffix = ( defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ) ? '' : '.min';

		wp_enqueue_script(
			'zakra-customizer',
			$this->get_assets_url() . '/assets/js/customize-preview' . $suffix . '.js',
			array(
				'customize-preview',
			),
			ZAKRA_THEME_VERSION,
			true
		);

	}

	public function get_assets_url() {
		// Get correct URL and path to wp-content.
		$content_url = untrailingslashit( dirname( dirname( get_stylesheet_directory_uri() ) ) );
		$content_dir = wp_normalize_path( untrailingslashit( WP_CONTENT_DIR ) );

		$url = str_replace( $content_dir, $content_url, wp_normalize_path( __DIR__ ) );
		$url = set_url_scheme( $url );

		return $url;
	}

}

return new Zakra_Customizer_FrameWork();
