<?php
	vc_map(
		array(
			'name' => __( 'Mailchimp Subscribe Form', 'mk_framework' ),
			'base' => 'mk_subscribe',
			'html_template' => dirname( __FILE__ ) . '/mk_subscribe.php',
			'icon' => 'icon-mk-news-tab vc_mk_element-icon',
			'description' => __( '', 'mk_framework' ),
			'category' => __( 'General', 'mk_framework' ),
			'params' => array(
				array(
					'type' => 'textfield',
					'heading' => __( 'Placeholder Text', 'mk_framework' ),
					'param_name' => 'placeholder_text',
					'value' => 'Your e-mail',
					'description' => __( '', 'mk_framework' ),
				),
				array(
					'type' => 'textfield',
					'heading' => __( 'Button Text', 'mk_framework' ),
					'param_name' => 'button_text',
					'value' => 'SEND',
					'description' => __( '', 'mk_framework' ),
				),
				array(
					'type' => 'textfield',
					'heading' => __( 'List ID', 'mk_framework' ),
					'param_name' => 'list_id',
					'value' => '',
					'description' => __( "i.e: '6edd80a499'", 'mk_framework' ),
				),
				array(
					'type' => 'checkbox',
					'heading' => __( 'Send Opt-in Mails', 'mk_framework' ),
					'param_name' => 'optin',
					'value' => '',
					'description' => __( "Sends a 'click to subscribe' mail", 'mk_framework' ),
				),
                array(
                 'type' => 'toggle',
                 'heading' => __( 'GDPR Consent Check?', 'mk_framework' ),
                 'param_name' => 'gdpr_consent',
                 'value' => 'true',
                 'description' => __( '', 'mk_framework' ),

             ),

             array(
                 'type' => 'textarea',
                 'heading' => __( 'GDPR Consent Checkbox Text', 'mk_framework' ),
                 'param_name' => 'gdpr_consent_text',
                 'value' => sprintf( __( 'I consent to %s collecting my details through this form.', 'mk_framework' ), get_bloginfo( 'name' ) ),
                 'description' => __( '', 'mk_framework' ),
                 'dependency' => array(
                     'element' => 'gdpr_consent',
                     'value' => array(
                         'true',
                     ),
                 ),
             ),
				$add_css_animations,
				$add_device_visibility,
				array(
					'type' => 'textfield',
					'heading' => __( 'Extra class name', 'mk_framework' ),
					'param_name' => 'el_class',
					'value' => '',
					'description' => __( 'If you wish to style particular content element differently, then use this field to add a class name and then refer to it in Custom CSS Shortcode or Masterkey Custom CSS option.', 'mk_framework' ),
				),

				// Styles & Color Settings
				array(
					'type' => 'range',
					'heading' => __( 'Corner Radius', 'mk_framework' ),
					'param_name' => 'corner_radius',
					'group' => __( 'Styles & Colors', 'mk_framework' ),
					'value' => '0',
					'min' => '0',
					'max' => '100',
					'step' => '1',
					'unit' => 'px',
					'description' => __( '', 'mk_framework' ),
				),
				array(
					'type' => 'range',
					'heading' => __( 'Space between button and input', 'mk_framework' ),
					'param_name' => 'space_between',
					'group' => __( 'Styles & Colors', 'mk_framework' ),
					'value' => '0',
					'min' => '0',
					'max' => '20',
					'step' => '1',
					'unit' => 'px',
					'description' => __( '', 'mk_framework' ),
				),
				array(
					'type' => 'dropdown',
					'heading' => __( 'Size', 'mk_framework' ),
					'param_name' => 'subscribe_size',
					'value' => array(
						__( 'Large', 'mk_framework' ) => 'large',
						__( 'Medium', 'mk_framework' ) => 'medium',
					),
					'group' => __( 'Styles & Colors', 'mk_framework' ),
					'description' => __( 'Choose the icon size by pixel.', 'mk_framework' ),
				),
				array(
					'type' => 'group_heading',
					'title' => __( 'Button Settings?', 'mk_framework' ),
					'param_name' => 'color_button_title',
					'group' => __( 'Styles & Colors', 'mk_framework' ),
					'style' => 'border: 0; font-size: 16px; font-weight:bold; padding:15px 0 0; border-top: 1px solid #cccccc;',
				),
				array(
					'type' => 'alpha_colorpicker',
					'heading' => __( 'Button background color', 'mk_framework' ),
					'param_name' => 'btn_bg_color',
					'value' => '',
					'group' => __( 'Styles & Colors', 'mk_framework' ),
					'description' => __( '', 'mk_framework' ),
				),
				array(
					'type' => 'alpha_colorpicker',
					'heading' => __( 'Button text color', 'mk_framework' ),
					'param_name' => 'btn_text_color',
					'value' => '#eee',
					'group' => __( 'Styles & Colors', 'mk_framework' ),
					'description' => __( '', 'mk_framework' ),
				),
				array(
					'type' => 'dropdown',
					'heading' => __( 'Button border style', 'mk_framework' ),
					'param_name' => 'btn_border_style',
					'value' => array(
						__( 'Solid', 'mk_framework' ) => 'solid',
						__( 'Dashed', 'mk_framework' ) => 'dashed',
						__( 'Dotted', 'mk_framework' ) => 'dotted',
						__( 'None', 'mk_framework' ) => 'none',
					),
					'group' => __( 'Styles & Colors', 'mk_framework' ),
					'description' => __( 'Choose the icon size by pixel.', 'mk_framework' ),
				),
				array(
					'type' => 'range',
					'heading' => __( 'Button border width', 'mk_framework' ),
					'param_name' => 'btn_border_width',
					'group' => __( 'Styles & Colors', 'mk_framework' ),
					'value' => '1',
					'min' => '1',
					'max' => '10',
					'step' => '1',
					'unit' => 'px',
					'description' => __( '', 'mk_framework' ),
					'dependency' => array(
						'element' => 'btn_border_style',
						'value' => array(
							'solid',
							'dashed',
							'dotted',
						),
					),
				),
				array(
					'type' => 'alpha_colorpicker',
					'heading' => __( 'Button border color', 'mk_framework' ),
					'param_name' => 'btn_border_color',
					'value' => '#eee',
					'group' => __( 'Styles & Colors', 'mk_framework' ),
					'description' => __( '', 'mk_framework' ),
				),

				array(
					'type' => 'group_heading',
					'title' => __( 'Text Input settings?', 'mk_framework' ),
					'param_name' => 'color_input_title',
					'group' => __( 'Styles & Colors', 'mk_framework' ),
					'style' => 'border: 0; font-size: 16px; font-weight:bold; padding:15px 0 0; border-top: 1px solid #cccccc;',
				),
				array(
					'type' => 'alpha_colorpicker',
					'heading' => __( 'Text input background color', 'mk_framework' ),
					'param_name' => 'input_bg_color',
					'value' => '#ffffff',
					'group' => __( 'Styles & Colors', 'mk_framework' ),
					'description' => __( '', 'mk_framework' ),
				),
				array(
					'type' => 'alpha_colorpicker',
					'heading' => __( 'Placeholder color', 'mk_framework' ),
					'param_name' => 'input_placeholder_color',
					'value' => '#eee',
					'group' => __( 'Styles & Colors', 'mk_framework' ),
					'description' => __( '', 'mk_framework' ),
				),
				array(
					'type' => 'dropdown',
					'heading' => __( 'Text input border style', 'mk_framework' ),
					'param_name' => 'input_border_style',
					'value' => array(
						__( 'Solid', 'mk_framework' ) => 'solid',
						__( 'Dashed', 'mk_framework' ) => 'dashed',
						__( 'Dotted', 'mk_framework' ) => 'dotted',
						__( 'None', 'mk_framework' ) => 'none',
					),
					'group' => __( 'Styles & Colors', 'mk_framework' ),
					'description' => __( 'Choose the icon size by pixel.', 'mk_framework' ),
				),
				array(
					'type' => 'range',
					'heading' => __( 'Text input border width', 'mk_framework' ),
					'param_name' => 'input_border_width',
					'group' => __( 'Styles & Colors', 'mk_framework' ),
					'value' => '1',
					'min' => '1',
					'max' => '10',
					'step' => '1',
					'unit' => 'px',
					'description' => __( '', 'mk_framework' ),
				),
				array(
					'type' => 'alpha_colorpicker',
					'heading' => __( 'Text input border color', 'mk_framework' ),
					'param_name' => 'input_border_color',
					'value' => '#eee',
					'group' => __( 'Styles & Colors', 'mk_framework' ),
					'description' => __( '', 'mk_framework' ),
				),

				// Hover Styles Settings
				array(
					'type' => 'group_heading',
					'title' => __( 'Button Settings?', 'mk_framework' ),
					'param_name' => 'hover_button_title',
					'group' => __( 'Hover Options', 'mk_framework' ),
					'style' => 'border: 0; font-size: 16px; font-weight:bold; padding:15px 0 0;',
				),
				array(
					'type' => 'alpha_colorpicker',
					'heading' => __( 'Button background color', 'mk_framework' ),
					'param_name' => 'btn_hover_bg_color',
					'value' => '',
					'group' => __( 'Hover Options', 'mk_framework' ),
					'description' => __( '', 'mk_framework' ),
				),
				array(
					'type' => 'alpha_colorpicker',
					'heading' => __( 'Button text color', 'mk_framework' ),
					'param_name' => 'btn_hover_text_color',
					'value' => '',
					'group' => __( 'Hover Options', 'mk_framework' ),
					'description' => __( '', 'mk_framework' ),
				),
				array(
					'type' => 'alpha_colorpicker',
					'heading' => __( 'Button border color', 'mk_framework' ),
					'param_name' => 'btn_hover_border_color',
					'value' => '',
					'group' => __( 'Hover Options', 'mk_framework' ),
					'description' => __( '', 'mk_framework' ),
				),

				// Focus Style Settings
				array(
					'type' => 'group_heading',
					'title' => __( 'Text input settings?', 'mk_framework' ),
					'param_name' => 'hover_button_title',
					'group' => __( 'Focus Options', 'mk_framework' ),
					'style' => 'border: 0; font-size: 16px; font-weight:bold; padding:15px 0 0;',
				),
				array(
					'type' => 'alpha_colorpicker',
					'heading' => __( 'Text input background color', 'mk_framework' ),
					'param_name' => 'input_focus_bg_color',
					'value' => '',
					'group' => __( 'Focus Options', 'mk_framework' ),
					'description' => __( '', 'mk_framework' ),
				),

				array(
					'type' => 'alpha_colorpicker',
					'heading' => __( 'Placeholder color', 'mk_framework' ),
					'param_name' => 'input_focus_placeholder_color',
					'value' => '',
					'group' => __( 'Focus Options', 'mk_framework' ),
					'description' => __( '', 'mk_framework' ),
				),
			),
		)
	);
