<?php

namespace Gravity_Forms\Gravity_Forms_Conversational_Forms;

use \GFCommon;
use \GFForms;
use \GFFormDisplay;
use Gravity_Forms\Gravity_Forms\GF_Service_Container;
use Gravity_Forms\Gravity_Forms\Settings\Fields;
use Gravity_Forms\Gravity_Forms_Conversational_Forms\Util\Colors;
use Gravity_Forms\Gravity_Forms_Conversational_Forms\Style_Layers\Framework\GF_Style_Layer;
use Gravity_Forms\Gravity_Forms_Conversational_Forms\Style_Layers\GFCF_Style_Layers_Provider;
use Gravity_Forms\Gravity_Forms_Conversational_Forms\Style_Layers\Layers\GF_Conversational_Forms_Fluent_Style_Handler;
use Gravity_Forms\Gravity_Forms_Conversational_Forms\Style_Layers\Layers\Views\Form_View;
use Gravity_Forms\Gravity_Forms_Conversational_Forms\Style_Layers\Layers\Views\Conversational_Field_View;
use \GFFormsModel;

\GFForms::include_addon_framework();

/**
 * Main AddOn class.
 *
 * @since 1.0
 */
class GF_Conversational_Forms extends \GFAddOn {

	const QUERY_VAR = 'gf_conversational';

	const SCREEN_FORM          = 'form';
	const SCREEN_CONFIRMATION  = 'confirmation';
	const SCREEN_SAVE_CONTINUE = 'save_continue';

	protected $_version                             = GF_CF_VERSION;
	protected $_min_gravityforms_version            = GF_CF_MIN_GF_VERSION;
	protected $_min_compatible_gravityforms_version = GF_CF_MIN_COMPAT_GF_VERSION;
	protected $_slug                                = 'gravityformsconversationalforms';
	protected $_path                                = 'gravityformsconversationalforms/conversationalforms.php';
	protected $_full_path                           = __FILE__;
	protected $_title                               = 'Gravity Forms Conversational Forms Add-On';
	protected $_short_title                         = 'Conversational Forms';
	protected $_enable_rg_autoupgrade               = true;

	protected $_enable_theme_layer = true;
	protected $_asset_min;

	protected $_slug_verified = false;

	// Members plugin integration
	protected $_capabilities = array( 'gravityforms_conversationalforms', 'gravityforms_conversationalforms_uninstall' );

	// Permissions
	protected $_capabilities_settings_page = 'gravityforms_conversationalforms';
	protected $_capabilities_form_settings = 'gravityforms_conversationalforms';
	protected $_capabilities_uninstall = 'gravityforms_conversationalforms_uninstall';

	/**
	 * @var object|null $_instance If available, contains an instance of this class.
	 */
	private static $_instance = null;

	private static $_compat_check = null;

	/**
	 * @var GF_Service_Container
	 */
	protected $container;

	/**
	 * The query variable used when permalinks are set to plain.
	 */
	public $query_var = self::QUERY_VAR;

	/**
	 * Returns an instance of this class, and stores it in the $_instance property.
	 *
	 * @return GF_Conversational_Forms $_instance An instance of this class.
	 */
	public static function get_instance() {
		if ( self::$_instance == null ) {
			self::$_instance = new self();

			if ( ! isset( self::$_instance->_asset_min ) ) {
				self::$_instance->_asset_min = defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG || isset( $_GET['gform_debug'] ) ? '' : '.min';
			}
		}

		return self::$_instance;
	}

	// # INITIALIZATION METHODS --------------------------------------------------------------------------------------------

	/**
	 * Memoize result of compat check to avoid running multiple times.
	 *
	 * @param string $min_gravityforms_version
	 *
	 * @return bool
	 */
	public function is_gravityforms_supported( $min_gravityforms_version = '' ) {
		if ( ! is_null( self::$_compat_check ) ) {
			return self::$_compat_check;
		}

		self::$_compat_check = parent::is_gravityforms_supported( $min_gravityforms_version );

		return self::$_compat_check;
	}

	/**
	 * Require any files and initialize any methods required before init.
	 *
	 * @since 1.0
	 *
	 * @return mixed|void
	 */
	public function pre_init() {
		parent::pre_init();

		if ( ! $this->is_gravityforms_supported() ) {
			return;
		}

		// Custom Post Type
		add_action( 'init', array( $this, 'register_conversational_forms_post_type' ), 100 );
		add_filter( 'post_type_link', array( $this, 'conversational_forms_post_type_permalinks' ), 10, 3 );
		add_filter( 'wp_unique_post_slug', array( $this, 'prevent_slug_duplicates' ), 10, 6 );
		add_filter( 'single_template', array( $this, 'conversational_form_template' ) );
		add_filter( 'gform_source_id_pre_save_entry', array( $this, 'filter_entry_source_id' ), 1, 2 );

		// Layers
		require_once( dirname( __FILE__ ) . '/includes/theme-layers/layers/views/class-conversational-field-markup.php' );
		require_once( dirname( __FILE__ ) . '/includes/theme-layers/layers/views/class-form-view.php' );

		// Settings Framework
		require_once( \GFCommon::get_base_path() . '/includes/settings/class-fields.php' );

		// Fields
		require_once( dirname( __FILE__ ) . '/includes/settings/class-permalink.php' );
		require_once( dirname( __FILE__ ) . '/includes/settings/class-file-upload.php' );
		require_once( dirname( __FILE__ ) . '/includes/settings/class-range.php' );
		require_once( dirname( __FILE__ ) . '/includes/settings/class-swatch.php' );

		Fields::register( 'permalink', 'Gravity_Forms\Gravity_Forms_Conversational_Forms\Settings\Permalink' );
		Fields::register( 'file_upload', 'Gravity_Forms\Gravity_Forms_Conversational_Forms\Settings\FileUpload' );
		Fields::register( 'range', 'Gravity_Forms\Gravity_Forms_Conversational_Forms\Settings\Range' );
		Fields::register( 'swatch', 'Gravity_Forms\Gravity_Forms_Conversational_Forms\Settings\Swatch' );
	}

	/**
	 * Initialize the hooks and filters needed for Front-End display.
	 *
	 * @since 1.0
	 *
	 * @return mixed|void
	 */
	public function init_frontend() {
		parent::init_frontend();

		if ( ! $this->is_gravityforms_supported() ) {
			return;
		}

		add_filter( 'gform_target_page', array( $this, 'filter_target_page' ), 10, 2 );
		add_filter( 'gform_pre_render' , array( $this, 'customize_form_settings' ), 10, 1 );
		add_filter( 'gform_submit_button', array( $this, 'unique_convo_field' ), 10, 2 );

		add_action( 'wp_head', function() {
			if ( has_action( 'wp_head', '_block_template_viewport_meta_tag' ) !== false ) {
				return;
			}

			echo '<meta name="viewport" content="width=device-width, initial-scale=1.0">' . "\n";
		}, 0 );

		add_filter( 'gform_confirmation_anchor', '__return_false' );

		add_filter( 'gform_submit_button', function( $button, $form ) {
			if ( is_admin() || ! is_conversational_form( $form ) ) {
				return $button;
			}

			/* Translators: &#9166;: Symbol for enter key on keyboard. */
			$field_nav_text = esc_html__( 'Press Enter', 'gravityformsconversationalforms' );

			return '<div class="gform-conversational__field-form-footer-submit">' . $button . '<span class="gform-conversational__field-nav-helper-text">' . $field_nav_text . '<span class="gform-conversational__field-nav-helper-icon gform-orbital-icon gform-orbital-icon--arrow-back" aria-hidden="true"></span></span></div>';
		}, 999, 2 );
	}

	/**
	 * Initialize the hooks and filters needed for admin display.
	 *
	 * @since 1.0
	 *
	 * @return mixed|void
	 */
	public function init_admin() {
		parent::init_admin();

		if ( ! $this->is_gravityforms_supported() ) {
			return;
		}

		add_filter( 'gform_form_actions', array( $this, 'filter_form_actions' ), 10, 2 );
		add_filter( 'gform_forms_post_import', array( $this, 'create_post_after_import' ), 10, 1 );

		// Maybe show a payment field position notice in the form editor.
		add_action( 'gform_editor_pre_render', array( $this, 'maybe_show_payment_field_position_notice' ) );
	}

	/**
	 * Initialize the hooks and filters needed for admin and front end.
	 *
	 * @since 1.0
	 *
	 * @return mixed|void
	 */
	public function init(){
		parent::init();

		if ( ! $this->is_gravityforms_supported() ) {
			return;
		}

		add_action( 'wp_ajax_nopriv_gfcf_validate_field', array( $this, 'validate_field' ) );
		add_action( 'wp_ajax_gfcf_validate_field', array( $this, 'validate_field' ) );

		add_action( 'admin_enqueue_scripts', array( $this, 'localize_admin_scripts' ) );
		add_action( 'admin_enqueue_scripts', array( $this, 'maybe_enqueue_media' ), 11 );
		add_action( 'gform_enqueue_scripts', array( $this, 'localize_frontend_scripts' ), 1000, 2 );

		add_action( 'gform_post_form_duplicated', array( $this, 'create_post_for_duplicate' ), 10, 2 );

		add_filter( 'gform_form_theme_slug', array( $this, 'customize_form_theme_slug' ), 10, 2 );

		add_filter( 'wp_unique_post_slug_is_bad_flat_slug', array( $this, 'is_bad_flat_slug' ), 10, 4 );
		add_filter( 'wp_unique_post_slug_is_bad_hierarchical_slug', array( $this, 'is_bad_hierarchical_slug' ), 10, 5 );

		add_action( 'gform_before_delete_form', array( $this, 'form_deleted' ) );
		add_action( 'gform_post_form_deactivated', array( $this, 'form_post_status' ) );
		add_action( 'gform_post_form_activated', array( $this, 'form_post_status' ) );

		if ( $this->is_plain_permalinks() ) {
			add_filter( 'query_vars', array( $this, 'add_slug_query_var' ) );
		}

		add_action( 'parse_request', array( $this, 'parse_request' ), 10, 1 );

		add_filter( 'gform_ajax_submission_result', array( $this, 'filter_ajax_submission_result' ) );
	}

	/**
	 * Filters the request to detect conversational form slugs.
	 *
	 * @since 1.3
	 *
	 * @return mixed|void
	 */
	public function parse_request( $wp ) {
		$requested_slug = $this->get_requested_slug();

		if ( ! empty( $requested_slug ) && get_page_by_path( $requested_slug, OBJECT, 'conversational_form' ) ) {
			$wp->query_vars = array(
				'name'      => $requested_slug,
				'post_type' => 'conversational_form',
			);
		}
	}

	/**
	 * Strips form_markup and page_markup from the AJAX submission result when the
	 * submission comes from a conversational form view. This prevents core's JS from
	 * replacing the conversational DOM with standard form markup.
	 *
	 * @since 1.7.1
	 *
	 * @param array $result The AJAX submission result.
	 *
	 * @return array
	 */
	public function filter_ajax_submission_result( $result ) {
		if ( ! rgpost( 'gfcf_is_conversational' ) ) {
			return $result;
		}

		unset( $result['form_markup'] );
		unset( $result['page_markup'] );

		return $result;
	}

	/**
	 * Run upgrades if necessary.
	 *
	 * @since 1.3.0
	 *
	 * @param $previous_version
	 *
	 * @return void
	 */
	public function upgrade( $previous_version ) {

		if ( empty( $previous_version ) ) {
			$previous_version = get_option( 'gravityformsaddon_gravityformsconversationalforms_version' );
		}

		// Version 1.3.0 has a new custom post type for conversational forms and a new format for image settings.
		if ( version_compare( $previous_version, '1.3.0', '<' ) ) {
			$this->upgrade_1_3_0_create_cpts();
			$this->upgrade_1_3_0_image_settings();
		}

	}

	/**
	 * Create custom post types for existing conversational forms.
	 *
	 * @since 1.3.0
	 *
	 * @return void
	 */
	public function upgrade_1_3_0_create_cpts() {
		$this->log_debug( __METHOD__ . '(): Converting existing conversational forms to use the new custom post type.' );

		$updated = get_transient( 'gf_conversational_forms_1_3_upgraded_forms' );
		if( $updated ) {
			$this->log_debug( __METHOD__ . '(): Already converted forms to new custom post type.' );
			return;
		}

		$form_count = 0;
		$forms      = \GFAPI::get_forms();

		foreach ( $forms as $form ) {
			$form_meta        = \GFFormsModel::get_form_meta( $form['id'] );
			$full_screen_slug = rgars( $form_meta, 'gf_theme_layers/form_full_screen_slug' );
			$form_post_id     = rgars( $form_meta, 'gf_theme_layers/post_id' );
			$legacy           = GFCommon::is_legacy_markup_enabled( $form['id'] );

			if ( $full_screen_slug && ! $form_post_id && ! $legacy ) {
				$this->log_debug( __METHOD__ . '(): Updating form ' . $form['id'] . ' to use new custom post type.' );
				$post_id = wp_insert_post( array(
					'post_title'  => $form['title'],
					'post_name'   => $full_screen_slug,
					'post_status' => 'publish',
					'post_type'   => 'conversational_form',
				) );
				if ( ! is_wp_error( $post_id ) ) {
					$post = get_post( $post_id );
					update_post_meta( $post_id, 'gf_form_id', $form['id'] );
					$form_meta['gf_theme_layers']['post_id'] = $post_id;
					$form_meta['gf_theme_layers']['page_title'] = $post->post_title;
					$update = GFFormsModel::update_form_meta( $form['id'], $form_meta );
					if( ! $update ) {
						$this->log_error( __METHOD__ . '(): Failed to update form meta for form ' . $form['id'] );
					}
					$form_count++;
				} else {
					$this->log_error( __METHOD__ . '(): Failed to create post for form ' . $form['id'] );
				}
				$this->log_debug( __METHOD__ . '(): Post id ' . $post_id . ' created for form id ' . $form['id'] );
			}
		}

		set_transient( 'gf_conversational_forms_1_3_upgraded_forms', $form_count, DAY_IN_SECONDS );

		flush_rewrite_rules();

		$this->log_debug( __METHOD__ . '(): Finished converting to new custom post type. ' . $form_count . ' posts created.' );

	}

	/**
	 * Upgrade image settings to use the new attachment data format.
	 *
	 * @since 1.3.0
	 */
	public function upgrade_1_3_0_image_settings() {
		$this->log_debug( __METHOD__ . '(): Upgrading image settings to use the new attachment data format.' );

		$updated = get_transient( 'gf_conversational_forms_1_3_upgraded_images' );
		if( $updated ) {
			$this->log_debug( __METHOD__ . '(): Already converted images to use the new data format.' );
			return;
		}

		$image_count = 0;

		$forms = \GFAPI::get_forms();
		foreach ( $forms as $form ) {
			$updated    = false;
			$form_meta  = \GFFormsModel::get_form_meta( $form['id'] );

			$image_settings = array(
				'logo',
				'background_image',
				'welcome_screen_image',
			);

			foreach( $image_settings as $setting ) {
				$image_url = rgars( $form_meta, "gf_theme_layers/{$setting}" );
				if ( $image_url && ! is_array( $image_url ) ) {
					$attachment_id = attachment_url_to_postid( esc_url( $image_url ) );
					if ( $attachment_id ) {
						$form_meta['gf_theme_layers'][$setting] = array(
							'attachment_id' => $attachment_id,
							'file_url'      => $image_url,
						);
						unset ( $form_meta['gf_theme_layers'][$setting . '_file_url'] );
						$updated = true;
						$image_count++;
					} else {
						$this->log_debug( __METHOD__ . '(): Could not find the attachment ID for the image url ' . $image_url );
					}
				}

			}

			if( $updated ) {
				\GFFormsModel::update_form_meta( $form['id'], $form_meta );
			}
		}

		set_transient( 'gf_conversational_forms_1_3_upgraded_images', $image_count, DAY_IN_SECONDS );

		$this->log_debug( __METHOD__ . '(): Finished upgrading image settings. ' . $image_count . ' images updated.' );

	}

	/**
	 * Register the query var for the conversational form slug.
	 *
	 * @param $vars
	 * @return mixed|void
	 * @since 1.0
	 */
	public function add_slug_query_var( $vars ) {
		$vars[] = $this->query_var;
		return $vars;
	}

	/**
	 * Get the slug of the requested conversational form.
	 *
	 * @param $vars
	 * @return mixed|void
	 * @since 1.0
	 */
	public function get_requested_slug() {
		global $wp;

		if ( $this->is_plain_permalinks() && isset( $wp->query_vars[ $this->query_var ] ) ) {
			return strtolower( $wp->query_vars[ $this->query_var ] );
		} else {
			return strtolower( $wp->request );
		}
	}

	/**
	 * Register the conversational form post type.
	 *
	 * @since 1.3.0
	 *
	 * @return void
	 */
	public function register_conversational_forms_post_type() {

		$labels = array(
			'name'                  => _x( 'Conversational Forms', 'Post Type General Name', 'gravityformsconversationalforms' ),
			'singular_name'         => _x( 'Conversational Form', 'Post Type Singular Name', 'gravityformsconversationalforms' ),
			'menu_name'             => __( 'Conversational Forms', 'gravityformsconversationalforms' ),
			'name_admin_bar'        => __( 'Conversational Form', 'gravityformsconversationalforms' ),
			'archives'              => __( 'Conversational Form Archives', 'gravityformsconversationalforms' ),
			'attributes'            => __( 'Conversational Form Attributes', 'gravityformsconversationalforms' ),
			'parent_item_colon'     => __( 'Parent Conversational Form:', 'gravityformsconversationalforms' ),
			'all_items'             => __( 'All Conversational Forms', 'gravityformsconversationalforms' ),
			'add_new_item'          => __( 'Add New Conversational Form', 'gravityformsconversationalforms' ),
			'add_new'               => __( 'Add New', 'gravityformsconversationalforms' ),
			'new_item'              => __( 'New Conversational Form', 'gravityformsconversationalforms' ),
			'edit_item'             => __( 'Edit Conversational Form', 'gravityformsconversationalforms' ),
			'update_item'           => __( 'Update Conversational Form', 'gravityformsconversationalforms' ),
			'view_item'             => __( 'View Conversational Form', 'gravityformsconversationalforms' ),
			'view_items'            => __( 'View Conversational Form', 'gravityformsconversationalforms' ),
			'search_items'          => __( 'Search Conversational Form', 'gravityformsconversationalforms' ),
			'not_found'             => __( 'Not found', 'gravityformsconversationalforms' ),
			'not_found_in_trash'    => __( 'Not found in Trash', 'gravityformsconversationalforms' ),
			'featured_image'        => __( 'Featured Image', 'gravityformsconversationalforms' ),
			'set_featured_image'    => __( 'Set featured image', 'gravityformsconversationalforms' ),
			'remove_featured_image' => __( 'Remove featured image', 'gravityformsconversationalforms' ),
			'use_featured_image'    => __( 'Use as featured image', 'gravityformsconversationalforms' ),
			'insert_into_item'      => __( 'Insert into Conversational Form', 'gravityformsconversationalforms' ),
			'uploaded_to_this_item' => __( 'Uploaded to this Conversational Form', 'gravityformsconversationalforms' ),
			'items_list'            => __( 'Conversational Forms list', 'gravityformsconversationalforms' ),
			'items_list_navigation' => __( 'Conversational Forms list navigation', 'gravityformsconversationalforms' ),
			'filter_items_list'     => __( 'Filter Conversational Forms list', 'gravityformsconversationalforms' ),
		);
		$args = array(
			'label'                 => __( 'Conversational Form', 'gravityformsconversationalforms' ),
			'description'           => __( 'Gravity Forms conversational form', 'gravityformsconversationalforms' ),
			'labels'                => $labels,
			'supports'              => array( 'title', 'editor' ),
			'hierarchical'          => false,
			'public'                => false,
			'show_ui'               => false,
			'show_in_menu'          => false,
			'menu_position'         => 60,
			'show_in_admin_bar'     => false,
			'show_in_nav_menus'     => false,
			'can_export'            => false,
			'has_archive'           => false,
			'exclude_from_search'   => true,
			'publicly_queryable'    => false,
			'capability_type'       => 'page',
			'rewrite'               => false,
			/**
			 * Using gf_conversational when plain permalinks are used for backwards compatibility.
			 */
			'query_var'             => $this->is_plain_permalinks() ? $this->query_var : 'conversational_form',
		);
		register_post_type( 'conversational_form', $args );
	}

	/**
	 * Filter the post type URL to remove the post type slug.
	 *
	 * @since 1.3.0
	 *
	 * @param $post_link
	 * @param $post
	 * @param $leavename
	 *
	 * @return mixed|string|null
	 */
	public function conversational_forms_post_type_permalinks( $post_link, $post, $leavename ) {
		if ( isset( $post->post_type ) && 'conversational_form' == $post->post_type ) {
			$post_link = home_url( $post->post_name );
		}

		return $post_link;
	}

	/**
	 * Make sure that the slug is unique for the conversational_form post type.
	 *
	 * @since 1.3.0
	 *
	 * @param $slug
	 * @param $post_ID
	 * @param $post_status
	 * @param $post_type
	 * @param $post_parent
	 * @param $original_slug
	 *
	 * @return mixed|string
	 */
	function prevent_slug_duplicates( $slug, $post_ID, $post_status, $post_type, $post_parent, $original_slug ) {
		$check_post_types = array(
			'post',
			'page',
			'conversational_form'
		);

		if ( ! in_array( $post_type, $check_post_types ) ) {
			return $slug;
		}

		if ( 'conversational_form' == $post_type ) {
			// Saving a custom_post_type post, check for duplicates in POST or PAGE post types.
			$post_match = get_page_by_path( $slug, 'OBJECT', 'post' );
			$page_match = get_page_by_path( $slug, 'OBJECT', 'page' );

			if ( $post_match || $page_match ) {
				$slug = $this->increment_slug( $slug );
			}
		} else {
			// Saving a POST or PAGE, check for duplicates in conversational_form post type.
			$custom_post_type_match = get_page_by_path( $slug, 'OBJECT', 'conversational_form' );

			if ( $custom_post_type_match ) {
				$slug = $this->increment_slug( $slug );
			}
		}

		$verified = get_transient( 'gf_conversational_form_slug_verified' );
		if ( $slug !== $original_slug && $verified !== $slug ) {
			$slug = wp_unique_post_slug( $slug, $post_ID, $post_status, $post_type, $post_parent );
			set_transient( 'gf_conversational_form_slug_verified', $slug, 10 );
		}

		return $slug;
	}

	/**
	 * Increment a slug by appending a number to the end or increasing the number at the end.
	 *
	 * @since 1.3.0
	 *
	 * @param string $slug
	 * @return string $slug
	 */
	public function increment_slug( $slug ) {
		$slug_parts = explode( '-', $slug );
		$last_part = array_pop( $slug_parts );
		if ( is_numeric( $last_part ) ) {
			$last_part++;
			$slug_parts[] = $last_part;
		} else {
			$slug_parts[] = $last_part;
			$slug_parts[] = 2;
		}
		return implode( '-', $slug_parts );

	}

	/**
	 * Retrieve the template file for the custom post type.
	 *
	 * @since 1.3.0
	 *
	 * @param $template
	 *
	 * @return string
	 */
	public function conversational_form_template( $template ) {
		global $post;

		if ( 'conversational_form' === $post->post_type ) {
			return dirname( __FILE__ ) . '/includes/theme-layers/layers/views/single-conversational_form.php';
		}

		return $template;
	}

	/**
	 * Returns the conversational form page ID when the entry is being saved via an Ajax request (e.g. partial entry).
	 *
	 * @since 1.5
	 *
	 * @param int|null  $id The ID of the post or page where the form submission originated.
	 * @param array     $form The form the entry is being created for.
	 *
	 * @return int|null
	 */
	public function filter_entry_source_id( $id, $form ) {
		if ( ! empty( $id ) || ! defined( 'DOING_AJAX' ) || ! DOING_AJAX || empty( $_POST['gform_conversational_form'] ) ) {
			return $id;
		}

		$referer = wp_get_referer();
		if ( empty( $referer ) ) {
			return $id;
		}

		$path = parse_url( $referer, PHP_URL_PATH );
		if ( empty( $path ) ) {
			return $id;
		}

		$page = get_page_by_path( $path, OBJECT, 'conversational_form' );
		if ( empty( $page ) ) {
			return $id;
		}

		return $page->ID;
	}


	// # SCRIPT AND STYLE METHODS --------------------------------------------------------------------------------------------

	/**
	 * Add required scripts.
	 *
	 * @since 1.0
	 *
	 * @return array[]|mixed
	 */
	public function scripts() {
		$base_url          = trailingslashit( $this->get_base_url() );
		$version           = $this->_version;
		$enqueue_condition = is_admin() ? array( 'admin_page' => array( 'form_settings', 'plugin_settings' ) ) : array( function() { return false; } );

		$scripts = array(
			array(
				'handle'    => 'gform_gfcf_vendor_admin_js',
				'src'       => $base_url . "assets/js/dist/vendor-admin{$this->_asset_min}.js",
				'version'   => $version,
				'in_footer' => false,
				'enqueue'   => $enqueue_condition,
			),
			array(
				'handle'    => 'gform_gfcf_admin_js',
				'src'       => $base_url . "assets/js/dist/scripts-admin{$this->_asset_min}.js",
				'version'   => $version,
				'in_footer' => false,
				'enqueue'   => $enqueue_condition,
			),
		);

		return array_merge( parent::scripts(), $scripts );
	}

	/**
	 * Enqueue media scripts only when needed.
	 *
	 * @since 1.5.0
	 *
	 * @return void
	 */
	public function maybe_enqueue_media() {
		if ( wp_script_is( 'gform_gfcf_admin_js', 'enqueued' ) ) {
			wp_enqueue_media();
		}
	}

	/**
	 * Add required styles.
	 *
	 * @since 1.0
	 *
	 * @return array[]|mixed
	 */
	public function styles() {
		$base_url          = $this->get_base_url();
		$version           = $this->_version;
		$enqueue_condition = is_admin() ? array( 'admin_page' => array( 'form_settings', 'plugin_settings' ) ) : array( function() { return false; } );

		$styles = array(
			array(
				'handle'  => 'gfcf_admin_styles',
				'src'     => $base_url . "/assets/css/dist/admin{$this->_asset_min}.css",
				'version' => $version,
				'enqueue' => $enqueue_condition,
			),
		);

		return array_merge( parent::styles(), $styles );
	}

	public function localize_admin_scripts() {
		$strings = array(
			'endpoints' => array( 'ajaxurl' => admin_url( 'admin-ajax.php' ) ),
		);
		wp_localize_script( 'gform_gfcf_admin_js', 'gfcf_admin_config', $strings );
	}

	public function localize_frontend_scripts( $form, $ajax ) {
		$strings = array(
			'endpoints' => array( 'ajaxurl' => admin_url( 'admin-ajax.php' ) ),
			'data'      => array(
				'animation_settings'     => array(
					'fields'     => array(
						'delay'         => 25,
						'distance_from' => 'calc(-50% + 50px)',
						'distance_to'   => 'calc(-50% + (var(--gf-convo-nav-bar-placeholder) / 2))',
						'duration'      => 150,
						'easing'        => 'ease',
						'in_type'       => 'fadeIn translateY',
						'out_type'      => 'fadeOut',
					),
					'logoNavBar' => array(
						'distance_from' => 0,
						'distance_to'   => 0,
						'duration'      => 1200,
						'in_type'       => 'fadeIn',
					),
					'welcome'    => array(
						'in_distance_from' => '80px',
						'in_distance_to'   => '0px',
						'in_duration'      => 500,
						'in_type'          => 'fadeIn translateY',
						'out_distance_to'  => '0',
						'out_duration'     => 300,
						'out_type'         => 'fadeOut',
					),
					'enabled'    => true,
				),
				'is_conversational_form' => is_conversational_form( $form ),
			),
			'i18n'      => array(
				'unknown_error'  => esc_html__( 'Unknown error. Please try again', 'gravityformsconversationalforms' ),
				'linebreaks_tip' => esc_html__( 'Use Shift + Enter to add line breaks', 'gravityformsconversationalforms' ),
				'empty_form'     => esc_html__( 'There was a problem with your submission. At least one field must be filled out.', 'gravityformsconversationalforms' ),
			),
		);

		/**
		 * Allows the conversational form's global JS data object to be modified.
		 *
		 * @since 1.0.0
		 *
		 * @param array $strings The global JS data object for the conversational form.
		 * @param int   $form_id The ID of the current form.
		 */
		$strings = gf_apply_filters( array( 'gform_gfcf_theme_config', $form['id'] ), $strings, $form['id'] );

		wp_localize_script( 'gform_conversational_scripts_theme', 'gfcf_theme_config', $strings );
	}

	/**
	 * Overrides the form theme slug returned for the conversational form.
	 *
	 * @since 1.0
	 *
	 * @return string
	 */
	public function customize_form_theme_slug( $slug, $form ) {

		return is_conversational_form( $form ) ? 'orbital' : $slug;
	}

	/**
	 * Check if the payment field position notice should be displayed in the form editor.
	 *
	 * @since 1.7.1
	 *
	 * @param array $form The form object.
	 *
	 * @return void
	 */
	public function maybe_show_payment_field_position_notice( $form ) {
		// Check if Conversational Page is enabled on the form.
		if ( ! rgars( $form, 'gf_theme_layers/enable' ) ) {
			return;
		}

		// Check if the notice is disabled via filter.
		if ( $this->is_payment_field_position_notice_disabled( $form ) ) {
			return;
		}

		add_filter( 'gform_field_content', array( $this, 'add_payment_field_position_notice_placeholder' ), 10, 2 );
		add_action( 'gform_editor_js', array( $this, 'show_payment_field_position_notice' ) );
	}

	/**
	 * Add payment field position notice placeholder HTML to payment fields in the form editor.
	 *
	 * @since 1.7.1
	 *
	 * @param string   $field_content The field content.
	 * @param GF_Field $field         The field object.
	 *
	 * @return string
	 */
	public function add_payment_field_position_notice_placeholder( $field_content, $field ) {
		if ( ! GFCommon::is_form_editor() ) {
			return $field_content;
		}

		if ( ! $field->is_payment ) {
			return $field_content;
		}

		$container = '<div class="gfcf-payment-position-notice-container gfcf-hide-while-dragging" data-field-id="' . esc_attr( $field->id ) . '"></div>';

		$pattern         = '/(<legend\s+class=[\'"][^\'"]*gfield_label_before_complex[^\'"]*[\'"][^>]*>(?:(?!<\/legend>|<legend).)*<\/legend>)/is';
		$updated_content = preg_replace( $pattern, '$1' . $container, $field_content, 1 );

		if ( $updated_content !== null && $updated_content !== $field_content ) {
			return $updated_content;
		}

		$pattern         = '/(<label\s+class=[\'"][^\'"]*gfield_label_before_complex[^\'"]*[\'"][^>]*>.*?<\/label>)/is';
		$updated_content = preg_replace( $pattern, '$1' . $container, $field_content, 1 );

		if ( $updated_content === null ) {
			return $field_content;
		}

		return $updated_content;
	}

	/**
	 * Show the payment field position notice in the form editor.
	 *
	 * @since 1.7.1
	 *
	 * @return void
	 */
	public function show_payment_field_position_notice() {
		$message = sprintf(
			// Translators: 1. Opening <a> tag for a documentation link, 2. Closing <a> tag.
			esc_html__( 'Conversational Forms supports payments only if the payment field is the last field in the form. %1$sLearn more%2$s', 'gravityformsconversationalforms' ),
			'<a target="_blank" href="https://docs.gravityforms.com/what-does-the-payment-field-position-notice-mean/" rel="noopener noreferrer">',
			'<span class="screen-reader-text">' . esc_html__( '(opens in a new tab)', 'gravityformsconversationalforms' ) . '</span>&nbsp;<span class="gform-icon gform-icon--external-link" aria-hidden="true"></span></a>'
		);
		$notice_html = sprintf(
			'<div class="gform-alert gform-alert--notice gfcf-payment-position-message" data-js="gform-alert" role="status">' .
			'<span class="gform-alert__icon gform-icon gform-icon--info" aria-hidden="true"></span>' .
			'<div class="gform-alert__message-wrap">' .
			'<p class="gform-alert__message">%s</p>' .
			'</div>' .
			'</div>',
			$message
		);
		?>
		<script type="text/javascript">
			function gfcfCheckPaymentPositions() {
				const notices = document.querySelectorAll( '.gfcf-payment-position-notice-container' );

				if ( ! notices.length ) {
					return;
				}

				const fields = Array.from( document.querySelectorAll( '#gform_fields > .gfield' ) ).filter( field => {
					return field.id !== 'field_submit';
				} );

				if ( ! fields.length ) {
					return;
				}

				const lastFieldId = fields[ fields.length - 1 ].id.replace( 'field_', '' );
				const noticeHtml  = <?php echo wp_json_encode( $notice_html ); ?>;

				notices.forEach( notice => {
					if ( notice.dataset.fieldId !== lastFieldId ) {
						if ( ! notice.innerHTML ) {
							notice.innerHTML = noticeHtml;
						}
						notice.style.display = 'block';
					} else {
						notice.innerHTML = '';
						notice.style.display = 'none';
					}
				} );
			}

			if ( window.jQuery ) {
				jQuery( function( $ ) {

					const addPlaceholder = ( fieldId ) => {
						const fieldElement = $( '#field_' + fieldId );
						if ( fieldElement.length && ! fieldElement.find( '.gfcf-payment-position-notice-container' ).length ) {
							fieldElement.find( '.gfield_label_before_complex' ).after( '<div class="gfcf-payment-position-notice-container gfcf-hide-while-dragging" data-field-id="' + fieldId + '"></div>' );
						}
					};

					const updatePaymentField = ( field ) => {
						if ( field && field.is_payment ) {
							addPlaceholder( field.id );
						}
						gfcfCheckPaymentPositions();
					};

					gfcfCheckPaymentPositions();

					$( document ).on( 'gform_field_added', function( event, form, field ) {
						updatePaymentField( field );
					} );

					// Replace with field_moved when GF 3.0 is released
					$( document ).on( 'dragstop', '#gform_fields .gfield', function() {
						requestAnimationFrame( gfcfCheckPaymentPositions );
					} );

					if ( window.gform && typeof gform.addAction === 'function' ){
						gform.addAction( 'gform_after_field_removed', function ( form, fieldId ) {
							gfcfCheckPaymentPositions();
						} );

						gform.addAction( 'gform_after_refresh_field_preview', function ( fieldId ) {
							if ( typeof GetFieldById === 'function' ) {
								const field = GetFieldById( fieldId );
								updatePaymentField( field );
							}
						} );
					}
				} );
			}
		</script>
		<?php
	}

	/**
	 * Check if the form has a payment field that is not positioned last.
	 *
	 * @since 1.7.1
	 *
	 * @param int|array $form Form ID or form object.
	 *
	 * @return bool True if a payment field exists but is not the last field, false otherwise.
	 */
	public function has_mispositioned_payment_field( $form ) {
		$form = is_array( $form ) ? $form : \GFFormsModel::get_form_meta( $form );

		$fields = rgar( $form, 'fields', array() );
		if ( empty( $fields ) ) {
			return false;
		}

		$excluded_types = array( 'submit' );

		$fields = array_filter(
			$fields,
			function ( $field ) use ( $excluded_types ) {
				return ! in_array( rgar( $field, 'type' ), $excluded_types, true );
			}
		);
		$fields = array_values( $fields );

		if ( empty( $fields ) ) {
			return false;
		}

		$last_field = end( $fields );
		if ( rgar( $last_field, 'is_payment' ) ) {
			return false;
		}

		foreach ( $fields as $field ) {
			if ( rgar( $field, 'is_payment' ) ) {
				return true;
			}
		}

		return false;
	}

	/**
	 * Check if the payment field position notice is disabled via filter.
	 *
	 * @since 1.7.1
	 *
	 * @param array|int $form Form object or Form ID.
	 *
	 * @return bool True if the notice is disabled, false otherwise.
	 */
	public function is_payment_field_position_notice_disabled( $form ) {
		$form = is_array( $form ) ? $form : \GFFormsModel::get_form_meta( $form );

		/**
		 * Filter to disable the payment field position notice in the form editor.
		 *
		 * @since 1.7.1
		 *
		 * @param bool  $disable Whether to disable the notice. Default false.
		 * @param array $form    The form object.
		 */
		return gf_apply_filters( array( 'gform_gfcf_disable_payment_field_position_notice', rgar( $form, 'id' ) ), false, $form );
	}

	// # HELPER METHODS --------------------------------------------------------------------------------------------

	/**
	 * Check if the site is using plain permalinks.
	 *
	 * @since 1.0
	 *
	 * @return bool
	 */
	public function is_plain_permalinks() {
		return get_option( 'permalink_structure' ) == '';
	}

	/**
	 * Retrieve the list of CSS Props from the Theme Layer for usage outside of the main
	 * output engines.
	 *
	 * @since 1.0
	 *
	 * @param       $form_id
	 * @param       $form
	 * @param false $selector
	 *
	 * @return mixed
	 */
	public static function conversational_style_css_props( $form_id, $form, $selector = false ) {
		$layers = \GFForms::get_service_container()->get( \Gravity_Forms\Gravity_Forms\Theme_Layers\GF_Theme_Layers_Provider::THEME_LAYERS );
		$layers  = array_filter( $layers, function ( $layer ) {
			return $layer->name() == 'gravityformsconversationalforms';
		} );

		$layer = array_shift( $layers );

		/**
		 * @var \Gravity_Forms\Gravity_Forms\Theme_Layers\Framework\Engines\Output_Engines\Form_CSS_Properties_Output_Engine $engine
		 */
		$engine    = $layer->output_engine_by_type( \Gravity_Forms\Gravity_Forms\Theme_Layers\Framework\Engines\Output_Engines\Form_CSS_Properties_Output_Engine::class );
		$css_props = $engine ? $engine->generate_props_block( $form_id, $form ) : '';

		if ( $selector ) {
			$css_props = preg_replace( '/<style>[^\{]+{/', '<style>' . $selector . ' {$1', $css_props );
		}

		return $css_props;
	}

	/**
	 * Helper method to get the URL for a given SVG.
	 *
	 * @since 1.0
	 *
	 * @param $name
	 *
	 * @return string
	 */
	private function get_svg_url( $name ) {
		return sprintf( '%s/assets/img/%s.svg', untrailingslashit( plugin_dir_url( __FILE__ ) ), $name );
	}

	/**
	 * Whether the current settings combine to enable Conversational Forms for a given instance
	 * of the form.
	 *
	 * @since 1.0
	 *
	 * @param $settings
	 *
	 * @return bool
	 */
	private function is_enabled( $settings ) {
		if ( ! isset( $settings['enable'] ) || ! $settings['enable'] ) {
			return false;
		}

		if ( rgar( $settings, 'post_id' ) && ! $this->is_full_screen_page( $settings['post_id'] ) ) {
			return false;
		}

		return true;
	}

	/**
	 * Helper method to determine if the current page/post matches the post id
	 * in the Form Settings.
	 *
	 * @since 1.0
	 * @since 1.3.0 Search by post ID instead of slug.
	 *
	 * @param $post_id
	 *
	 * @return bool
	 */
	private function is_full_screen_page( $post_id ) {
		global $wp_query;

		return $wp_query->queried_object_id == $post_id;
	}


	/**
	 * Helper method to get the relevant allowed file types for the file upload settings.
	 * Used to provide the supported file type helper text.
	 *
	 * @since 1.0
	 *
	 * @return array
	 */
	private function get_file_upload_allowed_file_types() {
		// Allowed mime types from WordPress for the current user
		$allowed_mime_types = get_allowed_mime_types();

		// Allowed file types for the file upload settings
		$allowed_file_types = array( 'gif', 'jpg', 'jpeg', 'png' );

		// Add svg to the allowed file types helper text if allowed by WordPress
		if ( array_key_exists( 'svg', $allowed_mime_types ) || array_key_exists( 'svgz', $allowed_mime_types ) ) {
			$allowed_file_types[] = 'svg';
		}

		return $allowed_file_types;
	}

	/**
	 * When a form is duplicated, create a new conversational form post for the duplicate.
	 *
	 * @since 1.3.0
	 *
	 * @param int $form_id
	 * @param int $new_id
	 */
	public function create_post_for_duplicate( $form_id, $new_id ) {
		$form_meta     = \GFFormsModel::get_form_meta( $form_id );
		$new_form_meta = \GFFormsModel::get_form_meta( $new_id );

		if ( ! rgars( $form_meta, 'gf_theme_layers/post_id' ) ) {
			// This form doesn't have a conversational form post, so we don't need to do anything.
			return;
		}

		$original_post = get_post( $form_meta['gf_theme_layers']['post_id'] );

		// Make a new post.
		$post_id = wp_insert_post( array(
			'post_title'  => $new_form_meta['title'],
			'post_type'   => 'conversational_form',
			'post_status' => 'publish',
			'post_name'   => $original_post->post_name,
		) );

		// Save the post id to the form meta.
		$new_form_meta['gf_theme_layers']['post_id'] = $post_id;
		GFFormsModel::update_form_meta( $new_id, $new_form_meta );

		// Save the form id to the post meta.
		update_post_meta( $post_id, 'gf_form_id', $new_id );
	}

	/**
	 * Check if another form is already using this slug.
	 *
	 * @since 1.0
	 *
	 * @param string $slug The slug to check.
	 *
	 * @return bool True if the slug is unique.
	 */
	public function is_unique_slug( $slug ) {
		$forms = \GFFormsModel::get_forms();
		foreach ( $forms as $form ) {
			$form_meta = \GFFormsModel::get_form_meta( $form->id );
			if ( rgars(  $form_meta, 'gf_theme_layers/form_full_screen_slug' ) && $form_meta['gf_theme_layers']['form_full_screen_slug'] == $slug ) {
				return false;
			}
		}

		return true;
	}

	/**
	 * Make sure WordPress doesn't give a post the same URL as a conversational form.
	 *
	 * @since 1.0.0
	 *
	 * @param $bad_slug
	 * @param $slug
	 * @param $post_type
	 *
	 * @return bool Whether the slug is bad.
	 */
	public function is_bad_flat_slug( $bad_slug, $slug, $post_type ) {
		return ! $this->is_unique_slug( $slug );
	}

	/**
	 * Make sure WordPress doesn't give a page the same URL as a conversational form.
	 *
	 * @since 1.0.0
	 *
	 * @param $bad_slug
	 * @param $slug
	 * @param $post_type
	 * @param $parent_post_id
	 *
	 * @return bool Whether the slug is bad.
	 */
	public function is_bad_hierarchical_slug( $bad_slug, $slug, $post_type, $parent_post_id ) {
		return ! $this->is_unique_slug( $slug );
	}

	/**
	 * Defines the various setting fields to display on the Form Settings screen for this theme layer.
	 *
	 * @since 1.0
	 *
	 * @return array[]
	 */
	public function theme_layer_settings_fields() {
		$file_upload_allowed_file_types = $this->get_file_upload_allowed_file_types();
		$form_id                        = rgget( 'id' );
		$form                           = \GFFormsModel::get_form_meta( $form_id );

		return array(
			'conversational_forms_general' => array(
				'title'       => __( 'Conversational Forms', 'gravityformsconversationalforms' ),
				'description' => $this->maybe_show_warning_messages( $form_id ),
				'fields'      => array(

					// Whether to enable the Conversational Form functionality for this form.
					// Note: all fields below are conditional on this being enabled.
					array(
						'name'          => 'enable',
						'label'         => __( 'Enable Conversational Page', 'gravityformsconversationalforms' ),
						'description'   => __( 'Enable a distraction-free conversational page for this form at a unique URL. The form will continue to display as normal when embedded anywhere else on your site.', 'gravityformsconversationalforms' ),
						'type'          => 'toggle',
						'default_value' => false,
						'save_callback' => array( $this, 'maybe_delete_post' ),
						'disabled'      => GFCommon::is_legacy_markup_enabled( $form_id ),
					),

					array(
						'name'                      => 'page_title',
						'label'                     => __( 'Conversational Page Title', 'gravityformsconversationalforms' ),
						'type'                      => 'text',
						'required'                  => true,
						'save_callback'             => array( $this, 'create_post' ),
						'default_value'             => rgar( $form, 'title' ) ? $form['title'] : '',
						'dependency'                => array(
							'live'   => true,
							'fields' => array(
								array(
									'field'  => 'enable',
									'values' => array( true, '1' ),
								),
							),
						),
					),

					// The slug used to display the form as Full Screen.
					array(
						'name'                      => 'form_full_screen_slug',
						'label'                     => __( 'Conversational Page URL', 'gravityformsconversationalforms' ),
						'description'               => __( 'The URL where this form will be displayed in conversational mode. You can edit the URL after you save your settings and the page has been created.', 'gravityformsconversationalforms' ),
						'type'                      => 'permalink',
						'input_prefix'              => trailingslashit( home_url() ) . ( $this->is_plain_permalinks() ? '?' . $this->query_var . '=' : '' ),
						'action_button'             => true,
						'action_button_icon'        => 'external-link',
						'action_button_icon_prefix' => 'gform-icon',
						'action_button_text'        => __( 'View Form', 'gravityformsconversationalforms' ),
						'required'                  => false,
						'value_callback'            => $this->get_post_url(),
						'save_callback'             => array( $this, 'update_permalink' ),
						'default_value'             => rgar( $form, 'title' ) ? sanitize_title( $form['title'] ) : '',
						'dependency'                => array(
							'live'   => true,
							'fields' => array(
								array(
									'field'  => 'enable',
									'values' => array( true, '1' ),
								),
							),
						),
					),

				),
			),

			'conversational_forms_design' => array(
				'title'       => __( 'Form Design', 'gravityformsconversationalforms' ),
				'fields'       => array(

					// The layout to use for the page (left, right, or full-width).
					array(
						'name'          => 'page_layout',
						'label'         => __( 'Layout', 'gravityformsconversationalforms' ),
						'type'          => 'radio',
						'image_select'  => true,
						'default_value' => 'center',
						'choices'       => array(
							array(
								'value' => 'left',
								'label' => __( 'Left Aligned', 'gravityformsconversationalforms' ),
								'icon'  => $this->get_svg_url( 'left-aligned' ),
							),
							array(
								'value' => 'center',
								'label' => __( 'Center', 'gravityformsconversationalforms' ),
								'icon'  => $this->get_svg_url( 'full-width' ),
							),
							array(
								'value' => 'right',
								'label' => __( 'Right Aligned', 'gravityformsconversationalforms' ),
								'icon'  => $this->get_svg_url( 'right-aligned' ),
							),
						),
					),

					// The background color to use for the form.
					array(
						'name'          => 'background_color',
						'label'         => __( 'Background Color', 'gravityformsconversationalforms' ),
						'type'          => 'swatch',
						'palette'       => array(
							'#161616',
							'#fdfdff',
							'#204CE5',
							'#719e76',
							'#6868a9',
							'#e5a133',
							'#f5cb3c',
						),
						'allow_new'     => true,
						'default_value' => '#fdfdff',
					),

					// The color to use for form field accents.
					array(
						'name'          => 'accent_color',
						'label'         => __( 'Form Accent Color', 'gravityformsconversationalforms' ),
						'description'   => __( 'Used for various form elements, such as buttons and progress bars.', 'gravityformsconversationalforms' ),
						'type'          => 'swatch',
						'palette'       => array(
							'#161616',
							'#204CE5',
							'#719e76',
							'#6868a9',
							'#e5a133',
							'#f5cb3c',
						),
						'allow_new'     => true,
						'default_value' => '#204CE5',
					),

					// The color to use for form field control accents.
					array(
						'name'          => 'accent_color_control',
						'label'         => __( 'Input Accent Color', 'gravityformsconversationalforms' ),
						'description'   => __( 'Used for aspects of individual form inputs, such as checkmarks and dropdown choices.', 'gravityformsconversationalforms' ),
						'type'          => 'swatch',
						'palette'       => array(
							'#161616',
							'#204CE5',
							'#719e76',
							'#6868a9',
							'#e5a133',
							'#f5cb3c',
						),
						'allow_new'     => true,
						'default_value' => '#204CE5',
					),

					// The color to use for text.
					array(
						'name'          => 'text_color',
						'label'         => __( 'Text Color', 'gravityformsconversationalforms' ),
						'type'          => 'swatch',
						'palette'       => array(
							'#161616',
							'#fdfdff',
						),
						'allow_new'     => true,
						'default_value' => '#161616',
					),

					// Whether to display a logo.
					// Note: all fields below are conditional on this being enabled.
					array(
						'name'          => 'enable_logo',
						'label'         => __( 'Enable Logo', 'gravityformsconversationalforms' ),
						'type'          => 'toggle',
						'default_value' => false,
					),

					// Defines an image to use as a logo on the intro screen and confirmation page.
					array(
						'name'          => 'logo',
						'label'         => __( 'Logo', 'gravityformsconversationalforms' ),
						'type'          => 'file_upload',
						'allowed_types' => $file_upload_allowed_file_types,
						'max_width'     => '140',
						'max_height'    => '80',
						'dependency'    => array(
							'live'   => true,
							'fields'  => array(
								array(
									'field'   => 'enable_logo',
									'values' => array( true, '1' ),
								),
							),
						),
					),

					// Defines an optional link to use for the logo on the intro screen and confirmation page.
					array(
						'name'          => 'logo_link',
						'label'         => __( 'Logo Link', 'gravityformsconversationalforms' ),
						'type'          => 'text',
						'dependency'    => array(
							'live'   => true,
							'fields'  => array(
								array(
									'field'   => 'enable_logo',
									'values' => array( true, '1' ),
								),
							),
						),
					),

					// Whether to customize the background settings for the form.
					// Note: all fields below are conditional on this being enabled.
					array(
						'name'          => 'enable_background_image_settings',
						'label'         => __( 'Enable Background Image', 'gravityformsconversationalforms' ),
						'type'          => 'toggle',
						'default_value' => false,
					),

					// An optional background image to use for the form.
					array(
						'name'          => 'background_image',
						'label'         => __( 'Background Image', 'gravityformsconversationalforms' ),
						'allowed_types' => $file_upload_allowed_file_types,
						'type'          => 'file_upload',
						'max_width'     => '3456',
						'max_height'    => '2234',
						'dependency'    => array(
							'live'  => true,
							'fields' => array(
								array(
									'field'   => 'enable_background_image_settings',
									'values' => array( true, '1' ),
								),
							),
						),
					),

					// Controls the opacity of a background overlay
					// 0% is fully-black, 100% is full brightness/no overlay.
					array(
						'name'                 => 'background_image_overlay_brightness',
						'label'                => __( 'Background Image Brightness', 'gravityformsconversationalforms' ),
						'description'          => __( 'Adjust the brightness of your background image to ensure your form elements are legible when displayed against it. (Lower values result in a darker background).', 'gravityformsconversationalforms' ),
						'type'                 => 'range',
						'min'                  => 0,
						'max'                  => 100,
						'step'                 => 1,
						'show_value'           => true,
						'value_suffix'          => '%',
						'value_input_position' => 'after',
						'default_value'        => 50,
						'dependency'           => array(
							'live'  => true,
							'fields' => array(
								array(
									'field'   => 'enable_background_image_settings',
									'values' => array( true, '1' ),
								),
							),
						),
					),
				),
				'dependency'   => array(
					'live'  => true,
					'fields' => array(
						array(
							'field'   => 'enable',
							'values' => array( true, '1' ),
						),
					),
				),
			),

			'conversational_forms_welcome_screen' => array(
				'title'       => __( 'Welcome Screen', 'gravityformsconversationalforms' ),
				'fields'       => array(

					// Whether to display a form welcome screen.
					// Note: all fields below are conditional on this being enabled.
					array(
						'name'          => 'enable_welcome_screen',
						'label'         => __( 'Enable Welcome Screen', 'gravityformsconversationalforms' ),
						'type'          => 'toggle',
						'default_value' => false,
					),

					// An optional title to display on the welcome screen.
					array(
						'name'       => 'welcome_screen_title',
						'label'      => __( 'Heading', 'gravityformsconversationalforms' ),
						'type'       => 'text',
						'dependency' => array(
							'live'  => true,
							'fields' => array(
								array(
									'field'   => 'enable_welcome_screen',
									'values' => array( true, '1' ),
								),
							),
						),
					),

					// An optional message to display on the welcome screen.
					array(
						'name'       => 'welcome_screen_message',
						'label'      => __( 'Description', 'gravityformsconversationalforms' ),
						'type'       => 'textarea',
						'use_editor' => false,
						'allow_html' => true,
						'dependency' => array(
							'live'  => true,
							'fields' => array(
								array(
									'field'   => 'enable_welcome_screen',
									'values' => array( true, '1' ),
								),
							),
						),
					),

					// The text to display for the "get started" button on the welcome screen.
					array(
						'name'          => 'welcome_screen_button_text',
						'label'         => __( 'Start Button Text', 'gravityformsconversationalforms' ),
						'required'      => true,
						'type'          => 'text',
						'default_value' => __( 'Start', 'gravityformsconversationalforms' ),
						'dependency'    => array(
							'live'  => true,
							'fields' => array(
								array(
									'field'   => 'enable_welcome_screen',
									'values' => array( true, '1' ),
								),
							),
						),
					),

					// An optional inline image to display on the welcome screen.
					array(
						'name'          => 'welcome_screen_image',
						'label'         => __( 'Image', 'gravityformsconversationalforms' ),
						'type'          => 'file_upload',
						'allowed_types' => $file_upload_allowed_file_types,
						'max_width'     => '1910',
						'max_height'    => '525',
						'dependency'    => array(
							'live'  => true,
							'fields' => array(
								array(
									'field'   => 'enable_welcome_screen',
									'values' => array( true, '1' ),
								),
							),
						),
					),

					// An optional alternate text to use for the inline image on the welcome screen.
					array(
						'name'       => 'welcome_screen_image_alt_text',
						'label'      => __( 'Image Alternate Text', 'gravityformsconversationalforms' ),
						'type'       => 'text',
						'required'   => false,
						'dependency' => array(
							'live'  => true,
							'fields' => array(
								array(
									'field'   => 'enable_welcome_screen',
									'values' => array( true, '1' ),
								),
							),
						),
					),
				),
				'dependency'    => array(
					'live'  => true,
					'fields' => array(
						array(
							'field'   => 'enable',
							'values' => array( true, '1' ),
						),
					),
				),
			),

			'conversational_forms_form_text_settings' => array(
				'title'      => __( 'Buttons', 'gravityformsconversationalforms' ),
				'fields'     => array(
					array(
						'name'          => 'continue_button_text',
						'label'         => __( 'Continue Button Text', 'gravityformsconversationalforms' ),
						'type'          => 'text',
						'required'      => true,
						'default_value' => esc_html__( 'Continue', 'gravityformsconversationalforms' ),
					),
				),
				'dependency' => array(
					'live'   => true,
					'fields' => array(
						array(
							'field'  => 'enable',
							'values' => array( true, '1' ),
						),
					),
				),
			),

			'conversational_forms_form_navigation' => array(
				'title'       => __( 'Footer', 'gravityformsconversationalforms' ),
				'fields'       => array(

					// The background color to use for the form navigation.
					array(
						'name'          => 'navigation_background_color',
						'label'         => __( 'Footer Background Color', 'gravityformsconversationalforms' ),
						'description'   => __( 'By default, this color is generated from the form accent color selected above. Use this setting if you want to override the automatically-generated color.', 'gravityformsconversationalforms' ),
						'type'          => 'swatch',
						'palette'       => array(),
						'allow_new'     => true,
						'default_value' => '',
					),

					// Whether to display a progress bar or simple pagination for the form.
					// Note: all fields below are conditional on this being enabled.
					array(
						'name'          => 'enable_progress_bar',
						'label'         => __( 'Enable Progress Bar', 'gravityformsconversationalforms' ),
						'type'          => 'toggle',
						'default_value' => false,
					),

					// The style of progress bar label - either percentage (0%, etc) or proportion (1/5, 2/5, etc).
					array(
						'name'          => 'progress_bar_progression_type',
						'label'         => __( 'Progression Type', 'gravityformsconversationalforms' ),
						'default_value' => 'percentage',
						'type'          => 'radio',
						'horizontal'    => true,
						'choices'       => array(
							array(
								'value' => 'percentage',
								'label' => __( 'Percentage', 'gravityformsconversationalforms' ),
							),
							array(
								'value' => 'proportion',
								'label' => __( 'Proportion', 'gravityformsconversationalforms' ),
							),
						),
						'dependency'    => array(
							'live'  => true,
							'fields' => array(
								array(
									'field'   => 'enable_progress_bar',
									'values' => array( true, '1' ),
								),
							),
						),
					),

					// The background color to use for the progress bar. Overrides auto gen.
					array(
						'name'          => 'progress_bar_background_color',
						'label'         => __( 'Bar Background Color', 'gravityformsconversationalforms' ),
						'description'   => __( 'By default, this color is generated from the form accent color selected above. Use this setting if you want to override the automatically-generated color.', 'gravityformsconversationalforms' ),
						'type'          => 'swatch',
						'palette'       => array(),
						'allow_new'     => true,
						'default_value' => '',
						'dependency'    => array(
							'live'  => true,
							'fields' => array(
								array(
									'field'   => 'enable_progress_bar',
									'values' => array( true, '1' ),
								),
							),
						),
					),

					// The foreground color to use for the progress bar. Overrides auto gen.
					array(
						'name'          => 'progress_bar_foreground_color',
						'label'         => __( 'Bar Foreground Color', 'gravityformsconversationalforms' ),
						'description'   => __( 'By default, this color is generated from the form accent color selected above. Use this setting if you want to override the automatically-generated color.', 'gravityformsconversationalforms' ),
						'type'          => 'swatch',
						'palette'       => array(),
						'allow_new'     => true,
						'default_value' => '',
						'dependency'    => array(
							'live'  => true,
							'fields' => array(
								array(
									'field'   => 'enable_progress_bar',
									'values' => array( true, '1' ),
								),
							),
						),
					),
				),
				'dependency'   => array(
					'live'  => true,
					'fields' => array(
						array(
							'field'   => 'enable',
							'values' => array( true, '1' ),
						),
					),
				),
			),
		);
	}

	/**
	 * Display warning messages in the Conversational Forms settings panel.
	 *
	 * @since 1.0
	 * @since 1.7.1 Renamed from maybe_show_legacy_message and added payment field position error.
	 *
	 * @param $form_id
	 *
	 * @return string
	 */
	public function maybe_show_warning_messages( $form_id ) {
		$messages = '';

		if ( GFCommon::is_legacy_markup_enabled( $form_id ) ) {
			$message   = esc_html__( 'This form is using legacy markup, which is not supported in Conversational Forms.  Please turn off Legacy Markup in the form settings to enable a Conversational Page for this form.', 'gravityformsconversationalforms' );
			$messages .= "<div class='gform-alert gform-alert--error'>
				<span class='gform-alert__icon gform-icon gform-icon--circle-error-fine' aria-hidden='true'></span>
				<div class='gform-alert__message-wrap'>
				<p class='gform-alert__message'>{$message}</p>
				</div>
				</div>";
		}

		if ( $this->is_payment_field_position_notice_disabled( $form_id ) ) {
			return $messages;
		}

		if ( $this->has_mispositioned_payment_field( $form_id ) ) {
			$message = sprintf(
				// Translators: 1. Opening <a> tag for a documentation link, 2. Closing <a> tag.
				esc_html__( 'This form contains a payment field. Conversational Forms supports payments only if the payment field is the last field in the form. %1$sLearn more%2$s', 'gravityformsconversationalforms' ),
				'<a target="_blank" href="https://docs.gravityforms.com/what-does-the-payment-field-position-notice-mean/" rel="noopener noreferrer">',
				'<span class="screen-reader-text">' . esc_html__( '(opens in a new tab)', 'gravityformsconversationalforms' ) . '</span>&nbsp;<span class="gform-icon gform-icon--external-link" aria-hidden="true"></span></a>'
			);
			$messages .= "<div class='gform-alert gform-alert--notice'>
				<span class='gform-alert__icon gform-icon gform-icon--info' aria-hidden='true'></span>
				<div class='gform-alert__message-wrap'>
				<p class='gform-alert__message'>{$message}</p>
				</div>
				</div>";
		}

		return $messages;
	}

	/**
	 * When the "enable" field is saved, delete the post if it exists.
	 *
	 * @since 1.3.0
	 *
	 * @param $field
	 * @param $value
	 *
	 * @return bool
	 */
	public function maybe_delete_post( $field, $value ) {
		if( 1 !== intval( $value ) ) {
			$form_id = rgget( 'id' );
			$form_meta = \GFFormsModel::get_form_meta( $form_id );

			if ( rgars( $form_meta, 'gf_theme_layers/post_id' ) ) {
				$post_id = $form_meta['gf_theme_layers']['post_id'];
				wp_delete_post( $post_id );

				$form_meta['gf_theme_layers']['post_id'] = '';
				GFFormsModel::update_form_meta( $form_id, $form_meta );
			}
		}

		return $value;
	}

	/**
	 * When the Conversational Form is deleted, delete the post as well.
	 *
	 * @since 1.7
	 *
	 * @param int $form_id ID of the form that's been deleted.
	 */
	public function form_deleted( $form_id ) {

		$form_meta = \GFFormsModel::get_form_meta( $form_id );
		$post_id = rgars( $form_meta, 'gf_theme_layers/post_id' );

		if ( $post_id ) {

			wp_delete_post( $post_id );

		}
	}

	/**
	 * Updates the post status when the form is_active property is toggled.
	 *
	 * @since 1.7
	 *
	 * @param int $form_id ID of the form that's been marked as active or inactive.
	 */
	public function form_post_status( $form_id ) {

		$form_meta = \GFFormsModel::get_form_meta( $form_id );
		$post_id   = rgars( $form_meta, 'gf_theme_layers/post_id' );
		$post      = $post_id ? get_post( $post_id ): null;

		if ( $post ) {
			$post->post_status = str_ends_with( current_action(), 'deactivated' ) ? 'draft' : 'publish';
			wp_update_post( $post );
		}

	}

	/**
	 * When the "page title" field is saved, create a new post for the form.
	 *
	 * @since 1.3.0
	 *
	 * @param $field
	 * @param $value
	 *
	 * @return string The post title.
	 */
	public function create_post( $field, $value ) {
		$form_id = rgget( 'id' );
		$form_meta = \GFFormsModel::get_form_meta( $form_id );

		// We already have a post, so let's update it.
		if ( rgars( $form_meta, 'gf_theme_layers/post_id' ) ) {
			$post_id          = $form_meta['gf_theme_layers']['post_id'];
			$post             = get_post( $post_id );

			if ( $post->post_title !== $value ) {
				$post->post_title = $value;
				// Prevent unneeded slug checks that causes issues saving the conversational forms settings.
				remove_filter( 'wp_unique_post_slug', array( $this, 'prevent_slug_duplicates' ), 10, 6 );
				remove_filter( 'wp_unique_post_slug_is_bad_flat_slug', array( $this, 'is_bad_flat_slug' ), 10, 4 );
				remove_filter( 'wp_unique_post_slug_is_bad_hierarchical_slug', array( $this, 'is_bad_hierarchical_slug' ), 10, 5 );
				wp_update_post( $post );
			}
			return $post->post_title;
		}

		// We need to make a new post.
		$post_id = wp_insert_post( array(
			'post_title'  => $value,
			'post_type'   => 'conversational_form',
			'post_status' => 'publish',
		) );

		// Add the post id to POST.
		$form_meta['gf_theme_layers']['post_id'] = $post_id;
		GFFormsModel::update_form_meta( $form_id, $form_meta );

		// Save the form id to the post meta.
		update_post_meta( $post_id, 'gf_form_id', $form_id );

		$post = get_post( $post_id );
		return $post->post_title;
	}

	/**
	 * When the "permalink" field is saved, update the post.
	 *
	 * @since 1.3.0
	 *
	 * @param $field
	 * @param $value
	 *
	 * @return string The post slug.
	 */
	public function update_permalink( $field, $value ) {
		$form_id = rgget( 'id' );
		$form_meta = \GFFormsModel::get_form_meta( $form_id );

		if ( ! rgars( $form_meta, 'gf_theme_layers/post_id' ) ) {
			return '';
		}

		$post_id = $form_meta['gf_theme_layers']['post_id'];
		$post    = get_post( $post_id );
		$slug    = $post->post_name;

		if ( $slug == $value ) {
			return $post->post_name;
		}

		// Update the post name.
		$post->post_name = sanitize_title( $value );
		wp_update_post( $post );

		return $post->post_name;
	}

	/**
	 * Get the URL for a post.
	 *
	 * @since 1.3.0
	 *
	 * @return callable
	 */
	public function get_post_url( ) {
		$form_id = rgget( 'id' );
		$form_meta = \GFFormsModel::get_form_meta( $form_id );

		if ( rgars( $form_meta, 'gf_theme_layers/post_id' ) ) {
			$post_id = $form_meta['gf_theme_layers']['post_id'];
			$post    = get_post( $post_id );

			return $post->post_name;
		}

		return '';
	}

	/**
	 * The fields/views to override for this theme layer.
	 *
	 * @since 1.0
	 *
	 * @return string[]
	 */
	public function theme_layer_overridden_fields() {
		return array(
			'form' => Form_View::class,
			'all'  => Conversational_Field_View::class,
		);
	}

	/**
	 * The form CSS properties to output based on settings, block settings, or arbitrary conditions.
	 *
	 * These styles are output as a style block both at the top of every form wrapper, as well as
	 * at the top of the Full Screen template.
	 *
	 * @since 1.0
	 *
	 * @param $form_id
	 * @param $settings
	 * @param $block_settings
	 *
	 * @return array|null[]
	 */
	public function theme_layer_form_css_properties( $form_id, $settings, $block_settings ) {
		if ( ! $this->is_enabled( $settings ) ) {
			return array();
		}

		$color_modifier = new Colors\Color_Modifier();

		// Form Accent Color Handling
		$is_accent_dark          = $this->is_dark_color( $settings['accent_color'] );
		$accent_color_rgb        = $color_modifier->convert_hex_to_rgb( $settings['accent_color'] );
		$accent_color_presets    = $is_accent_dark ? array(
			// palette shade
			array( 's' => -0.03, 'l' => - 0.06 ),
			// --gf-convo-prog-bar-bg-color
			array( 's' => 0.21, 'l' => 0.37 ),
			// --gf-convo-nav-bg-color
			array( 's' => 0.21, 'l' => 0.455 ),
		) : array(
			// palette shade
			array( 's' => -0.03, 'l' => - 0.06 ),
			// --gf-convo-prog-bar-bg-color
			array( 's' => 0.21, 'l' => 0.37 ),
			// --gf-convo-nav-bg-color
			array( 's' => -0.5, 'l' => -0.4 ),
		);
		$accent_color_variations = $color_modifier->make_variations_from_rgb(
			$accent_color_rgb['r'],
			$accent_color_rgb['g'],
			$accent_color_rgb['b'],
			$accent_color_presets
		);

		// Input Accent Color Handling
		$accent_color_control            = isset( $settings['accent_color_control'] ) ? $settings['accent_color_control'] : $settings['accent_color'];
		$is_accent_control_dark          = $this->is_dark_color( $accent_color_control );
		$accent_color_control_rgb        = $color_modifier->convert_hex_to_rgb( $accent_color_control );
		$accent_color_control_presets    = array(
			// palette shade
			array( 's' => -0.03, 'l' => - 0.06 ),
		);
		$accent_color_control_variations = $color_modifier->make_variations_from_rgb(
			$accent_color_control_rgb['r'],
			$accent_color_control_rgb['g'],
			$accent_color_control_rgb['b'],
			$accent_color_control_presets
		);

		$color_palette = array(
			'primary'                => array(
				'color'              => $settings['accent_color'],
				'color-rgb'          => $this->darken_color( $settings['accent_color'], 0, 'rgb' ),
				'color-contrast'     => $is_accent_dark ? '#fdfdff' : '#161616',
				'color-contrast-rgb' => $is_accent_dark ? array( '253', '253', '255' ) : array( '22', '22', '22' ),
				'color-darker'       => $color_modifier->convert_rgb_to_hex( round( $accent_color_variations[0]['r'] ), round( $accent_color_variations[0]['g'] ), round( $accent_color_variations[0]['b'] ) ),
			),
			'inside-control-primary' => array(
				'color'              => $accent_color_control,
				'color-rgb'          => self::darken_color( $accent_color_control, 0, 'rgb' ),
				'color-contrast'     => $is_accent_control_dark ? '#fdfdff' : '#161616',
				'color-contrast-rgb' => $is_accent_control_dark ? array( '253', '253', '255' ) : array( '22', '22', '22' ),
				'color-darker'       => $color_modifier->convert_rgb_to_hex( round( $accent_color_control_variations[0]['r'] ), round( $accent_color_control_variations[0]['g'] ), round( $accent_color_control_variations[0]['b'] ) ),
			),
		);

		// text vars
		$description_text_rgb   = $color_modifier->convert_hex_to_rgb( $settings['text_color'] );
		$description_text_color = sprintf( 'rgba(%s, %s, %s, 0.8)', $description_text_rgb['r'], $description_text_rgb['g'], $description_text_rgb['b'] );

		// nav vars
		$nav_background_color_initial = ! empty( $settings['navigation_background_color'] )
			? $settings['navigation_background_color']
			: $color_modifier->convert_rgb_to_hex( round( $accent_color_variations[2]['r'] ), round( $accent_color_variations[2]['g'] ), round( $accent_color_variations[2]['b'] ) );

		$nav_background_color_rgb = $color_modifier->convert_hex_to_rgb( $nav_background_color_initial );
		$nav_background_color = sprintf( 'rgba(%s, %s, %s, %s)', $nav_background_color_rgb['r'], $nav_background_color_rgb['g'], $nav_background_color_rgb['b'], 0.9 );

		$progress_bar_label_color      = $this->is_dark_color( $nav_background_color_initial ) ? '#fdfdff' : '#161616';
		$progress_bar_background_color = ! empty( $settings['progress_bar_background_color'] )
			? $settings['progress_bar_background_color']
			: $color_modifier->convert_rgb_to_hex( round( $accent_color_variations[1]['r'] ), round( $accent_color_variations[1]['g'] ), round( $accent_color_variations[1]['b'] ) );
		$progress_bar_foreground_color = ! empty( $settings['progress_bar_foreground_color'] )
			? $settings['progress_bar_foreground_color']
			: $color_palette['primary']['color'];

		$core_styles = array(
			/*
			 * Global CSS API | Gravity Forms
			 */

			// Global CSS API: Theme
			'gf-color-primary'              => $color_palette['primary']['color'],
			'gf-color-primary-rgb'          => implode( ', ', $color_palette['primary']['color-rgb'] ),
			'gf-color-primary-contrast'     => $color_palette['primary']['color-contrast'],
			'gf-color-primary-contrast-rgb' => implode( ', ', $color_palette['primary']['color-contrast-rgb'] ),
			'gf-color-primary-darker'       => $color_palette['primary']['color-darker'],

			'gf-color-in-ctrl-primary'              => $color_palette['inside-control-primary']['color'],
			'gf-color-in-ctrl-primary-rgb'          => implode( ', ', $color_palette['inside-control-primary']['color-rgb'] ),
			'gf-color-in-ctrl-primary-contrast'     => $color_palette['inside-control-primary']['color-contrast'],
			'gf-color-in-ctrl-primary-contrast-rgb' => implode( ', ', $color_palette['inside-control-primary']['color-contrast-rgb'] ),
			'gf-color-in-ctrl-primary-darker'       => $color_palette['inside-control-primary']['color-darker'],

			// Global CSS API | Control Colors
			'gf-ctrl-readonly-color'         => $settings['text_color'],
			'gf-ctrl-label-color-primary'    => $settings['text_color'],
			'gf-ctrl-label-color-secondary'  => $settings['text_color'],
			'gf-ctrl-label-color-tertiary'   => $description_text_color,
			'gf-ctrl-desc-color'             => $description_text_color,
			'gf-ctrl-label-color-quaternary' => $description_text_color,
		);

		$convo_styles = array(

			/*
			 * Global CSS API | Conversational Forms Add-On
			 */

			// Global CSS API | Conversational Forms Add-On: Theme
			'gf-convo-color-text'           => $settings['text_color'],
			'gf-convo-color-text-secondary' => $description_text_color,

			// Global CSS API | Conversational Forms Add-On: Base
			'gf-convo-bg-color' => $settings['background_color'],

			// Global CSS API | Conversational Forms Add-On: Form - Navigation
			'gf-convo-nav-bg-color' => $nav_background_color,

			// Global CSS API | Conversational Forms Add-On: Form - Progress Bar
			'gf-convo-prog-bar-label-color'       => $progress_bar_label_color,
			'gf-convo-prog-bar-bg-color'          => $progress_bar_background_color,
			'gf-convo-prog-bar-bg-color-progress' => $progress_bar_foreground_color,
		);

		return array_merge( $core_styles, $convo_styles );
	}

	/**
	 * Checks if the version of Gravity Forms used supports
	 * the theme framework enqueuing system.
	 *
	 * @since 1.4.1
	 *
	 * @return bool
	 */
	public function supports_theme_enqueuing() {
		return method_exists( 'GFAddOn', 'get_theme_layer_styles' );
	}

	/**
	 * An array of styles to enqueue.
	 *
	 * @since 1.0
	 *
	 * @param $form
	 * @param $ajax
	 * @param $settings
	 * @param $block_settings
	 *
	 * @return array
	 */
	public function theme_layer_styles( $form, $ajax, $settings, $block_settings = array() ) {

		if ( ! ( $this->is_enabled( $settings ) && is_conversational_form( $form ) ) ) {
			return array();
		}

		// Use the theme layer styles from the base class if supported.
		if ( $this->supports_theme_enqueuing() ) {
			return $this->get_theme_layer_styles( $form );
		}

		// For older versions of Gravity Forms, we need to manually define the styles.
		$base_url = $this->get_base_url();

		return array(
			'foundation' => array(
				array(
					'gravity_forms_conversational_foundation',
					$base_url . "/assets/css/dist/theme-foundation{$this->_asset_min}.css",
					array(
						'gravity_forms_theme_reset',
						'gravity_forms_theme_foundation',
					),
				),
			),
			'framework' => array(
				array(
					'gravity_forms_conversational_theme',
					$base_url . "/assets/css/dist/theme-framework{$this->_asset_min}.css",
					array(
						'gravity_forms_theme_framework',
						'gravity_forms_orbital_theme',
					),
				),
			),
		);
	}

	/**
	 * An array of scripts to enqueue.
	 *
	 * @since 1.0
	 *
	 * @param $form
	 * @param $ajax
	 * @param $settings
	 * @param $block_settings
	 *
	 * @return array
	 */
	public function theme_layer_scripts( $form, $ajax, $settings, $block_settings = array() ) {
		if ( ! $this->is_enabled( $settings ) ) {
			return array();
		}

		$base_url = trailingslashit( $this->get_base_url() );

		return array(
			array(
				'gform_conversational_scripts_theme',
				$base_url . "assets/js/dist/scripts-theme{$this->_asset_min}.js",
			),
			array(
				'gform_conversational_vendor_theme',
				$base_url . "assets/js/dist/vendor-theme{$this->_asset_min}.js",
			),
		);
	}

	/**
	 * Field validation AJAX handler.
	 *
	 * @since 1.0
	 *
	 * @return void
	 */
	public function validate_field() {

		$form_id  = absint( rgpost( 'form_id' ) );
		$field_id = absint( rgpost( 'field_id' ) );

		$query_string = rgpost( 'query_string' );

		// Making the query string available for use with form filters.
		if ( ! empty( $query_string ) && is_string( $query_string ) ) {
			parse_str( $query_string, $query );
			unset( $query['gf_page'] );
			$_GET = array_merge( $_GET, $query );
		}

		\GFFormsModel::set_uploaded_files( $form_id );

		$result = \GFAPI::validate_field( $form_id, $field_id );

		if ( is_wp_error( $result ) ) {
			$error_message = $result->get_error_code() == 'not_supported' ? '' : $result->get_error_message();
		} elseif ( ! $result['is_valid'] ) {
			$error_message = ! empty( $result['message'] ) ? $result['message'] : esc_html__( 'Please enter a valid value.', 'gravityformsconversationalforms' );
		} else {
			$error_message = '';
		}

		wp_send_json_success( $error_message );
	}

	/**
	 * The icon to use for displaying on settings pages, etc.
	 *
	 * @since 1.0
	 *
	 * @return string
	 */
	public function theme_layer_icon() {
		return 'gform-icon--conversational';
	}

	public function get_menu_icon() {
		return $this->theme_layer_icon();
	}

	/**
	 * Filter form actions to add additional actions.
	 *
	 * @since 1.0
	 *
	 * @param array  $form_actions Form actions to display for the form.
	 * @param string $form_id      The form ID.
	 *
	 * @return array The filtered form actions.
	 */
	public function filter_form_actions( $form_actions, $form_id ) {
		// Return early if on trash page.
		if ( rgget( 'filter' ) === 'trash' ) {
			return $form_actions;
		}

		// Make sure form ID exists.
		if ( empty( $form_id ) ) {
			return $form_actions;
		}

		$form = \GFFormsModel::get_form_meta( $form_id );

		// Return early if conversational forms is not enabled.
		if ( empty( $form['gf_theme_layers']['enable'] ) ) {
			return $form_actions;
		}

		// Return early if there is no post id.
		if ( empty( $form['gf_theme_layers']['post_id'] ) || ! get_post( intval( $form['gf_theme_layers']['post_id'] ) ) ) {
			return $form_actions;
		}

		$post = get_post( intval( $form['gf_theme_layers']['post_id'] ) );

		$permalink = $this->is_plain_permalinks() ? trailingslashit( get_bloginfo( 'url' ) ) . '?gf_conversational=' . $post->post_name : get_permalink( $post );

		// Add conversational preview before duplicate.
		$form_actions['view_conversational'] = array(
			'label'        => esc_html__( 'View Conversational Form', 'gravityforms' ),
			'aria-label'   => esc_html__( 'View this conversational form', 'gravityforms' ),
			'url'          => $permalink,
			'menu_class'   => 'gf_form_toolbar_view_conversational',
			'capabilities' => 'gravityforms_preview_forms',
			'target'       => '_blank',
			'priority'     => 650,
		);

		return $form_actions;
	}

	/**
	 * When you import a form with conversational forms enabled, create a new post for the form.
	 *
	 * @since 1.3.0
	 *
	 * @param $forms
	 */
	public function create_post_after_import( $forms ) {
		foreach ( $forms as $form ) {
			if ( ! rgars( $form, 'gf_theme_layers/enable' ) && ! rgars( $form, 'gf_theme_layers/post_id' ) ) {
				continue;
			}

			$post_id = wp_insert_post( array(
				'post_title'  => $form['title'],
				'post_type'   => 'conversational_form',
				'post_status' => 'publish',
			) );

			$form['gf_theme_layers']['post_id'] = $post_id;
			GFFormsModel::update_form_meta( $form['id'], $form );

			// Save the form id to the post meta.
			update_post_meta( $post_id, 'gf_form_id', $form['id'] );
		}
	}

	/**
	 * In forms with pages, the target page should always be 0 because pages don't matter.
	 *
	 * @since 1.0
	 *
	 * @param $target_page
	 * @param $form
	 *
	 * @return int
	 */
	public function filter_target_page( $target_page, $form ) {
		if ( is_conversational_form( $form ) ) {
			return 0;
		}
		return $target_page;
	}

	/**
	 * Filter and customize the form based on conversational form requirements.
	 *
	 * @since 1.0
	 *
	 * @param array $form The form array.
	 *
	 * @return array
	 */
	public function customize_form_settings( $form ) {
		if ( is_conversational_form( $form ) ) {

			// Disable animated transitions because they interfere with conversational animations.
			$form['enableAnimation'] = 0;

			// Set the label placement to top_label if the form is a conversational form.
			$form['labelPlacement'] = 'top_label';

			// Override the button location and image URL settings to ensure consistent behavior in conversational forms.
			if ( ! isset( $form['button'] ) ) {
				$form['button'] = array();
			}
			$form['button']['location'] = 'bottom';
			$form['button']['imageUrl'] = '';
		}

		// Set a key to use as a conditional based on whether this is a conversational form or not.
		$form['is_conversational_form'] = is_conversational_form( $form );

		return $form;
	}

	/**
	 * Filter the form button to add a unique field to the form.
	 *
	 * @since 1.4
	 *
	 * @param string $button The button HTML.
	 * @param array  $form   The form array.
	 *
	 * @return string
	 */
	public function unique_convo_field( $button, $form ) {
		if ( ! rgar( $form, 'is_conversational_form' ) ) {
			return $button;
		}

		$hash         = md5( $form['title'] . $form['id'] );
		$unique_input = "<input type='hidden' class='gform_hidden' name='gform_conversational_form' value='{$hash}'>";

		return $button . $unique_input;
	}

	/**
	 * Detect if a color is dark against a passed threshold. Default is set at 465 in the range of 1 - 765.
	 *
	 * @since 1.0
	 *
	 * @param string $color     The color string to test, as a hex code (either 3 or 6 digits).
	 * @param float  $threshold The threshold to return true at in a range of 1 - 765.
	 *
	 * @return bool
	 */
	public function is_dark_color( $color = '', $threshold = 465 ) {
		$color_modifier = new Colors\Color_Modifier();
		$hex_color      = $color_modifier->sanitize_color_string( $color );

		return hexdec( substr( $hex_color, 0, 2 ) ) + hexdec( substr( $hex_color, 2, 2 ) ) + hexdec( substr( $hex_color, 4, 2 ) ) < $threshold;
	}

	/**
	 * Darken a given color string by a specific amount.
	 *
	 * @since 1.0
	 *
	 * @param string $color         The color string to modify, as a hex code (either 3 or 6 digits).
	 * @param float  $darken_amount The amount by which to modify the color, in steps.
	 * @param string $format        The format in which to return the color (hex or rgb)
	 *
	 * @return mixed
	 */
	public function darken_color( $color, $darken_amount, $format = 'hex' ) {
		$color_modifier = new Colors\Color_Modifier();

		if ( $darken_amount > 0 ) {
			$darken_amount *= -1;
		}

		return $color_modifier->modify( $color, $darken_amount, $format );
	}

	/**
	 * Check if the current form view is a conversational form.
	 *
	 * @since 1.0
	 *
	 * @deprecated 1.0.1 - use is_conversational_form()
	 *
	 * @param array $form The form array
	 *
	 * @return bool True if the current form view is a conversational form.
	 */
	public function is_conversational_form( $form ) {
		return is_conversational_form( $form );
	}


	/**
	 * Check what view the conversational form is currently in.
	 *
	 * @since 1.5.0
	 *
	 * @param array $form The current form.
	 *
	 * @return string The current form view.
	 */
	public static function get_current_screen( $form ) {

		if ( ! is_conversational_form( $form ) ) {
			return false;
		}

		$submission_info = isset( \GFFormDisplay::$submission[ $form['id'] ] ) ? \GFFormDisplay::$submission[ $form['id'] ] : false;

		if ( rgar( $submission_info, 'is_valid' ) || rgar( $submission_info, 'is_confirmation' ) ) {
			return self::SCREEN_CONFIRMATION ;
		}

		if ( rgpost( 'gform_send_resume_link' ) || rgpost( 'gform_save' ) ) {
			return self::SCREEN_SAVE_CONTINUE;
		}

		return self::SCREEN_FORM;
	}

}