<?php

/**
 * Defines customizer options
 */

function capeone_customizer_library_options() {
	
	global $capeone_default_options, $capeone_customizer_options, $wp_version;

	// Stores all the controls that will be added
	$options = array();

	// Stores all the sections to be added
	$sections = array();

	// Stores all the panels to be added
	$panels = array();

	// Adds the sections to the $options array
	$options['sections'] = $sections;
	
	$imagepath = get_template_directory_uri().'/assets/images/';
	
	$target = array(
		'_blank' => __( 'Blank', 'capeone' ),
		'_self'  => __( 'Self', 'capeone' )
	);
	
	$transport = '';
	if ( version_compare( $wp_version, '4.9' ) >= 0 ){
		$transport = 'postMessage';
	}

	// Panel Header
	
	$panel = 'panel-header';
	
	$panels[] = array(
		'id' => $panel,
		'title' => __( 'CapeOne: Header Options', 'capeone' ),
		'priority' => '5'
	);
	
	$section = 'section-header-general-options';

	$sections[] = array(
		'id' => $section,
		'title' => __( 'General Options', 'capeone' ),
		'priority' => '1',
		'panel' => $panel
	);
	
	$options['header_full_width'] = array(
			'id' => 'header_full_width',
			'label'   => __( 'Full-width Header', 'capeone' ),
			'section' => $section,
			'type'    => 'checkbox',
			'transport' => $transport,
			'default' => '',
		);
	
	$options['sticky_logo'] = array(
				'id' => 'sticky_logo',
				'label'   => __( 'Sticky Header Logo', 'capeone' ),
				'section' => 'title_tagline',
				'type'    => 'image',
				'default' => '',
				//'transport' => 'postMessage',
			);
	
	$section = 'section-header-topbar';

	$sections[] = array(
		'id' => $section,
		'title' => __( 'Top Bar', 'capeone' ),
		'priority' => '2',
		'panel' => $panel
	);
	
	$options['display_topbar'] = array(
			'id' => 'display_topbar',
			'label'   => __( 'Display Top Bar', 'capeone' ),
			'section' => $section,
			'type'    => 'checkbox',
			'transport' => $transport,
			'default' => '',
		);
	
	$options['topbar_left'] = array(
				'id' => 'topbar_left',
				'label'   => __( 'Top Bar Left', 'capeone' ),
				'section' => $section,
				'type'    => 'repeater',
				'choices' => array('limit' => '6'),
				'transport' => $transport,
				'row_label' => array(
							'type' => 'field',
							'value' => esc_attr__('Item', 'capeone' ),
							'field' => 'text',),
				'fields' => array(
					'icon'=>array('type'=>'iconpicker','default'=>'','label'=> __( 'Font-awesome Icon', 'capeone' )),
					'text'=>array('type'=>'text','default'=>'','label'=> __( 'Text', 'capeone' )),
					'link'=>array('type'=>'text','default'=>'','label'=> __( 'Link', 'capeone' )),
					'target'=>array('type'=>'select','default'=>'', 'choices'=> $target, 'label'=> __( 'Target', 'capeone' )),
				),
				'default' =>  array(
					array(
						"icon" => 'fa-envelope',
						"text" => "admin@domain.com",
						"link" => "",
						"target" => "_self",
						),
					array(
						"icon" => 'fa-phone',
						"text" => "011 322 44 56",
						"link" => "",
						"target" => "_self",
						),
					array(
						"icon" => 'fa-clock-o',
						"text" => "Monday – Friday 10 AM – 8 PM",
						"link" => "",
						"target" => "_self",
						),
					)
				);
		
		$options['topbar_icons'] = array(
				'id' => 'topbar_icons',
				'label'   => __( 'Top Bar Icons', 'capeone' ),
				'section' => $section,
				'type'    => 'repeater',
				'choices' => array('limit' => '6'),
				'transport' => $transport,
				'row_label' => array(
							'type' => 'field',
							'value' => esc_attr__('Icon', 'capeone' ),
							'field' => 'icon',),
				'fields' => array(
					'icon'=>array('type'=>'iconpicker','default'=>'','label'=> __( 'Font-awesome Icon', 'capeone' )),
					'link'=>array('type'=>'text','default'=>'','label'=> __( 'Link', 'capeone' )),
					'target'=>array('type'=>'select','default'=>'', 'choices'=> $target, 'label'=> __( 'Target', 'capeone' )),
				),
				'default' =>  array(
					array(
						"icon" => 'fa-twitter',
						"link" => "#",
						"target" => "_self",
						),
					array(
						"icon" => 'fa-facebook',
						"link" => "#",
						"target" => "_self",
						),
					array(
						"icon" => 'fa-weibo',
						"link" => "#",
						"target" => "_self",
						),
					)
				);
	
		
	$options['topbar_right'] = array(
				'id' => 'topbar_right',
				'label'   => __( 'Top Bar Right', 'capeone' ),
				'section' => $section,
				'type'    => 'repeater',
				'choices' => array('limit' => '6'),
				'transport' => $transport,
				'row_label' => array(
							'type' => 'field',
							'value' => esc_attr__('Item', 'capeone' ),
							'field' => 'text',),
				'fields' => array(
					'icon'=>array('type'=>'iconpicker','default'=>'','label'=> __( 'Font-awesome Icon', 'capeone' )),
					'text'=>array('type'=>'text','default'=>'','label'=> __( 'Text', 'capeone' )),
					'link'=>array('type'=>'text','default'=>'','label'=> __( 'Link', 'capeone' )),
					'target'=>array('type'=>'select','default'=>'', 'choices'=> $target, 'label'=> __( 'Target', 'capeone' )),
				),
				'default' =>  array(
					array(
						"icon" => "",
						"text" => "Home",
						"link" => "#",
						"target" => "_self",
						),
					array(
						"icon" => "",
						"text" => "Blog",
						"link" => "#",
						"target" => "_self",
						),
					array(
						"icon" => "",
						"text" => "Contact",
						"link" => "#",
						"target" => "_self",
						),
					)
				);
				
	$section = 'section-navigation-bar';

	$sections[] = array(
		'id' => $section,
		'title' => __( 'Navigation Bar', 'capeone' ),
		'priority' => '2',
		'panel' => $panel
	);
	
	$options['header_menu_hover_style'] = array(
			'id' => 'header_menu_hover_style',
			'label'   => __( 'Hover Style', 'capeone' ),
			'section' => $section,
			'type'    => 'radio-image',

			'choices' => array(
				''=> array('label'=>__( 'None', 'capeone' ),'url'=> $imagepath.'customize/header-hover-none.png'),
				'hoverline-fromcenter'=> array('label'=>__( 'Underline', 'capeone' ),'url'=> $imagepath.'customize/header-hover-underline.png'),
				'hoveroutline'=> array('label'=>__( 'Outline', 'capeone' ),'url'=> $imagepath.'customize/header-hover-outline.png'),
				),
			'default' => '',
			'transport' => $transport,
		);
		

	$options['display_search_icon'] = array(
			'id' => 'display_search_icon',
			'label'   => __( 'Display Search Icon', 'capeone' ),
			'section' => $section,
			'type'    => 'checkbox',
			'default' => '1',
			//'transport' => $transport,
		);
	
	$options['sticky_header'] = array(
			'id' => 'sticky_header',
			'label'   => __( 'Sticky Navigation Bar', 'capeone' ),
			'section' => $section,
			'type'    => 'checkbox',
			'default' => '1',
			'transport' => $transport,
		);
		
	
	// Panel Footer
	$section = 'panel-footer';

	$sections[] = array(
		'id' => $section,
		'title' => __( 'CapeOne: Footer Options', 'capeone' ),
		'priority' => '9'
	);
	
	$options['display_footer_widgets'] = array(
			'id' => 'display_footer_widgets',
			'label'   => __( 'Display Footer Widgets', 'capeone' ),
			'section' => $section,
			'type'    => 'checkbox',
			'transport' => 'postMessage', 
			'default' => '',
		);

	$options['display_footer_icons'] = array(
			'id' => 'display_footer_icons',
			'label'   => __( 'Display Footer Icons', 'capeone' ),
			'section' => $section,
			'type'    => 'checkbox',
			'transport' => 'postMessage', 
			'default' => '1',
		);
	
	$options['footer_icons'] = array(
				'id' => 'footer_icons',
				'label'   => __( 'Footer Icons', 'capeone' ),
				'section' => $section,
				'type'    => 'repeater',
				'choices' => array('limit' => '6'),
				'transport' => $transport,
				'row_label' => array(
							'type' => 'field',
							'value' => esc_attr__('Icon', 'capeone' ),
							'field' => 'title',),
				'fields' => array(
					'icon'=>array('type'=>'iconpicker','default'=>'','label'=> __( 'Font-awesome Icon', 'capeone' )),
					'title'=>array('type'=>'text','default'=>'','label'=> __( 'Title', 'capeone' )),
					'link'=>array('type'=>'text','default'=> '','label'=> __( 'Link', 'capeone' )),
				
				),
				'default' =>  array(
					array(
						"icon" => 'twitter',
						"title" => "",
						"link" => "",
						),
					array(
						"icon" => 'facebook',
						"title" => "",
						"link" => "",
						),
					array(
						"icon" => 'instagram',
						"title" => "",
						"link" => "",
						),
					array(
						"icon" => 'google-plus',
						"title" => "",
						"link" => "",
						),
					array(
						"icon" => 'youtube',
						"title" => "",
						"link" => "",
						),
					)
				);
	
	$options['copyright'] = array(
		'id' => 'copyright',
		'label'   => __( 'Copyright', 'capeone' ),
		'section' => $section,
		'type'    => 'capeone_editor',
		'transport' => 'postMessage',
		'default' => ''
		);

	// Panel Typography
	$panel = 'panel-typography';
	
	$panels[] = array(
		'id' => $panel,
		'title' => __( 'CapeOne: Typography', 'capeone' ),
		'priority' => '11'
	);
	
	$section = 'section-font-family';
	$sections[] = array(
		'id' => $section,
		'title' => __( 'Font Family', 'capeone' ),
		'priority' => '10',
		'panel' => $panel
	);
	
	$options['headings_font_family'] = array(
		'id' => 'headings_font_family',
		'label'   => __( 'Headings font family', 'capeone' ),
		'section' => $section,
		'type'    => 'select',
		'choices' => customizer_library_get_font_choices(),
		'default' => 'Montserrat'
	);
	
	$options['body_font_family'] = array(
		'id' => 'body_font_family',
		'label'   => __( 'Body font family', 'capeone' ),
		'section' => $section,
		'type'    => 'select',
		'choices' => customizer_library_get_font_choices(),
		'default' => 'Montserrat'
	);
	
	$section = 'section-font-size';
	$sections[] = array(
		'id' => $section,
		'title' => __( 'General Font Size', 'capeone' ),
		'priority' => '11',
		'panel' => $panel
	);
	
	$options['body_font_size'] = array(
		'id' => 'body_font_size',
		'label'   => __( 'Body Font Size', 'capeone' ),
		'section' => $section,
		'type'    => 'range-value',
		'default' => '14',
		'input_attrs' => array(
			'min'    => 1,
			'max'    => 60,
			'step'   => 1,
			'suffix' => 'px',
  	),
	);
	
	$options['h1_font_size'] = array(
		'id' => 'h1_font_size',
		'label'   => __( 'H1 Font Size', 'capeone' ),
		'section' => $section,
		'type'    => 'range-value',
		'default' => '36',
		'input_attrs' => array(
			'min'    => 1,
			'max'    => 60,
			'step'   => 1,
			'suffix' => 'px',
  	),
	);
	
	$options['h2_font_size'] = array(
		'id' => 'h2_font_size',
		'label'   => __( 'H2 Font Size', 'capeone' ),
		'section' => $section,
		'type'    => 'range-value',
		'default' => '30',
		'input_attrs' => array(
			'min'    => 1,
			'max'    => 60,
			'step'   => 1,
			'suffix' => 'px',
  	),
	);
	
	$options['h3_font_size'] = array(
		'id' => 'h3_font_size',
		'label'   => __( 'H3 Font Size', 'capeone' ),
		'section' => $section,
		'type'    => 'range-value',
		'default' => '24',
		'input_attrs' => array(
			'min'    => 1,
			'max'    => 60,
			'step'   => 1,
			'suffix' => 'px',
  	),
	);
	
	$options['h4_font_size'] = array(
		'id' => 'h4_font_size',
		'label'   => __( 'H4 Font Size', 'capeone' ),
		'section' => $section,
		'type'    => 'range-value',
		'default' => '20',
		'input_attrs' => array(
			'min'    => 1,
			'max'    => 60,
			'step'   => 1,
			'suffix' => 'px',
  	),
	);
	
	$options['h5_font_size'] = array(
		'id' => 'h5_font_size',
		'label'   => __( 'H5 Font Size', 'capeone' ),
		'section' => $section,
		'type'    => 'range-value',
		'default' => '18',
		'input_attrs' => array(
			'min'    => 1,
			'max'    => 60,
			'step'   => 1,
			'suffix' => 'px',
  	),
	);
	
	$options['h6_font_size'] = array(
		'id' => 'h6_font_size',
		'label'   => __( 'H6 Font Size', 'capeone' ),
		'section' => $section,
		'type'    => 'range-value',
		'default' => '16',
		'input_attrs' => array(
			'min'    => 1,
			'max'    => 60,
			'step'   => 1,
			'suffix' => 'px',
  	),
	);
	
	// Panel Pages & Posts Options
	$panel = 'panel-pages-posts-options';
	
	$panels[] = array(
		'id' => $panel,
		'title' => __( 'CapeOne: Pages & Posts Options', 'capeone' ),
		'priority' => '14'
	);
	
	$section = 'section-title-bar';
	$sections[] = array(
		'id' => $section,
		'title' => __( 'Title Bar', 'capeone' ),
		'priority' => '9',
		'panel' => $panel
	);
	
	$options['display_titlebar'] = array(
			'id' => 'display_titlebar',
			'label'   => __( 'Display Title Bar', 'capeone' ),
			'section' => $section,
			'type'    => 'checkbox',
			'default' => '1',
			//'transport' => $transport,
		);
		
	$options['title_bar_layout'] = array(
			'id' => 'title_bar_layout',
			'label'   => __( 'Title Bar Layout', 'capeone' ),
			'section' => $section,
			'type'    => 'radio',
			'choices' => array(
				'title-left'=> __( 'Left Title, right breadcrumbs', 'capeone' ),
				'title-right'=> __( 'Right Title, left breadcrumbs', 'capeone' ),
				'title-center'=> __( 'Center', 'capeone' ),
				'title-left2'=> __( 'Left', 'capeone' ),
				'title-right2'=> __( 'Right', 'capeone' )
				),
			'transport' => $transport,
			'default' => 'title-left',
			'description'   => __( 'Title only works on pages.', 'capeone' ),
			
		);
	
	$section = 'section-posts-archive';
	$sections[] = array(
		'id' => $section,
		'title' => __( 'Posts archive', 'capeone' ),
		'priority' => '10',
		'panel' => $panel
	);
	
	//Display: Full Post/Excerpt
	//Display Feature Image/Display Category/Display Author/Dispaly Date
	$options['excerpt_style'] = array(
		'id' => 'excerpt_style',
		'label'   => __( 'Excerpt', 'capeone' ),
		'section' => $section,
		'type'    => 'radio',
		'choices' => array(
				'0'=> __( 'Excerpt', 'capeone' ),
				'1'=> __( 'Full Post', 'capeone' ),
				),
		'default' => '0'
	);
	
	$options['excerpt_display_feature_image'] = array(
			'id' => 'excerpt_display_feature_image',
			'label'   => __( 'Display Feature Image', 'capeone' ),
			'section' => $section,
			'type'    => 'checkbox',
			//'transport' => 'postMessage', 
			'default' => '1',
		);
		
	$options['excerpt_display_category'] = array(
			'id' => 'excerpt_display_category',
			'label'   => __( 'Display Category', 'capeone' ),
			'section' => $section,
			'type'    => 'checkbox',
			//'transport' => 'postMessage', 
			'default' => '1',
		);
		
	$options['excerpt_display_author'] = array(
			'id' => 'excerpt_display_author',
			'label'   => __( 'Display Author', 'capeone' ),
			'section' => $section,
			'type'    => 'checkbox',
			//'transport' => 'postMessage', 
			'default' => '1',
		);
	$options['excerpt_display_date'] = array(
			'id' => 'excerpt_display_date',
			'label'   => __( 'Display Date', 'capeone' ),
			'section' => $section,
			'type'    => 'checkbox',
			//'transport' => 'postMessage', 
			'default' => '1',
		);
	
	
	$section = 'section-posts-single';
	$sections[] = array(
		'id' => $section,
		'title' => __( 'Single Post', 'capeone' ),
		'priority' => '10',
		'panel' => $panel
	);
	
	//Display Feature Image/Display Category/Display Author/Dispaly Date
	
	$options['display_feature_image'] = array(
			'id' => 'display_feature_image',
			'label'   => __( 'Display Feature Image', 'capeone' ),
			'section' => $section,
			'type'    => 'checkbox',
			//'transport' => 'postMessage', 
			'default' => '1',
		);
		
	$options['display_category'] = array(
			'id' => 'display_category',
			'label'   => __( 'Display Category', 'capeone' ),
			'section' => $section,
			'type'    => 'checkbox',
			//'transport' => 'postMessage', 
			'default' => '1',
		);
	$options['display_author'] = array(
			'id' => 'display_author',
			'label'   => __( 'Display Author', 'capeone' ),
			'section' => $section,
			'type'    => 'checkbox',
			//'transport' => 'postMessage', 
			'default' => '1',
		);
	$options['display_date'] = array(
			'id' => 'display_date',
			'label'   => __( 'Display Date', 'capeone' ),
			'section' => $section,
			'type'    => 'checkbox',
			//'transport' => 'postMessage', 
			'default' => '1',
		);
	
	$section = 'section-sidebar-options';
	$sections[] = array(
		'id' => $section,
		'title' => __( 'Sidebar Settings', 'capeone' ),
		'priority' => '11',
		'panel' => $panel
	);
	// Sidebar
	
	$options['page_sidebar_layout'] = array(
		'id' => 'page_sidebar_layout',
		'label'   => __( 'Sidebar: Pages', 'capeone' ),
		'section' => $section,
		'type'    => 'radio-image',
		'default' => 'right',
		//'choices' => array('no' =>__( 'No Sidebar', 'capeone' ),'left'=>__( 'Left Sidebar', 'capeone' ),'right'=>__( 'Right Sidebar', 'capeone' )),
		'choices' => array(
				'no'=> array('label'=>__( 'No Sidebar', 'capeone' ),'url'=> $imagepath.'customize/sidebar-none.png'),
				'left'=> array('label'=>__( 'Left Sidebar', 'capeone' ),'url'=> $imagepath.'customize/sidebar-left.png'),
				'right'=> array('label'=>__( 'Right Sidebar', 'capeone' ),'url'=> $imagepath.'customize/sidebar-right.png'),
				),
		);
	
	$options['blog_sidebar_layout'] = array(
		'id' => 'blog_sidebar_layout',
		'label'   => __( 'Sidebar: Single Post', 'capeone' ),
		'section' => $section,
		'type'    => 'radio-image',
		'default' => 'right',
		//'choices' => array('no' =>__( 'No Sidebar', 'capeone' ),'left'=>__( 'Left Sidebar', 'capeone' ),'right'=>__( 'Right Sidebar', 'capeone' )),
		'choices' => array(
				'no'=> array('label'=>__( 'No Sidebar', 'capeone' ),'url'=> $imagepath.'customize/sidebar-none.png'),
				'left'=> array('label'=>__( 'Left Sidebar', 'capeone' ),'url'=> $imagepath.'customize/sidebar-left.png'),
				'right'=> array('label'=>__( 'Right Sidebar', 'capeone' ),'url'=> $imagepath.'customize/sidebar-right.png'),
				),
		);
	
	$options['blog_archives_sidebar_layout'] = array(
		'id' => 'blog_archives_sidebar_layout',
		'label'   => __( 'Sidebar: Posts Archive', 'capeone' ),
		'section' => $section,
		'type'    => 'radio-image',
		'default' => 'right',
		'choices' => array( 'no' =>__( 'No Sidebar', 'capeone' ),'left'=>__( 'Left Sidebar', 'capeone' ),'right'=>__( 'Right Sidebar', 'capeone' ) ),
		'choices' => array(
				'no'=> array('label'=>__( 'No Sidebar', 'capeone' ),'url'=> $imagepath.'customize/sidebar-none.png'),
				'left'=> array('label'=>__( 'Left Sidebar', 'capeone' ),'url'=> $imagepath.'customize/sidebar-left.png'),
				'right'=> array('label'=>__( 'Right Sidebar', 'capeone' ),'url'=> $imagepath.'customize/sidebar-right.png'),
				),
		);
		
	$options['woo_single_sidebar_layout'] = array(
		'id' => 'woo_single_sidebar_layout',
		'label'   => __( 'Sidebar: WooCommerce Single Product', 'capeone' ),
		'section' => $section,
		'type'    => 'radio-image',
		'default' => 'no',
		'choices' => array('no' =>__( 'No Sidebar', 'capeone' ),'left'=>__( 'Left Sidebar', 'capeone' ),'right'=>__( 'Right Sidebar', 'capeone' )),
		'choices' => array(
				'no'=> array('label'=>__( 'No Sidebar', 'capeone' ),'url'=> $imagepath.'customize/sidebar-none.png'),
				'left'=> array('label'=>__( 'Left Sidebar', 'capeone' ),'url'=> $imagepath.'customize/sidebar-left.png'),
				'right'=> array('label'=>__( 'Right Sidebar', 'capeone' ),'url'=> $imagepath.'customize/sidebar-right.png'),
				),
		);
		
	$options['woo_archives_sidebar_layout'] = array(
		'id' => 'woo_archives_sidebar_layout',
		'label'   => __( 'Sidebar: WooCommerce Archive', 'capeone' ),
		'section' => $section,
		'type'    => 'radio-image',
		'default' => 'no',
		'choices' => array('no' =>__( 'No Sidebar', 'capeone' ),'left'=>__( 'Left Sidebar', 'capeone' ),'right'=>__( 'Right Sidebar', 'capeone' )),
		'choices' => array(
				'no'=> array('label'=>__( 'No Sidebar', 'capeone' ),'url'=> $imagepath.'customize/sidebar-none.png'),
				'left'=> array('label'=>__( 'Left Sidebar', 'capeone' ),'url'=> $imagepath.'customize/sidebar-left.png'),
				'right'=> array('label'=>__( 'Right Sidebar', 'capeone' ),'url'=> $imagepath.'customize/sidebar-right.png'),
				),
		);
	
	// General Options
/*	$panel = 'general-options';
	$panels[] = array(
		'id' => $panel,
		'title' => __( 'General Options', 'capeone' ),
		'priority' => '12'
	);*/
	$section = 'capeone-general-options';
	$sections[] = array(
		'id' => $section,
		'title' => __( 'CapeOne: General Options', 'capeone' ),
		'priority' => '15',
		'panel' => ''
	);
		
	$options['primary_color'] = array(
			'id' => 'primary_color',
			'label'   => __( 'Primary Color', 'capeone' ),
			'priority' => '1',
			'section' => 'colors',
			'type'    => 'color',
			//'transport' => 'postMessage', 
			'default' => '#00dfb8',
		);
	
	$options['scheme'] = array(
			'id' => 'scheme',
			'label'   => __( 'Scheme', 'capeone' ),
			'section' => $section,
			'priority' => '1',
			'type'    => 'radio',
			//'transport' => 'postMessage', 
			'default' => 'light',
			'choices' => array(
				'light'    => __( 'Light', 'capeone' ),
				'dark'    => __( 'Dark', 'capeone' ),
  			),
		);
		
	$options['form_border_style'] = array(
			'id' => 'form_border_style',
			'label'   => __( 'Form Border Style', 'capeone' ),
			'section' => $section,
			'priority' => '2',
			'type'    => 'select',
			//'transport' => 'postMessage', 
			'default' => 'solid',
			'choices' => array(
				'none'    => __( 'None', 'capeone' ),
				'hidden'    => __( 'Hidden', 'capeone' ),
				'dotted'    => __( 'Dotted', 'capeone' ),
				'dashed'    => __( 'Dashed', 'capeone' ),
				'solid'    => __( 'Solid', 'capeone' ),
				'double'    => __( 'Double', 'capeone' ),
				'groove'    => __( 'Groove', 'capeone' ),
				'ridge'    => __( 'Ridge', 'capeone' ),
				'inset'    => __( 'Inset', 'capeone' ),
				'outset'    => __( 'Outset', 'capeone' ),
  			),
		);
		
	$options['form_border_width'] = array(
			'id' => 'form_border_width',
			'label'   => __( 'Form Border Width', 'capeone' ),
			'priority' => '3',
			'section' => $section,
			'type' => 'range-value',
			//'transport' => 'postMessage', 
			'default' => '1',
			'input_attrs' => array(
				'min'    => 0,
				'max'    => 10,
				'step'   => 1,
				'suffix' => 'px',
  			),
		);
		
		$options['form_border_color'] = array(
			'id' => 'form_border_color',
			'label'   => __( 'Form Border Color', 'capeone' ),
			'priority' => '4',
			'section' => $section,
			'type'    => 'color',
			//'transport' => 'postMessage', 
			'default' => '#dddddd',
		);
		
		$options['form_background_color'] = array(
			'id' => 'form_background_color',
			'label'   => __( 'Form Background Color', 'capeone' ),
			'priority' => '4',
			'section' => $section,
			'type'    => 'color',
			//'transport' => 'postMessage', 
			'default' => '#ffffff',
		);
		
		$options['form_broder_radius'] = array(
			'id' => 'form_broder_radius',
			'label'   => __( 'Form Broder Radius', 'capeone' ),
			'priority' => '5',
			'section' => $section,
			'type' => 'range-value',
			//'transport' => 'postMessage', 
			'default' => '0',
			'input_attrs' => array(
				'min'    => 0,
				'max'    => 20,
				'step'   => 1,
				'suffix' => 'px',
  			),
			
		);
		
		$options['form_padding'] = array(
			'id' => 'form_padding',
			'label'   => __( 'Form Padding', 'capeone' ),
			'priority' => '5',
			'section' => $section,
			'type'    => 'text',
			//'transport' => 'postMessage', 
			'default' => '10px 20px',
		);
		
		$options['button_font_size'] = array(
			'id' => 'button_font_size',
			'label'   => __( 'Form Font Size', 'capeone' ),
			'priority' => '5',
			'section' => $section,
			'default' => '12',
			'input_attrs' => array(
				'min'    => 9,
				'max'    => 30,
				'step'   => 1,
				'suffix' => 'px',
  			),
		);
		
		$options['button_color'] = array(
			'id' => 'button_color',
			'label'   => __( 'Button Color', 'capeone' ),
			'priority' => '5',
			'section' => $section,
			'type'    => 'color',
			//'transport' => 'postMessage', 
			'default' => '#ffffff',
		);
		
		$options['button_text_transform'] = array(
			'id' => 'button_text_transform',
			'label'   => __( 'Button Text-transform', 'capeone' ),
			'section' => $section,
			'priority' => '5',
			'type'    => 'select',
			//'transport' => 'postMessage', 
			'default' => 'uppercase',
			'choices' => array(
				'none'    => __( 'None', 'capeone' ),
				'capitalize'    => __( 'Capitalize', 'capeone' ),
				'uppercase'    => __( 'Uppercase', 'capeone' ),
				'lowercase'    => __( 'lowercase', 'capeone' ),

  			),
		);
		
		$options['button_broder_radius'] = array(
			'id' => 'button_broder_radius',
			'label'   => __( 'Button Broder Radius', 'capeone' ),
			'priority' => '5',
			'section' => $section,
			'type' => 'range-value',
			//'transport' => 'postMessage', 
			'default' => '0',
			'input_attrs' => array(
				'min'    => 0,
				'max'    => 20,
				'step'   => 1,
				'suffix' => 'px',
  			),
			
		);
		
		$options['button_border_color'] = array(
			'id' => 'button_border_color',
			'label'   => __( 'Button Border Color', 'capeone' ),
			'priority' => '5',
			'section' => $section,
			'type'    => 'color',
			//'transport' => 'postMessage', 
			'default' => '#00dfb8',
		);

		$options['button_background_color'] = array(
			'id' => 'button_background_color',
			'label'   => __( 'Button Background Color', 'capeone' ),
			'priority' => '5',
			'section' => $section,
			'type'    => 'color',
			//'transport' => 'postMessage', 
			'default' => '#00dfb8',
		);
		
		$options['button_border_style'] = array(
			'id' => 'button_border_style',
			'label'   => __( 'Button Border Style', 'capeone' ),
			'section' => $section,
			'priority' => '5',
			'type'    => 'select',
			//'transport' => 'postMessage', 
			'default' => 'solid',
			'choices' => array(
				'none'    => __( 'None', 'capeone' ),
				'hidden'    => __( 'Hidden', 'capeone' ),
				'dotted'    => __( 'Dotted', 'capeone' ),
				'dashed'    => __( 'Dashed', 'capeone' ),
				'solid'    => __( 'Solid', 'capeone' ),
				'double'    => __( 'Double', 'capeone' ),
				'groove'    => __( 'Groove', 'capeone' ),
				'ridge'    => __( 'Ridge', 'capeone' ),
				'inset'    => __( 'Inset', 'capeone' ),
				'outset'    => __( 'Outset', 'capeone' ),
  			),
		);
		
		$options['button_border_width'] = array(
			'id' => 'button_border_width',
			'label'   => __( 'Button Border Width', 'capeone' ),
			'priority' => '5',
			'section' => $section,
			'default' => '0',
			'type' => 'range-value',
			'input_attrs' => array(
				'min'    => 0,
				'max'    => 5,
				'step'   => 1,
				'suffix' => 'px',
  			),
		);
		
		$options['button_padding'] = array(
			'id' => 'button_padding',
			'label'   => __( 'Button Padding', 'capeone' ),
			'priority' => '5',
			'section' => $section,
			'type'    => 'text',
			//'transport' => 'postMessage', 
			'default' => '10px 20px',
		);
	
	$options['page_preloader'] = array(
			'id' => 'page_preloader',
			'label'   => __( 'Display Page Pre-loader', 'capeone' ),
			'priority' => '6',
			'section' => $section,
			'type'    => 'checkbox',
			//'transport' => 'postMessage', 
			'default' => '',
		);
		
	$options['preloader_background'] = array(
			'id' => 'preloader_background',
			'label'   => __( 'Pre-loader Background Color', 'capeone' ),
			'section' => $section,
			'priority' => '7',
			'type'    => 'color',
			//'transport' => 'postMessage', 
			'default' => '#999999',
		);
	
	$options['preloader_opacity'] = array(
		'id' => 'preloader_opacity',
		'label'   => __( 'Pre-loader Background Opacity', 'capeone' ),
		'section' => $section,
		'priority' => '8',
		'type'    => 'range-value',
		'default' => '0.8',
		'input_attrs' => array(
			'min'    => 0,
			'max'    => 1,
			'step'   => 0.1,
			'suffix' => '',
  	),
	);
	
	$options['preloader_image'] = array(
			'id' => 'preloader_image',
			'label'   => __( 'Pre-loader Image', 'capeone' ),
			'section' => $section,
			'priority' => '9',
			'type'    => 'image',
			'transport' => 'postMessage', 
			'default' =>  $imagepath.'preloader.gif',
		);
		
	$options['display_scroll_to_top'] = array(
			'id' => 'display_scroll_to_top',
			'label'   => __( 'Enable Scroll to Top Button', 'capeone' ),
			'section' => $section,
			'priority' => '10',
			'type'    => 'checkbox',
			'transport' => 'postMessage', 
			'default' => '1',
		);
	
	$options['homepage_animation'] = array(
			'id' => 'homepage_animation',
			'label'   => __( 'Homepage Animation', 'capeone' ),
			'section' => 'static_front_page',
			'type'    => 'checkbox',
			'priority' => '11',
			//'transport' => 'postMessage', 
			'default' => '1',
		);
	
	$capeone_customizer_options = $options;
	
	$new_options = array();
	foreach( $options as $option ){
		if( isset($option['default']) ){
			$capeone_default_options[$option['id']] = $option['default'];
			$key = CAPEONE_TEXTDOMAIN.'['.$option['id'].']';
			$option['id'] = $key;
			$new_options[$key] = $option;
			}

		}
	
	// Adds the sections to the $options array
	$new_options['sections'] = $sections;

	// Adds the panels to the $options array
	$new_options['panels'] = $panels;
	
	$customizer_library = Customizer_Library::Instance();
	$customizer_library->add_options( $new_options );
	return $options;

}
add_action( 'init', 'capeone_customizer_library_options' );