<?php

$global_settings      = FLBuilderModel::get_global_settings();
$spacing_placeholders = FLBuilderModel::get_row_spacing_placeholders();

FLBuilder::register_settings_form('row', array(
	'title' => __( 'Row Settings', 'fl-builder' ),
	'tabs' => array(
		'style'         => array(
			'title'         => __( 'Style', 'fl-builder' ),
			'sections'      => array(
				'general'       => array(
					'title'         => '',
					'fields'        => array(
						'width'         => array(
							'type'          => 'select',
							'label'         => __( 'Width', 'fl-builder' ),
							'default'       => $global_settings->row_width_default,
							'options'       => array(
								'fixed'         => __( 'Fixed', 'fl-builder' ),
								'full'          => __( 'Full Width', 'fl-builder' ),
							),
							'toggle'        => array(
								'full'         => array(
									'fields'        => array( 'content_width' ),
								),
							),
							'help'          => __( 'Full width rows span the width of the page from edge to edge. Fixed rows are no wider than the Row Max Width set in the Global Settings.', 'fl-builder' ),
							'preview'         => array(
								'type'            => 'none',
							),
						),
						'content_width'  => array(
							'type'          => 'select',
							'label'         => __( 'Content Width', 'fl-builder' ),
							'default'       => $global_settings->row_content_width_default,
							'options'       => array(
								'fixed'         => __( 'Fixed', 'fl-builder' ),
								'full'          => __( 'Full Width', 'fl-builder' ),
							),
							'help'          => __( 'Full width content spans the width of the page from edge to edge. Fixed content is no wider than the Row Max Width set in the Global Settings.', 'fl-builder' ),
							'preview'         => array(
								'type'            => 'none',
							),
						),
						'max_content_width' => array(
							'type'			=> 'unit',
							'label'			=> __( 'Fixed Width', 'fl-builder' ),
							'description'	=> 'px',
							'placeholder'	=> $global_settings->row_width,
							'preview'       => array(
								'type'          => 'none',
							),
						),
						'full_height'  => array(
							'type'          => 'select',
							'label'         => __( 'Height', 'fl-builder' ),
							'default'       => 'default',
							'options'       => array(
								'default'        => __( 'Default', 'fl-builder' ),
								'full'          => __( 'Full Height', 'fl-builder' ),
							),
							'help'          => __( 'Full height rows fill the height of the browser window.', 'fl-builder' ),
							'toggle'        => array(
								'full'         	=> array(
									'fields'      	=> array( 'content_alignment' ),
								),
							),
							'preview'         => array(
								'type'            => 'none',
							),
						),
						'content_alignment' => array(
							'type'          	=> 'select',
							'label'         	=> __( 'Content Alignment', 'fl-builder' ),
							'default'       	=> 'center',
							'options'       	=> array(
								'top'          		=> __( 'Top', 'fl-builder' ),
								'center'         	=> __( 'Center', 'fl-builder' ),
								'bottom'         	=> __( 'Bottom', 'fl-builder' ),
							),
							'preview'         => array(
								'type'            => 'none',
							),
						),
					),
				),
				'colors'        => array(
					'title'         => __( 'Colors', 'fl-builder' ),
					'fields'        => array(
						'text_color'    => array(
							'type'          => 'color',
							'label'         => __( 'Text Color', 'fl-builder' ),
							'show_reset'    => true,
							'preview'         => array(
								'type'            => 'none',
							),
						),
						'link_color'    => array(
							'type'          => 'color',
							'label'         => __( 'Link Color', 'fl-builder' ),
							'show_reset'    => true,
							'preview'         => array(
								'type'            => 'none',
							),
						),
						'hover_color'    => array(
							'type'          => 'color',
							'label'         => __( 'Link Hover Color', 'fl-builder' ),
							'show_reset'    => true,
							'preview'         => array(
								'type'            => 'none',
							),
						),
						'heading_color'  => array(
							'type'          => 'color',
							'label'         => __( 'Heading Color', 'fl-builder' ),
							'show_reset'    => true,
							'preview'         => array(
								'type'            => 'none',
							),
						),
					),
				),
				'background'    => array(
					'title'         => __( 'Background', 'fl-builder' ),
					'fields'        => array(
						'bg_type'      => array(
							'type'          => 'select',
							'label'         => __( 'Type', 'fl-builder' ),
							'default'       => 'none',
							'options'       => array(
								'none'          => _x( 'None', 'Background type.', 'fl-builder' ),
								'color'         => _x( 'Color', 'Background type.', 'fl-builder' ),
								'photo'         => _x( 'Photo', 'Background type.', 'fl-builder' ),
								'video'         => _x( 'Video', 'Background type.', 'fl-builder' ),
								'slideshow'     => array(
									'label'         => _x( 'Slideshow', 'Background type.', 'fl-builder' ),
									'premium'       => true,
								),
								'parallax'     => array(
									'label'         => _x( 'Parallax', 'Background type.', 'fl-builder' ),
									'premium'       => true,
								),
							),
							'toggle'        => array(
								'color'         => array(
									'sections'      => array( 'bg_color' ),
								),
								'photo'         => array(
									'sections'      => array( 'bg_color', 'bg_photo', 'bg_overlay' ),
								),
								'video'         => array(
									'sections'      => array( 'bg_color', 'bg_video', 'bg_overlay' ),
								),
								'slideshow'     => array(
									'sections'      => array( 'bg_color', 'bg_slideshow', 'bg_overlay' ),
								),
								'parallax'      => array(
									'sections'      => array( 'bg_color','bg_parallax', 'bg_overlay' ),
								),
							),
							'preview'         => array(
								'type'            => 'none',
							),
						),
					),
				),
				'bg_photo'     => array(
					'title'         => __( 'Background Photo', 'fl-builder' ),
					'fields'        => array(
						'bg_image'      => array(
							'type'          => 'photo',
							'label'         => __( 'Photo', 'fl-builder' ),
							'preview'         => array(
								'type'            => 'none',
							),
							'connections'	=> array( 'photo' ),
						),
						'bg_repeat'     => array(
							'type'          => 'select',
							'label'         => __( 'Repeat', 'fl-builder' ),
							'default'       => 'none',
							'options'       => array(
								'no-repeat'     => _x( 'None', 'Background repeat.', 'fl-builder' ),
								'repeat'        => _x( 'Tile', 'Background repeat.', 'fl-builder' ),
								'repeat-x'      => _x( 'Horizontal', 'Background repeat.', 'fl-builder' ),
								'repeat-y'      => _x( 'Vertical', 'Background repeat.', 'fl-builder' ),
							),
							'help'          => __( 'Repeat applies to how the image should display in the background. Choosing none will display the image as uploaded. Tile will repeat the image as many times as needed to fill the background horizontally and vertically. You can also specify the image to only repeat horizontally or vertically.', 'fl-builder' ),
							'preview'         => array(
								'type'            => 'none',
							),
						),
						'bg_position'   => array(
							'type'          => 'select',
							'label'         => __( 'Position', 'fl-builder' ),
							'default'       => 'center center',
							'options'       => array(
								'left top'      => __( 'Left Top', 'fl-builder' ),
								'left center'   => __( 'Left Center', 'fl-builder' ),
								'left bottom'   => __( 'Left Bottom', 'fl-builder' ),
								'right top'     => __( 'Right Top', 'fl-builder' ),
								'right center'  => __( 'Right Center', 'fl-builder' ),
								'right bottom'  => __( 'Right Bottom', 'fl-builder' ),
								'center top'    => __( 'Center Top', 'fl-builder' ),
								'center center' => __( 'Center', 'fl-builder' ),
								'center bottom' => __( 'Center Bottom', 'fl-builder' ),
							),
							'help'          => __( 'Position will tell the image where it should sit in the background.', 'fl-builder' ),
							'preview'         => array(
								'type'            => 'none',
							),
						),
						'bg_attachment' => array(
							'type'          => 'select',
							'label'         => __( 'Attachment', 'fl-builder' ),
							'default'       => 'scroll',
							'options'       => array(
								'scroll'        => __( 'Scroll', 'fl-builder' ),
								'fixed'         => __( 'Fixed', 'fl-builder' ),
							),
							'help'          => __( 'Attachment will specify how the image reacts when scrolling a page. When scrolling is selected, the image will scroll with page scrolling. This is the default setting. Fixed will allow the image to scroll within the background if fill is selected in the scale setting.', 'fl-builder' ),
							'preview'         => array(
								'type'            => 'none',
							),
						),
						'bg_size'       => array(
							'type'          => 'select',
							'label'         => __( 'Scale', 'fl-builder' ),
							'default'       => 'cover',
							'options'       => array(
								'auto'          => _x( 'None', 'Background scale.', 'fl-builder' ),
								'contain'       => __( 'Fit', 'fl-builder' ),
								'cover'         => __( 'Fill', 'fl-builder' ),
							),
							'help'          => __( 'Scale applies to how the image should display in the background. You can select either fill or fit to the background.', 'fl-builder' ),
							'preview'         => array(
								'type'            => 'none',
							),
						),
					),
				),
				'bg_video'     => array(
					'title'         => __( 'Background Video', 'fl-builder' ),
					'fields'        => array(
						'bg_video_source'   => array(
							'type'          => 'select',
							'label'         => __( 'Source', 'fl-builder' ),
							'default'       => 'wordpress',
							'options'       => array(
								'wordpress'     	=> __( 'Media Library', 'fl-builder' ),
								'video_url'     	=> 'URL',
								'video_service'		=> __( 'YouTube or Vimeo', 'fl-builder' ),
							),
							'toggle'        => array(
								'wordpress'      => array(
									'fields'        => array( 'bg_video', 'bg_video_webm' ),
								),
								'video_url'        => array(
									'fields'        => array( 'bg_video_url_mp4', 'bg_video_url_webm' ),
								),
								'video_service' 	=> array(
									'fields' 			=> array( 'bg_video_service_url', 'bg_video_audio' ),
								),
							),
							'preview'         => array(
								'type'            => 'none',
							),
						),
						'bg_video'      => array(
							'type'          => 'video',
							'label'         => __( 'Video (MP4)', 'fl-builder' ),
							'help'          => __( 'A video in the MP4 format to use as the background of this row. Most modern browsers support this format.', 'fl-builder' ),
							'preview'         => array(
								'type'            => 'refresh',
							),
						),
						'bg_video_webm' => array(
							'type'          => 'video',
							'label'         => __( 'Video (WebM)', 'fl-builder' ),
							'help'          => __( 'A video in the WebM format to use as the background of this row. This format is required to support browsers such as FireFox and Opera.', 'fl-builder' ),
							'preview'         => array(
								'type'            => 'refresh',
							),
						),
						'bg_video_url_mp4'   => array(
							'type'          => 'text',
							'label'         => __( 'Video URL (MP4)', 'fl-builder' ),
							'help'          => __( 'A video in the MP4 to use as the background of this row. Most modern browsers support this format.', 'fl-builder' ),
							'preview'         => array(
								'type'            => 'refresh',
							),
							'connections'   => array( 'custom_field' ),
						),
						'bg_video_url_webm'   => array(
							'type'          => 'text',
							'label'         => __( 'Video URL (WebM)', 'fl-builder' ),
							'help'          => __( 'A video in the WebM format to use as the background of this row. This format is required to support browsers such as FireFox and Opera.', 'fl-builder' ),
							'preview'         => array(
								'type'            => 'refresh',
							),
							'connections'   => array( 'custom_field' ),
						),
						'bg_video_service_url'   => array(
							'type'          => 'text',
							'label'         => __( 'Youtube Or Vimeo URL', 'fl-builder' ),
							'help'          => __( 'A video from Youtube or Vimeo to use as the background of this row. Most modern browsers support this format.', 'fl-builder' ),
							'preview'         => array(
								'type'            => 'refresh',
							),
							'connections'   => array( 'custom_field' ),
						),
						'bg_video_audio'	=> array(
							'type'          	=> 'select',
							'label'         	=> __( 'Enable Audio', 'fl-builder' ),
							'default'       	=> 'no',
							'options'       	=> array(
								'no'     			=> __( 'No', 'fl-builder' ),
								'yes'       		=> __( 'Yes', 'fl-builder' ),
							),
							'preview'         	=> array(
								'type'          	=> 'refresh',
							),
						),
						'bg_video_fallback' => array(
							'type'          => 'photo',
							'label'         => __( 'Fallback Photo', 'fl-builder' ),
							'help'          => __( 'A photo that will be displayed if the video fails to load.', 'fl-builder' ),
							'preview'         => array(
								'type'            => 'refresh',
							),
							'connections'   => array( 'custom_field' ),
						),
					),
				),
				'bg_slideshow' => array(
					'title'         => __( 'Background Slideshow', 'fl-builder' ),
					'fields'        => array(
						'ss_source'     => array(
							'type'          => 'select',
							'label'         => __( 'Source', 'fl-builder' ),
							'default'       => 'wordpress',
							'options'       => array(
								'wordpress'     => __( 'Media Library', 'fl-builder' ),
								'smugmug'       => 'SmugMug',
							),
							'help'          => __( 'Pull images from the WordPress media library or a gallery on your SmugMug site by inserting the RSS feed URL from SmugMug. The RSS feed URL can be accessed by using the get a link function in your SmugMug gallery.', 'fl-builder' ),
							'toggle'        => array(
								'wordpress'      => array(
									'fields'        => array( 'ss_photos' ),
								),
								'smugmug'        => array(
									'fields'        => array( 'ss_feed_url' ),
								),
							),
							'preview'         => array(
								'type'            => 'none',
							),
						),
						'ss_photos'     => array(
							'type'          => 'multiple-photos',
							'label'         => __( 'Photos', 'fl-builder' ),
							'preview'         => array(
								'type'            => 'none',
							),
							'connections'	=> array( 'multiple-photos' ),
						),
						'ss_feed_url'   => array(
							'type'          => 'text',
							'label'         => __( 'Feed URL', 'fl-builder' ),
							'preview'         => array(
								'type'            => 'none',
							),
							'connections'	=> array( 'custom_field' ),
						),
						'ss_speed'      => array(
							'type'          => 'text',
							'label'         => __( 'Speed', 'fl-builder' ),
							'default'       => '3',
							'size'          => '5',
							'description'   => _x( 'seconds', 'Value unit for form field of time in seconds. Such as: "5 seconds"', 'fl-builder' ),
							'preview'         => array(
								'type'            => 'none',
							),
						),
						'ss_transition' => array(
							'type'          => 'select',
							'label'         => __( 'Transition', 'fl-builder' ),
							'default'       => 'fade',
							'options'       => array(
								'none'              => _x( 'None', 'Slideshow transition type.', 'fl-builder' ),
								'fade'              => __( 'Fade', 'fl-builder' ),
								'kenBurns'          => __( 'Ken Burns', 'fl-builder' ),
								'slideHorizontal'   => __( 'Slide Horizontal', 'fl-builder' ),
								'slideVertical'     => __( 'Slide Vertical', 'fl-builder' ),
								'blinds'            => __( 'Blinds', 'fl-builder' ),
								'bars'              => __( 'Bars', 'fl-builder' ),
								'barsRandom'        => __( 'Random Bars', 'fl-builder' ),
								'boxes'             => __( 'Boxes', 'fl-builder' ),
								'boxesRandom'       => __( 'Random Boxes', 'fl-builder' ),
								'boxesGrow'         => __( 'Boxes Grow', 'fl-builder' ),
							),
							'preview'         => array(
								'type'            => 'none',
							),
						),
						'ss_transitionDuration' => array(
							'type'          => 'text',
							'label'         => __( 'Transition Speed', 'fl-builder' ),
							'default'       => '1',
							'size'          => '5',
							'description'   => _x( 'seconds', 'Value unit for form field of time in seconds. Such as: "5 seconds"', 'fl-builder' ),
							'preview'         => array(
								'type'            => 'none',
							),
						),
						'ss_randomize'  => array(
							'type'          => 'select',
							'label'         => __( 'Randomize Photos', 'fl-builder' ),
							'default'       => 'false',
							'options'       => array(
								'false'         => __( 'No', 'fl-builder' ),
								'true'          => __( 'Yes', 'fl-builder' ),
							),
							'preview'         => array(
								'type'            => 'none',
							),
						),
					),
				),
				'bg_parallax'   => array(
					'title'         => __( 'Background Parallax', 'fl-builder' ),
					'fields'        => array(
						'bg_parallax_image' => array(
							'type'          => 'photo',
							'label'         => __( 'Photo', 'fl-builder' ),
							'preview'         => array(
								'type'            => 'none',
							),
							'connections'	=> array( 'photo' ),
						),
						'bg_parallax_speed' => array(
							'type'          => 'select',
							'label'         => __( 'Speed', 'fl-builder' ),
							'default'       => 'fast',
							'options'       => array(
								'2'             => __( 'Fast', 'fl-builder' ),
								'5'             => _x( 'Medium', 'Speed.', 'fl-builder' ),
								'8'             => __( 'Slow', 'fl-builder' ),
							),
							'preview'         => array(
								'type'            => 'none',
							),
						),
					),
				),
				'bg_color'     => array(
					'title'         => __( 'Background Color', 'fl-builder' ),
					'fields'        => array(
						'bg_color'      => array(
							'type'          => 'color',
							'label'         => __( 'Color', 'fl-builder' ),
							'show_reset'    => true,
							'preview'         => array(
								'type'            => 'none',
							),
							'connections'	=> array( 'color' ),
						),
						'bg_opacity'    => array(
							'type'          => 'text',
							'label'         => __( 'Opacity', 'fl-builder' ),
							'default'       => '100',
							'description'   => '%',
							'maxlength'     => '3',
							'size'          => '5',
							'preview'         => array(
								'type'            => 'none',
							),
						),
					),
				),
				'bg_overlay'     => array(
					'title'         => __( 'Background Overlay', 'fl-builder' ),
					'fields'        => array(
						'bg_overlay_color'      => array(
							'type'          => 'color',
							'label'         => __( 'Overlay Color', 'fl-builder' ),
							'show_reset'    => true,
							'preview'         => array(
								'type'            => 'none',
							),
						),
						'bg_overlay_opacity'    => array(
							'type'          => 'text',
							'label'         => __( 'Overlay Opacity', 'fl-builder' ),
							'default'       => '50',
							'description'   => '%',
							'maxlength'     => '3',
							'size'          => '5',
							'preview'         => array(
								'type'            => 'none',
							),
						),
					),
				),
				'border'       => array(
					'title'         => __( 'Border', 'fl-builder' ),
					'fields'        => array(
						'border_type'   => array(
							'type'          => 'select',
							'label'         => __( 'Type', 'fl-builder' ),
							'default'       => '',
							'help'          => __( 'The type of border to use. Double borders must have a width of at least 3px to render properly.', 'fl-builder' ),
							'options'       => array(
								''              => _x( 'None', 'Border type.', 'fl-builder' ),
								'solid'         => _x( 'Solid', 'Border type.', 'fl-builder' ),
								'dashed'        => _x( 'Dashed', 'Border type.', 'fl-builder' ),
								'dotted'        => _x( 'Dotted', 'Border type.', 'fl-builder' ),
								'double'        => _x( 'Double', 'Border type.', 'fl-builder' ),
							),
							'toggle'        => array(
								''              => array(
									'fields'        => array(),
								),
								'solid'         => array(
									'fields'        => array( 'border_color', 'border_opacity', 'border' ),
								),
								'dashed'        => array(
									'fields'        => array( 'border_color', 'border_opacity', 'border' ),
								),
								'dotted'        => array(
									'fields'        => array( 'border_color', 'border_opacity', 'border' ),
								),
								'double'        => array(
									'fields'        => array( 'border_color', 'border_opacity', 'border' ),
								),
							),
							'preview'         => array(
								'type'            => 'none',
							),
						),
						'border_color'  => array(
							'type'          => 'color',
							'label'         => __( 'Color', 'fl-builder' ),
							'show_reset'    => true,
							'preview'         => array(
								'type'            => 'none',
							),
						),
						'border_opacity' => array(
							'type'          => 'text',
							'label'         => __( 'Opacity', 'fl-builder' ),
							'default'       => '100',
							'description'   => '%',
							'maxlength'     => '3',
							'size'          => '5',
							'preview'         => array(
								'type'            => 'none',
							),
						),
						'border' 	  => array(
							'type'        => 'dimension',
							'label'       => __( 'Border', 'fl-builder' ),
							'description' => 'px',
							'preview'     => array(
								'type' => 'none',
							),
							'responsive'  => array(
								'placeholder' => array(
									'default'    => '0',
									'medium'     => '',
									'responsive' => '',
								),
							),
						),
					),
				),
			),
		),
		'advanced'      => array(
			'title'         => __( 'Advanced', 'fl-builder' ),
			'sections'      => array(
				'margins'       => array(
					'title'         => __( 'Spacing', 'fl-builder' ),
					'fields'        => array(
						'margin' 		=> array(
							'type'        => 'dimension',
							'label'       => __( 'Margins', 'fl-builder' ),
							'description' => 'px',
							'preview'     => array(
								'type' => 'none',
							),
							'responsive'  => array(
								'placeholder' => array(
									'default'    => $spacing_placeholders['row_margins'],
									'medium'     => $spacing_placeholders['row_margins_medium'],
									'responsive' => $spacing_placeholders['row_margins_responsive'],
								),
							),
						),
						'padding' 	  => array(
							'type'        => 'dimension',
							'label'       => __( 'Padding', 'fl-builder' ),
							'description' => 'px',
							'preview'     => array(
								'type' => 'none',
							),
							'responsive'  => array(
								'placeholder' => array(
									'default'    => $spacing_placeholders['row_padding'],
									'medium'     => $spacing_placeholders['row_padding_medium'],
									'responsive' => $spacing_placeholders['row_padding_tb_responsive'],
								),
							),
						),
					),
				),
				'responsive'   => array(
					'title'         => __( 'Responsive Layout', 'fl-builder' ),
					'fields'        => array(
						'responsive_display' => array(
							'type'          => 'select',
							'label'         => __( 'Display', 'fl-builder' ),
							'options'       => array(
								''                  => __( 'Always', 'fl-builder' ),
								'desktop'           => __( 'Large Devices Only', 'fl-builder' ),
								'desktop-medium'    => __( 'Large &amp; Medium Devices Only', 'fl-builder' ),
								'medium'            => __( 'Medium Devices Only', 'fl-builder' ),
								'medium-mobile'     => __( 'Medium &amp; Small Devices Only', 'fl-builder' ),
								'mobile'            => __( 'Small Devices Only', 'fl-builder' ),
							),
							'help'          => __( 'Choose whether to show or hide this row at different device sizes.', 'fl-builder' ),
							'preview'         => array(
								'type'            => 'none',
							),
						),
					),
				),
				'visibility'   => array(
					'title'         => __( 'Visibility', 'fl-builder' ),
					'fields'        => array(
						'visibility_display' => array(
							'type'          => 'select',
							'label'         => __( 'Display', 'fl-builder' ),
							'options'       => array(
								''				=> __( 'Always', 'fl-builder' ),
								'logged_out'    => __( 'Logged Out User', 'fl-builder' ),
								'logged_in'     => __( 'Logged In User', 'fl-builder' ),
								'0'             => __( 'Never', 'fl-builder' ),
							),
							'toggle' 		=> array(
								'logged_in'		=> array(
									'fields' 		=> array( 'visibility_user_capability' ),
								),
							),
							'preview'         => array(
								'type'            => 'none',
							),
						),
						'visibility_user_capability' => array(
							'type' 						=> 'text',
							'label'						=> __( 'User Capability', 'fl-builder' ),
							'description'  	 			=> sprintf( __( 'Optional. Set the <a%s>capability</a> required for users to view this row.', 'fl-builder' ), ' href="http://codex.wordpress.org/Roles_and_Capabilities#Capability_vs._Role_Table" target="_blank"' ),
							'preview'         			=> array(
								'type'            			=> 'none',
							),
						),
					),
				),
				'css_selectors' => array(
					'title'         => __( 'HTML Element', 'fl-builder' ),
					'fields'        => array(
						'id'            => array(
							'type'          => 'text',
							'label'         => __( 'ID', 'fl-builder' ),
							'help'          => __( "A unique ID that will be applied to this row's HTML. Must start with a letter and only contain dashes, underscores, letters or numbers. No spaces.", 'fl-builder' ),
							'preview'       => array(
								'type'          => 'none',
							),
						),
						'class'         => array(
							'type'          => 'text',
							'label'         => __( 'Class', 'fl-builder' ),
							'help'          => __( "A class that will be applied to this row's HTML. Must start with a letter and only contain dashes, underscores, letters or numbers. Separate multiple classes with spaces.", 'fl-builder' ),
							'preview'       => array(
								'type'          => 'none',
							),
						),
					),
				),
			),
		),
	),
));
