<?php
/**
 * Brand Theme Customizer.
 *
 * @package Brand
 */

/**
 *
 * @param WP_Customize_Manager $wp_customize Theme Customizer object.
 */


function brand_customize_register( $wp_customize ) {

	// Get default options
	$defaults = brand_get_defaults();

	// Get brand options.
	$brand_settings = wp_parse_args(
		get_option( 'brand_settings', array() ),
		brand_get_defaults()
	);

	require_once get_template_directory() . '/inc/sanitize.php';
	require_once get_template_directory() . '/inc/controls.php';
	require_once get_template_directory() . '/inc/brand-section-pro.php';
	require_once get_template_directory() . '/inc/customizer-callbacks.php';

	// Set sections position for default section
	$wp_customize->get_section( 'static_front_page' )->priority = '10';

	// Add postMessage support for site title and description for the Theme Customizer.
	$wp_customize->get_setting( 'blogname' )->transport         = 'postMessage';
	$wp_customize->get_setting( 'blogdescription' )->transport  = 'postMessage';

	// Add Selective refresh support for site title and description.
	$wp_customize->selective_refresh->add_partial( 'blogname', array(
      'selector' => '.site-title > a',
      'container_inclusive' => false,
      'render_callback' => function() {
        bloginfo( 'name' );
      },
  ) );

	$wp_customize->selective_refresh->add_partial( 'blogdescription', array(
      'selector' => '.site-description',
      'container_inclusive' => false,
      'render_callback' => function() {
        bloginfo( 'description' );
      },
  ) );

	// Register custom section types.
	$wp_customize->register_section_type( 'Brand_Customize_Section_Pro' );

	if ( ! brand_addons_installed() ) {
		// Add section.
		$wp_customize->add_section(
			new Brand_Customize_Section_Pro(
				$wp_customize,
				'go-pro',
					array(
						'title'    => esc_html__( 'Get Brand Premium', 'brand' ),
						'pro_text' => esc_html__( 'Go Pro',         'brand' ),
						'pro_url'  => 'https://www.wp-brandtheme.com/add-ons',
						'priority' => 210,
					)
			)
		);
	}

	$wp_customize->add_section(
		new Brand_Customize_Section_Pro(
			$wp_customize,
			'go-doc',
				array(
					'title'    => esc_html__( 'Read the Documentation', 'brand' ),
					'pro_text' => esc_html__( 'Go', 'brand' ),
					'pro_url'  => 'https://www.wp-brandtheme.com/documentation/',
					'priority' => 210,
				)
		)
	);

	$wp_customize->remove_control( 'display_header_text' );
	$wp_customize->remove_control( 'header_textcolor' );

	$wp_customize->add_setting( 'brand_settings[show_site_title]', array(
  		'type' => 'option',
  		'capability' => 'edit_theme_options',
  		'default' => $defaults['show_site_title'],
  		'transport' => 'refresh',
  		'sanitize_callback' => 'brand_sanitize_checkbox',
	) );

	$wp_customize->add_control( 'brand_settings[show_site_title]', array(
  		'type' => 'checkbox',
  		'section' => 'title_tagline',
  		'description' => __( 'Display Site Title and Tagline ', 'brand' ),
			'priority' => 10,
	) );

	// Add logo settings and control to site identity section
	$wp_customize->add_setting( 'brand_settings[logo]', array(
  		'type' => 'option',
  		'capability' => 'edit_theme_options',
  		'default' => $defaults['logo'],
  		'transport' => 'refresh',
  		'sanitize_callback' => 'absint',
	) );

	$wp_customize->add_control( new WP_Customize_Media_Control( $wp_customize, 'brand_settings[logo]', array(
  		'label' => __( 'Logo', 'brand' ),
  		'section' => 'title_tagline',
  		'mime_type' => 'image',
		'priority'  => '100'
	) ) );

	$wp_customize->add_setting( 'brand_settings[logo_mobile]', array(
  		'type' => 'option',
  		'capability' => 'edit_theme_options',
  		'default' => $defaults['logo_mobile'],
  		'transport' => 'refresh',
  		'sanitize_callback' => 'absint',
	) );

	$wp_customize->add_control( new WP_Customize_Media_Control( $wp_customize, 'brand_settings[logo_mobile]', array(
  		'label' => __( 'Mobile logo', 'brand' ),
  		'section' => 'title_tagline',
  		'mime_type' => 'image',
		'priority'  => '115'
	) ) );

	// Adds layout panel
	$wp_customize->add_panel( 'brand_layout', array(
    	'priority'       => 25,
    	'capability'     => 'edit_theme_options',
    	'title'          => __( 'Layout', 'brand' ),
	) );

	// Adds general section
	$wp_customize->add_section( 'brand_general', array(
  		'title' => __( 'General', 'brand' ),
  		'priority' => 10,
  		'capability' => 'edit_theme_options',
			'panel' => 'brand_layout',
	) );

	$wp_customize->add_setting( 'brand_settings[container_width]', array(
  		'type' => 'option',
  		'capability' => 'edit_theme_options',
  		'default' => $defaults['container_width'],
  		'transport' => 'postMessage',
  		'sanitize_callback' => 'absint',
	) );

	$wp_customize->add_control(
		new Brand_Customize_Width_Slider_Control(
			$wp_customize,
			'brand_settings[container_width]',
			array(
				'label' => __('Container width','brand'),
				'section' => 'brand_general',
				'settings' => 'brand_settings[container_width]',
				'priority' => 0
			)
		)
	);

	$wp_customize->add_setting( 'brand_settings[sidebar_layout]', array(
  		'type' => 'option',
  		'capability' => 'edit_theme_options',
  		'theme_supports' => '', // Rarely needed.
  		'default' => $defaults['sidebar_layout'],
  		'transport' => 'refresh',
  		'sanitize_callback' => 'brand_sanitize_sidebar_array',
	) );

	$wp_customize->add_control( 'brand_settings[sidebar_layout]', array(
  		'type' => 'select',
  		'section' => 'brand_general',
  		'label' => __( 'Show sidebar', 'brand' ),
		'priority' => 10,
  		'choices' => array(
				'no' 		=> __( 'No sidebar', 'brand' ),
    		'left'  => __( 'Left sidebar', 'brand' ),
    		'right' => __( 'Right sidebar', 'brand' ),
  		),
	) );

	$wp_customize->add_setting( 'brand_settings[featured_position]', array(
  		'type' => 'option',
  		'capability' => 'edit_theme_options',
  		'theme_supports' => '', // Rarely needed.
  		'default' => $defaults['featured_position'],
  		'transport' => 'refresh',
  		'sanitize_callback' => 'brand_sanitize_featured_position',
	) );

	$wp_customize->add_control( 'brand_settings[featured_position]', array(
  		'type'        => 'select',
  		'section'     => 'brand_general',
  		'label'       => __( 'Featured image position', 'brand' ),
			'description' => __( 'Choose the position where featured image will be displayed in single post or page.', 'brand' ),
		  'priority'    => 15,
  		'choices'     => array(
				'inside'     => __( 'Inside content', 'brand' ),
    		'before'     => __( 'Before content', 'brand' ),
  		),
	) );

	// Add Navigation section in the Layout panel
	$wp_customize->add_section( 'brand_navigation_layout', array(
  		'title' => __( 'Navigation', 'brand' ),
  		'priority' => 20,
  		'capability' => 'edit_theme_options',
			'panel' => 'brand_layout',
	) );

	$wp_customize->add_setting( 'brand_settings[nav_width]', array(
  		'type' => 'option',
  		'capability' => 'edit_theme_options',
  		'default' => $defaults['nav_width'],
  		'transport' => 'postMessage',
  		'sanitize_callback' => 'brand_sanitize_width'
	) );

	$wp_customize->add_control( 'brand_settings[nav_width]', array(
  		'type' => 'select',
  		'section' => 'brand_navigation_layout',
  		'label' => __( 'Navigation width', 'brand' ),
		'priority' => 10,
  		'choices' => array(
			'fullwidth' => 'Full width',
    		'boxed'     => 'Boxed'
  		),
	) );

	$wp_customize->add_setting( 'brand_settings[nav_layout]', array(
  		'type' => 'option',
  		'capability' => 'edit_theme_options',
  		'default' => $defaults['nav_layout'],
  		'transport' => 'refresh',
  		'sanitize_callback' => 'brand_sanitize_nav_layout',
	) );

	$wp_customize->add_control( 'brand_settings[nav_layout]', array(
  		'type' => 'select',
  		'section' => 'brand_navigation_layout',
  		'label' => __( 'Navigation layout', 'brand' ),
			'description' => __( 'Choose inline to show logo and navigation on the same line. Choose centered to center them.', 'brand' ),
			'priority' => 15,
  		'choices' => array(
				'inline'   => 'Inline',
				'centered' => 'Centered',
  		)
	) );

	$wp_customize->add_setting( 'brand_settings[compact_menu]', array(
  		'type' => 'option',
  		'capability' => 'edit_theme_options',
  		'default' => $defaults['compact_menu'],
  		'transport' => 'refresh',
  		'sanitize_callback' => 'brand_sanitize_boolopt',
	) );

	$wp_customize->add_control( 'brand_settings[compact_menu]', array(
  		'type' => 'select',
  		'section' => 'brand_navigation_layout',
  		'label' => __( 'Use compact menu on desktop', 'brand' ),
		'priority' => 20,
  		'choices' => array(
			'yes'   => 'Yes',
			'no' => 'No',
  		)
	) );

	$wp_customize->add_setting( 'brand_settings[nav_orientation]', array(
  		'type' => 'option',
  		'capability' => 'edit_theme_options',
  		'default' => $defaults['nav_orientation'],
  		'transport' => 'postMessage',
  		'sanitize_callback' => 'brand_sanitize_nav_orientation',
	) );

	$wp_customize->add_control( 'brand_settings[nav_orientation]', array(
  		'type' => 'select',
  		'section' => 'brand_navigation_layout',
  		'label' => __( 'Navigation orientation', 'brand' ),
		'priority' => 25,
  		'choices' => array(
			'horizontal'   => 'Horizontal',
			'vertical' => 'Vertical',
  		)
	) );

	$wp_customize->add_setting( 'brand_settings[nav_search]', array(
  		'type' => 'option',
  		'capability' => 'edit_theme_options',
  		'default' => $defaults['nav_search'],
  		'transport' => 'refresh',
  		'sanitize_callback' => 'brand_sanitize_nav_search'
	) );

	$wp_customize->add_control( 'brand_settings[nav_search]', array(
  		'type' => 'select',
  		'section' => 'brand_navigation_layout',
  		'label' => __( 'Search icon', 'brand' ),
			'priority' => 30,
  		'choices' => array(
			'enabled'  => 'Enabled',
    		'disabled' => 'Disabled',
  		),
	) );

	// Add Header section in the Layout panel
	$wp_customize->add_section( 'brand_header_layout', array(
  		'title' => __( 'Header', 'brand' ),
  		'priority' => 30,
  		'capability' => 'edit_theme_options',
			'panel' => 'brand_layout',
	) );

	$wp_customize->add_setting( 'brand_settings[header_width]', array(
  		'type' => 'option',
  		'capability' => 'edit_theme_options',
  		'default' => $defaults['header_width'],
  		'transport' => 'postMessage',
  		'sanitize_callback' => 'brand_sanitize_width'
	) );

	$wp_customize->add_control( 'brand_settings[header_width]', array(
  		'type' => 'select',
  		'section' => 'brand_header_layout',
  		'label' => __( 'Header width', 'brand' ),
			'priority' => 10,
  		'choices' => array(
			'fullwidth' => 'Full width',
    		'boxed'     => 'Boxed'
  		),
	) );

	$wp_customize->add_setting( 'brand_settings[header_alignment]', array(
  		'type' => 'option',
  		'capability' => 'edit_theme_options',
  		'default' => $defaults['header_alignment'],
  		'transport' => 'postMessage',
  		'sanitize_callback' => 'brand_sanitize_alignment_array'
	) );

	$wp_customize->add_control( 'brand_settings[header_alignment]', array(
  		'type' => 'select',
  		'section' => 'brand_header_layout',
  		'label' => __( 'Header alignment', 'brand' ),
			'priority' => 15,
  		'choices' => array(
				'left'  => 'Left',
    		'center' => 'Center',
				'right' => 'Right',
  		),
	) );

	// Add Page Title section in the Layout panel
	$wp_customize->add_section( 'brand_page_title_layout', array(
  		'title' => __( 'Page Title', 'brand' ),
  		'priority' => 40,
  		'capability' => 'edit_theme_options',
			'panel' => 'brand_layout',
	) );

	$wp_customize->add_setting( 'brand_settings[page_title_alignment]', array(
  		'type' => 'option',
  		'capability' => 'edit_theme_options',
  		'default' => $defaults['page_title_alignment'],
  		'transport' => 'postMessage',
  		'sanitize_callback' => 'brand_sanitize_alignment_array'
	) );

	$wp_customize->add_control( 'brand_settings[page_title_alignment]', array(
  		'type' => 'select',
  		'section' => 'brand_page_title_layout',
  		'label' => __( 'Alignment', 'brand' ),
			'priority' => 15,
  		'choices' => array(
				'left'  => 'Left',
    		'center' => 'Center',
				'right' => 'Right',
  		),
	) );

	// Add Content section in the Layout panel
	$wp_customize->add_section( 'brand_content_layout', array(
  		'title' => __( 'Content', 'brand' ),
  		'priority' => 50,
  		'capability' => 'edit_theme_options',
		  'panel' => 'brand_layout',
	) );

	$wp_customize->add_setting( 'brand_settings[content_width]', array(
  		'type' => 'option',
  		'capability' => 'edit_theme_options',
  		'default' => $defaults['content_width'],
  		'transport' => 'postMessage',
  		'sanitize_callback' => 'brand_sanitize_width'
	) );

	$wp_customize->add_control( 'brand_settings[content_width]', array(
  		'type' => 'select',
  		'section' => 'brand_content_layout',
  		'label' => __( 'Content width', 'brand' ),
		  'priority' => 10,
  		'choices' => array(
				'fullwidth' => 'Full width',
    		'boxed'     => 'Boxed'
  		),
	) );

	// Add Sidebar section in the Layout panel
	$wp_customize->add_section( 'brand_sidebar_layout', array(
  		'title' => __( 'Sidebar', 'brand' ),
  		'priority' => 60,
  		'capability' => 'edit_theme_options',
		  'panel' => 'brand_layout',
	) );

	// Add Footer widgets section in the Layout panel
	$wp_customize->add_section( 'brand_footer_widgets_layout', array(
  		'title' => __( 'Footer widgets', 'brand' ),
  		'priority' => 70,
  		'capability' => 'edit_theme_options',
		  'panel' => 'brand_layout',
	) );

	$wp_customize->add_setting( 'brand_settings[footer_widgets_width]', array(
  		'type' => 'option',
  		'capability' => 'edit_theme_options',
  		'default' => $defaults['footer_widgets_width'],
  		'transport' => 'postMessage',
  		'sanitize_callback' => 'brand_sanitize_width'
	) );

	$wp_customize->add_control( 'brand_settings[footer_widgets_width]', array(
  		'type' => 'select',
  		'section' => 'brand_footer_widgets_layout',
  		'label' => __( 'Footer widgets width', 'brand' ),
		  'priority' => 10,
  		'choices' => array(
				'fullwidth' => 'Full width',
    		'boxed'     => 'Boxed'
  		),
	) );

	$wp_customize->add_setting( 'brand_settings[footer_widgets]', array(
  		'type' => 'option',
  		'capability' => 'edit_theme_options',
  		'theme_supports' => '', // Rarely needed.
  		'default' => $defaults['footer_widgets'],
  		'transport' => 'refresh',
  		'sanitize_callback' => 'absint',
	) );

	$wp_customize->add_control( 'brand_settings[footer_widgets]', array(
  		'type' => 'select',
  		'section' => 'brand_footer_widgets_layout',
  		'label' => __( 'Footer widgets', 'brand' ),
		  'priority' => 15,
  		'choices' => array(
				'0' => 'None',
    		'1'   => 'One',
    		'2' => 'Two',
        '3' => 'Three',
        '4' => 'Four',
  		),
	) );

	// Add Footer section in the Layout panel
	$wp_customize->add_section( 'brand_footer_layout', array(
  		'title' => __( 'Footer', 'brand' ),
  		'priority' => 80,
  		'capability' => 'edit_theme_options',
		  'panel' => 'brand_layout',
	) );

	$wp_customize->add_setting( 'brand_settings[footer_width]', array(
  		'type' => 'option',
  		'capability' => 'edit_theme_options',
  		'default' => $defaults['footer_width'],
  		'transport' => 'postMessage',
  		'sanitize_callback' => 'brand_sanitize_width'
	) );

	$wp_customize->add_control( 'brand_settings[footer_width]', array(
  		'type' => 'select',
  		'section' => 'brand_footer_layout',
  		'label' => __( 'Footer width', 'brand' ),
		  'priority' => 10,
  		'choices' => array(
				'fullwidth' => 'Full width',
    		'boxed'     => 'Boxed'
  		),
	) );

	// Remove default color section
	$wp_customize->remove_section( 'colors' );

	// Add custom color panel
	$wp_customize->add_panel( 'brand_colors', array(
    	'priority'       => 30,
    	'capability'     => 'edit_theme_options',
    	'title'          => __( 'Colors', 'brand' ),
	) );

	// Add Base colors section in the Colors panel
	$wp_customize->add_section( 'brand_base_colors', array(
  		'title' => __( 'Base colors', 'brand' ),
  		'priority' => 10,
  		'capability' => 'edit_theme_options',
		'panel'      => 'brand_colors'
	) );

	// Put core background color feature in Base Colors section
	$wp_customize->get_control( 'background_color' )->section = 'brand_base_colors';
	$wp_customize->get_setting( 'background_color' )->default = $defaults['body_bg_color'];

	// Add base colors options
	$base_colors = array();
	$base_colors[] = array(
		'id'=>'body_text_color',
		'default' => $defaults['body_text_color'],
		'label' => __('Text color', 'brand'),
		'transport' => 'postMessage'
	);

	$base_colors[] = array(
		'id'=>'link_color',
		'default' => $defaults['link_color'],
		'label' => __('Link color', 'brand'),
		'transport' => 'postMessage'
	);

	$base_colors[] = array(
		'id'=>'link_hover_color',
		'default' => $defaults['link_hover_color'],
		'label' => __('Link color on hover', 'brand'),
		'transport' => 'postMessage'
	);

	foreach( $base_colors as $color ) {
		$wp_customize->add_setting(
			'brand_settings[' . $color['id'] . ']', array(
				'default' => $color['default'],
				'type' => 'option',
				'capability' => 'edit_theme_options',
				'sanitize_callback' => 'sanitize_hex_color',
				'transport' => $color['transport']
			)
		);
		$wp_customize->add_control(
			new WP_Customize_Color_Control(
				$wp_customize,
				$color['id'],
				array(
					'label' => $color['label'],
					'section' => 'brand_base_colors',
					'settings' => 'brand_settings[' . $color['id'] . ']'
				)
			)
		);
	}

	if ( ! brand_addons_installed() ) {

		$wp_customize->add_control(
			new Brand_Customize_Misc_Control(
				$wp_customize,
				'colors_get_addon_desc',
				array(
					'section'     => 'brand_base_colors',
					'type'        => 'addon',
					'label'			  => __( 'More Settings','brand' ),
					'url'         => 'https://www.wp-brandtheme.com/add-ons/',
					'description' => sprintf(
						/* translators: link to premium add-ons */
						__( 'Need more color settings?<br /> %s.', 'brand' ),
						sprintf(
							'<a href="%1$s" target="_blank">%2$s</a>',
							esc_url( 'https://www.wp-brandtheme.com/add-ons/' ),
							__( 'Take a look at our premium plugin', 'brand' )
						)
					),
					'priority'    => 50,
				)
			)
		);
	}

	$wp_customize->remove_section( 'background_image' );
	$wp_customize->get_control( 'background_image' )->section = 'brand_body_image';
	$wp_customize->get_control( 'background_image' )->priority = 10;

	// Add Backgrounds panel
	$wp_customize->add_panel( 'brand_backgrounds', array(
			'priority'       => 35,
			'capability'     => 'edit_theme_options',
			'title'          => __( 'Backgrounds', 'brand' ),
	) );

	// Add Blog panel
	$wp_customize->add_panel( 'brand_blog', array(
			'priority'       => 40,
			'capability'     => 'edit_theme_options',
			'title'          => __( 'Blog', 'brand' ),
	) );

	// Add General section
	$wp_customize->add_section( 'brand_blog_general', array(
  		'title' => __( 'General', 'brand' ),
  		'priority' => 10,
  		'capability' => 'edit_theme_options',
			'panel' => 'brand_blog',
	) );

	$wp_customize->add_setting( 'brand_settings[show_excerpt]', array(
  		'type' => 'option',
  		'capability' => 'edit_theme_options',
  		'default' => $defaults['show_excerpt'],
  		'transport' => 'refresh',
  		'sanitize_callback' => 'brand_sanitize_show_excerpt_array',
	) );

	$wp_customize->add_control( 'brand_settings[show_excerpt]', array(
  		'type' => 'select',
  		'section' => 'brand_blog_general',
  		'label' => __( 'Show excerpt', 'brand' ),
		  'priority' => 10,
  		'choices' => array(
    		'yes'   => 'Yes',
    		'no' => 'No',
				'only_title' => 'Only title',
  		),
	) );

	$wp_customize->add_setting( 'brand_settings[excerpt_length]', array(
  		'type' => 'option',
  		'capability' => 'edit_theme_options',
  		'default' => $defaults['excerpt_length'],
  		'transport' => 'refresh',
  		'sanitize_callback' => 'absint',
	) );

	$wp_customize->add_control( 'brand_settings[excerpt_length]', array(
  		'type' => 'input',
  		'section' => 'brand_blog_general',
  		'label' => __( 'Excerpt length', 'brand' ),
			'description' => __( 'words number', 'brand' ),
		  'priority' => 15,
	) );

	$wp_customize->add_setting( 'brand_settings[show_thumb_index]', array(
  		'type' => 'option',
  		'capability' => 'edit_theme_options',
  		'default' => $defaults['show_thumb_index'],
  		'transport' => 'refresh',
  		'sanitize_callback' => 'brand_sanitize_show_thumb_index',
	) );

	$wp_customize->add_control( 'brand_settings[show_thumb_index]', array(
  		'type' => 'select',
  		'section' => 'brand_blog_general',
  		'label' => __( 'Show featured image in index', 'brand' ),
		  'priority' => 20,
  		'choices' => array(
    		'yes'   => 'Yes',
    		'no'    => 'No'
  		),
	) );

	$wp_customize->add_setting( 'brand_settings[show_thumb_single]', array(
  		'type' => 'option',
  		'capability' => 'edit_theme_options',
  		'default' => $defaults['show_thumb_single'],
  		'transport' => 'refresh',
  		'sanitize_callback' => 'brand_sanitize_show_thumb_single',
	) );

	$wp_customize->add_control( 'brand_settings[show_thumb_single]', array(
  		'type' => 'select',
  		'section' => 'brand_blog_general',
  		'label' => __( 'Show featured image on single post or page', 'brand' ),
		  'priority' => 40,
  		'choices' => array(
    		'yes'   => 'Yes',
    		'no'    => 'No'
  		),
	) );

	if ( ! brand_addons_installed() ) {

		$wp_customize->add_control(
			new Brand_Customize_Misc_Control(
				$wp_customize,
				'blog_get_addon_desc',
				array(
					'section'     => 'brand_blog_general',
					'type'        => 'addon',
					'label'			=> __( 'More Settings','brand' ),
					'url' => 'https://www.wp-brandtheme.com/add-ons/',
					'description' => sprintf(
						/* translators: link to premium add-ons */
						__( 'Need more blog settings?<br /> %s.', 'brand' ),
						sprintf(
							'<a href="%1$s" target="_blank">%2$s</a>',
							esc_url( 'https://www.wp-brandtheme.com/add-ons/' ),
							__( 'Take a look at our premium plugin', 'brand' )
						)
					),
					'priority'    => 50
				)
			)
		);
	}

	// Add Header area panel
	$wp_customize->add_panel( 'brand_header_area', array(
			'priority'       => 20,
			'capability'     => 'edit_theme_options',
			'title'          => __( 'Header Area', 'brand' ),
	) );

	$wp_customize->add_section( 'brand_header_general', array(
			'title' => __( 'General', 'brand' ),
			'priority' => 10,
			'capability' => 'edit_theme_options',
			'panel' => 'brand_header_area',
	) );

	$wp_customize->add_setting( 'brand_settings[header_type_front]', array(
  		'type' => 'option',
  		'capability' => 'edit_theme_options',
  		'default' => $defaults['header_type_front'],
  		'transport' => 'refresh',
  		'sanitize_callback' => 'brand_sanitize_header_type',
	) );

	$wp_customize->add_control( 'brand_settings[header_type_front]', array(
  		'type' => 'select',
  		'section' => 'brand_header_general',
  		'label' => __( 'Header type on front page', 'brand' ),
			'description' => __( 'Set a header type for the header shows on front page. Then set the slider in the Slider panel and the background image or the video in the Header Media section.', 'brand' ),
		  'priority' => 10,
  		'choices' => array(
				'slider'   => __( 'Slider', 'brand' ),
				'image' => __( 'Static image or video', 'brand' ),
				'no-header' => __( 'No header', 'brand' ),
  		),
	) );

	$wp_customize->add_setting( 'brand_settings[header_type]', array(
  		'type' => 'option',
  		'capability' => 'edit_theme_options',
  		'default' => $defaults['header_type'],
  		'transport' => 'refresh',
  		'sanitize_callback' => 'brand_sanitize_header_type',
	) );

	$wp_customize->add_control( 'brand_settings[header_type]', array(
  		'type' => 'select',
  		'section' => 'brand_header_general',
  		'label' => __( 'Header type', 'brand' ),
			'description' => __( 'Set a header type for the header shows on all pages execpt the front page, pages and posts. Then set the background image in the Header Media section. You can hide the header on single posts and pages using the hide elements metabox in the screen editor.', 'brand' ),
		  'priority' => 20,
  		'choices' => array(
				'image' => __( 'Static image', 'brand' ),
				'no-header' => __( 'No header', 'brand' ),
  		),
	) );

	$wp_customize->add_setting( 'brand_settings[header_front_page_height]', array(
  		'type' => 'option',
  		'capability' => 'edit_theme_options',
  		'default' => $defaults['header_front_page_height'],
  		'transport' => 'refresh',
  		'sanitize_callback' => 'height_units_sanitization',
	) );

	$wp_customize->add_control( 'brand_settings[header_front_page_height]', array(
  		'type' => 'text',
  		'section' => 'brand_header_general',
			'label' => __( 'Header height on front page', 'brand' ),
			'description' => __( 'Choose a height for the header shows on front page. You can use pixels or vh (1vh= 1% of the window height) units. If you use auto the header height will be determined by its content.', 'brand' ),
			'priority' => 30,
	) );

	$wp_customize->add_setting( 'brand_settings[header_height]', array(
  		'type' => 'option',
  		'capability' => 'edit_theme_options',
  		'default' => $defaults['header_height'],
  		'transport' => 'refresh',
  		'sanitize_callback' => 'height_units_sanitization',
	) );

	$wp_customize->add_control( 'brand_settings[header_height]', array(
  		'type' => 'text',
  		'section' => 'brand_header_general',
			'label' => __( 'Header height on other pages', 'brand' ),
			'description' => __( 'Choose a height for the header shows on all the pages except the front page.', 'brand' ),
			'priority' => 40,
	) );

	$wp_customize->get_section( 'header_image' )->panel = 'brand_header_area';
	$wp_customize->get_section( 'header_image' )->priority = 15;
	$wp_customize->get_control( 'header_image' )->priority = 10;

	// Adds slider panel
	$wp_customize->add_panel( 'brand_slider', array(
    	'priority'       => 25,
    	'capability'     => 'edit_theme_options',
    	'title'          => __( 'Slider', 'brand' ),
	) );

	$slides_number = $brand_settings['slides_number'];

	for( $i = 1; $i <= $slides_number; $i++ ) {

		// Adds slide sections
		$wp_customize->add_section( 'brand_slide' . $i, array(
				'title' => __( 'Slide ', 'brand' ) . $i,
				'priority' => 10,
				'capability' => 'edit_theme_options',
				'panel' => 'brand_slider',
		) );

		// Add slides settings and controls.
		$wp_customize->add_setting( 'brand_settings[brand_slide_image' . $i . ']', array(
				'type' => 'option',
				'capability' => 'edit_theme_options',
				'default' => $defaults['brand_slide_image' . $i],
				'transport' => 'refresh',
				'sanitize_callback' => 'esc_url_raw',
		) );

		$wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'brand_settings[brand_slide_image' . $i . ']', array(
				'label' => __( 'Background image', 'brand' ),
				'section' => 'brand_slide' . $i,
				'type' => 'image',
				'priority'  => 10
		) ) );

		$wp_customize->add_setting( 'brand_settings[brand_slide_title' . $i . ']', array(
	  		'type' => 'option',
	  		'capability' => 'edit_theme_options',
	  		'default' => $defaults['brand_slide_title' . $i],
	  		'transport' => 'postMessage',
	  		'sanitize_callback' => 'sanitize_text_field',
		) );

		$wp_customize->add_control( 'brand_settings[brand_slide_title' . $i . ']', array(
	  		'type' => 'text',
	  		'section' => 'brand_slide' . $i,
				'label' => __( 'Slide title', 'brand' ),
				'priority' => 20,
		) );

		$wp_customize->add_setting( 'brand_settings[brand_slide_subtitle' . $i . ']', array(
	  		'type' => 'option',
	  		'capability' => 'edit_theme_options',
	  		'default' => $defaults['brand_slide_subtitle' . $i],
	  		'transport' => 'postMessage',
	  		'sanitize_callback' => 'sanitize_text_field',
		) );

		$wp_customize->add_control( 'brand_settings[brand_slide_subtitle' . $i . ']', array(
	  		'type' => 'text',
	  		'section' => 'brand_slide' . $i,
				'label' => __( 'Slide subtitle', 'brand' ),
				'priority' => 30,
		) );

		$wp_customize->add_setting( 'brand_settings[brand_slide_button_text' . $i . ']', array(
	  		'type' => 'option',
	  		'capability' => 'edit_theme_options',
	  		'default' => $defaults['brand_slide_button_text' . $i],
	  		'transport' => 'postMessage',
	  		'sanitize_callback' => 'sanitize_text_field',
		) );

		$wp_customize->add_control( 'brand_settings[brand_slide_button_text' . $i . ']', array(
	  		'type' => 'text',
	  		'section' => 'brand_slide' . $i,
				'label' => __( 'Button', 'brand' ),
				'description' => __( 'Button text', 'brand' ),
				'priority' => 40,
		) );

		$wp_customize->add_setting( 'brand_settings[brand_slide_button_url' . $i . ']', array(
	  		'type' => 'option',
	  		'capability' => 'edit_theme_options',
	  		'default' => $defaults['brand_slide_button_url' . $i],
	  		'transport' => 'refresh',
	  		'sanitize_callback' => 'esc_url_raw',
		) );

		$wp_customize->add_control( 'brand_settings[brand_slide_button_url' . $i . ']', array(
	  		'type' => 'text',
	  		'section' => 'brand_slide' . $i,
				'description' => __( 'Button url', 'brand' ),
				'priority' => 50,
		) );

		// Add Selective refresh support for slider title.
		$wp_customize->selective_refresh->add_partial( 'brand_settings[brand_slide_title' . $i . ']', array(
			'selector' => '#brand-slide-' . $i . ' h1',
				'container_inclusive' => false,
				'render_callback' => function() use ($i) {
					$brand_settings = wp_parse_args(
						get_option( 'brand_settings', array() ),
						brand_get_defaults()
					);
					return esc_html( $brand_settings['brand_slide_title' . $i] );
					},
		) );

		// Add Selective refresh support for slider subtitle.
		$wp_customize->selective_refresh->add_partial( 'brand_settings[brand_slide_subtitle' . $i . ']', array(
			'selector' => '#brand-slide-' . $i . ' h2',
				'container_inclusive' => false,
				'render_callback' => function() use ($i) {
					$brand_settings = wp_parse_args(
						get_option( 'brand_settings', array() ),
						brand_get_defaults()
					);
					return esc_html( $brand_settings['brand_slide_subtitle' . $i] );
					},
		) );

		// Add Selective refresh support for slider button text.
		$wp_customize->selective_refresh->add_partial( 'brand_settings[brand_slide_button_text' . $i . ']', array(
			'selector' => '#brand-slide-' . $i . ' a',
				'container_inclusive' => false,
				'render_callback' => function() use ($i) {
					$brand_settings = wp_parse_args(
						get_option( 'brand_settings', array() ),
						brand_get_defaults()
					);
					return esc_html( $brand_settings['brand_slide_button_text' . $i] );
					},
		) );

		$wp_customize->add_setting(
			'brand_settings[brand_slide_text_color' . $i . ']', array(
				'default' => $defaults['brand_slide_text_color' . $i],
				'type' => 'option',
				'capability' => 'edit_theme_options',
				'sanitize_callback' => 'sanitize_hex_color',
				'transport' => 'refresh',
			)
		);

		$wp_customize->add_control(
			new WP_Customize_Color_Control(
				$wp_customize,
				'brand_settings[brand_slide_text_color' . $i . ']',
				array(
					'label' => __( 'Text color', 'brand' ),
					'section' => 'brand_slide' . $i,
					'settings' => 'brand_settings[brand_slide_text_color' . $i . ']'
				)
			)
		);

	}

}

add_action( 'customize_register', 'brand_customize_register' );

/**
 * Binds JS handlers to make Theme Customizer preview reload changes asynchronously.
 */
function brand_customize_preview_js() {
	wp_enqueue_script( 'brand_customizer', get_template_directory_uri() . '/assets/javascripts/admin/customizer.js', array( 'customize-preview' ), BRAND_VER, true );
}
add_action( 'customize_preview_init', 'brand_customize_preview_js' );

function brand_enqueue_control_scripts() {
	wp_enqueue_style( 'brand-customize-controls', get_template_directory_uri() . '/assets/css/admin/brand-customize-controls.css', BRAND_VER );
	wp_enqueue_script( 'brand-pro-section', get_template_directory_uri() . '/assets/javascripts/admin/brand-pro-section.js', array( 'customize-controls' ), BRAND_VER, true );
}
add_action( 'customize_controls_enqueue_scripts', 'brand_enqueue_control_scripts' );

add_action('customize_controls_print_styles', 'brand_customize_preview_css');
function brand_customize_preview_css() {
	?>
	<style>
		.customize-control-line {
			display: none !important;
		}
		#accordion-section-secondary_bg_images_section li.customize-section-description-container {
			float: none;
			width: 100%;
		}

		#customize-control-brand_settings-show_site_title .description {
			display: inline;
		}

		.customize-control-title.addon {
			display:inline;
		}

		.get-addon a {
			background: #D54E21;
			color:#FFF;
			text-transform: uppercase;
			font-size:11px;
			padding: 3px 5px;
			font-weight:bold;
		}

		.customize-control-addon {
			margin-top: 10px;
		}

		.slider-input {
			width: 40px !important;
			font-size: 12px;
			padding: 2px;
			text-align: center;
		}

		span.value {
			display: inline-block;
			float: right;
			width: 30%;
			text-align: right;
		}

		span.typography-size-label {
			display: inline-block;
			width: 70%;
		}

		div.slider {
			margin-top: 8px;
		}

		span.px {
			background: #FAFAFA;
			line-height: 18px;
			display: inline-block;
			padding: 2px 5px;
			font-style: normal;
			font-weight: bold;
			border-right: 1px solid #DDD;
			border-top: 1px solid #DDD;
			border-bottom: 1px solid #DDD;
			font-size: 12px;
		}

	</style>
	<?php
}

/**
 * Custom styles to output in the <head> tag.
 */
 function brand_custom_styles() {

	// Get brand options.
	$brand_settings = wp_parse_args(
		get_option( 'brand_settings', array() ),
		brand_get_defaults()
	);
	if ( ! brand_addons_installed() ) {
		$header_image_url = get_header_image();
	} ?>

	<style>

	<?php
	if ( ! function_exists( 'brand_backgrounds_customize_register' ) ) {
		$header_image_url = get_header_image(); ?>
		#header-wrapper {
			background-image: <?php echo 'url(' . $header_image_url . ')' // WPCS: XSS ok. ?>;
			background-repeat: no-repeat;
			background-attachment: scroll;
			background-position: center center;
			background-size: cover;
		}
	<?php
	} ?>

	body {
		color: <?php echo esc_attr($brand_settings['body_text_color']); ?>;
	}

	.has-front-page-custom-header #header-wrapper,
	.brand-header-content,
	.front-page-slider .inner-slide {
		min-height: <?php echo esc_attr( $brand_settings['header_front_page_height'] ); ?>;
	}

	.brand-has-header-image:not(.has-front-page-custom-header) #header-wrapper {
		min-height: <?php echo esc_attr( $brand_settings['header_height'] ); ?>;
	}

	a, .woocommerce ul.products li.product .button,
	.woocommerce div.product .woocommerce-tabs ul.tabs li a {
		color: <?php echo esc_attr($brand_settings['link_color']); ?>;
	}

	a:hover, a:focus, a:active,
	.woocommerce ul.products li.product .price,
	.woocommerce ul.products li.product .button:hover,
	.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
	.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
		color: <?php echo esc_attr($brand_settings['link_hover_color']); ?>;
	}

	.container, #content > .page-header-featured {
		width:100%;
		max-width: <?php echo intval($brand_settings['container_width']); ?>px;
	}

	<?php
	// Slider
	for( $i = 1; $i <= $brand_settings['slides_number']; $i++ ) {
		if( 0 !== $brand_settings['brand_slide_image' . $i] ) { ?>
			<?php echo '#brand-slide-' . $i . ':before' ?> {
				background-image: url( <?php echo esc_url( $brand_settings['brand_slide_image' . $i] ); ?> );
			}  <?php
			echo '#brand-slide-' . $i . ' h1, #brand-slide-' . $i . ' h2';  ?> {
				color: <?php echo esc_attr( $brand_settings['brand_slide_text_color' . $i] ); ?>;
			} <?php
		}

	} ?>

	/* a:hover, a.light:hover, .button-link a:hover, button:hover, html input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
		color: <?php echo esc_attr($brand_settings['link_hover_color']); ?>;
	}

	.button-link a:hover, button:hover, html input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, input:focus, textarea:focus, .form-control {
		border-color: <?php echo esc_attr($brand_settings['link_hover_color']); ?>;
	} */

	#header-wrapper {
		text-align: <?php echo esc_attr($brand_settings['header_alignment']); ?>;
	}

	.main-title {
		text-align: <?php echo esc_attr( $brand_settings['page_title_alignment'] ); ?>;
	}

	/* Woocommerce */
	<?php $product_cols = intval( $brand_settings['woocommerce_products_cols'] );
	$col_width = ( ( 100 - ( $product_cols - 1 ) ) / $product_cols );
	$col_width = intval( $col_width * 10 ) / 10;
	$tablet = apply_filters( 'brand_tablet_breakpoint', '1024px' );
	$mobile = apply_filters( 'brand_mobile_breakpoint', '640px' );
	$tablet_breakpoint = intval( $tablet );
	$breakpoint_unit = str_replace( $tablet_breakpoint, '', $tablet );
	$desktop_breakpoint = $tablet_breakpoint + 1 . $breakpoint_unit; ?>

	.woocommerce-page ul.products > li.product {
		margin:0 1% 30px 0;
		width: <?php echo $col_width; // WPCS: XSS ok. ?>%;
	}

	@media( min-width: <?php echo esc_attr( $desktop_breakpoint ) ?> ) {
		.woocommerce-page ul.products > li.product:nth-child(<?php echo $product_cols // WPCS: XSS ok. ?>n) {
			margin-right: 0;
		}
	}

	@media( max-width: <?php echo esc_attr( $tablet ) ?> ) {
		.woocommerce-page ul.products > li.product,
		.woocommerce ul.products > li.product.type-product {
	    width:49.4%;
			margin:0 1% 30px 0;
	  }

		.woocommerce-page ul.products > li.product:nth-child(2n),
		.woocommerce ul.products > li.product.type-product:nth-child(2n) {
	    margin-right: 0;
	  }
	}

	@media( max-width: <?php echo esc_attr( $mobile ) ?> ) {
		.woocommerce-page ul.products > li.product,
		.woocommerce ul.products > li.product.type-product {
	    width:100%;
			margin:0 0 30px 0;
	  }
	}

</style>
<?php
 }

add_action( 'wp_head', 'brand_custom_styles');