<?php

/**
 * Constant Contact integration.
 *
 * @package    WPForms
 * @author     WPForms
 * @since      1.3.6
 * @license    GPL-2.0+
 * @copyright  Copyright (c) 2017, WPForms LLC
 */
class WPForms_Constant_Contact extends WPForms_Provider {

	/**
	 * Provider access token.
	 *
	 * @since 1.3.6
	 * @var string
	 */
	public $access_token;

	/**
	 * Provider API key.
	 *
	 * @since 1.3.6
	 * @var string
	 */
	public $api_key = 'c58xq3r27udz59h9rrq7qnvf';

	/**
	 * Sign up link.
	 *
	 * @since 1.3.6
	 * @var string
	 */
	public $sign_up = 'https://constant-contact.evyy.net/c/11535/341874/3411?sharedid=wpforms';

	/**
	 * Initialize.
	 *
	 * @since 1.3.6
	 */
	public function init() {

		$this->version  = '1.3.6';
		$this->name     = 'Constant Contact';
		$this->slug     = 'constant-contact';
		$this->priority = 14;
		$this->icon     = WPFORMS_PLUGIN_URL . 'assets/images/icon-provider-constant-contact.png';

		if ( is_admin() ) {
			// Admin notice requesting connecting.
			add_action( 'admin_notices', array( $this, 'connect_request' ) );
			add_action( 'wp_ajax_wpforms_constant_contact_dismiss', array( $this, 'connect_dismiss' ) );
			add_action( 'wpforms_admin_page', array( $this, 'learn_more_page' ) );

			// Provide option to override sign up link.
			$sign_up = get_option( 'wpforms_constant_contact_signup', false );
			if ( $sign_up ) {
				$this->sign_up = esc_html( $sign_up );
			}
		}
	}

	/**
	 * Process and submit entry to provider.
	 *
	 * @since 1.3.6
	 *
	 * @param array $fields
	 * @param array $entry
	 * @param array $form_data
	 * @param int $entry_id
	 *
	 * @return void
	 */
	public function process_entry( $fields, $entry, $form_data, $entry_id = 0 ) {

		// Only run if this form has a connections for this provider.
		if ( empty( $form_data['providers'][ $this->slug ] ) ) {
			return;
		}

		/*
		 * Fire for each connection.
		 */

		foreach ( $form_data['providers'][ $this->slug ] as $connection ) :

			// Before proceeding make sure required fields are configured.
			if ( empty( $connection['fields']['email'] ) ) {
				continue;
			}

			// Setup basic data.
			$list_id    = $connection['list_id'];
			$account_id = $connection['account_id'];
			$email_data = explode( '.', $connection['fields']['email'] );
			$email_id   = $email_data[0];
			$email      = $fields[ $email_id ]['value'];

			$this->api_connect( $account_id );

			// Email is required and Access token are required.
			if ( empty( $email ) || empty( $this->access_token ) ) {
				continue;
			}

			// Check for conditionals.
			$pass = $this->process_conditionals( $fields, $entry, $form_data, $connection );
			if ( ! $pass ) {
				wpforms_log(
					esc_html__( 'Constant Contact Subscription stopped by conditional logic', 'wpforms' ),
					$fields,
					array(
						'type'    => array( 'provider', 'conditional_logic' ),
						'parent'  => $entry_id,
						'form_id' => $form_data['id'],
					)
				);
				continue;
			}

			// Check to see if the lead already exists in Constant Contact.
			$response = wp_remote_get( 'https://api.constantcontact.com/v2/contacts?api_key=' . $this->api_key . '&access_token=' . $this->access_token . '&email=' . $email );
			$contact  = json_decode( wp_remote_retrieve_body( $response ), true );

			// Return early if there was a problem.
			if ( isset( $contact['error_key'] ) ) {
				wpforms_log(
					esc_html__( 'Constant Contact API Error', 'wpforms' ),
					$contact->get_error_message(),
					array(
						'type'    => array( 'provider', 'error' ),
						'parent'  => $entry_id,
						'form_id' => $form_data['id'],
					)
				);
				continue;
			}

			/*
			 * Setup Merge Vars
			 */

			$merge_vars = array();

			foreach ( $connection['fields'] as $name => $merge_var ) {

				// Don't include Email or Full name fields.
				if ( 'email' === $name ) {
					continue;
				}

				// Check if merge var is mapped.
				if ( empty( $merge_var ) ) {
					continue;
				}

				$merge_var = explode( '.', $merge_var );
				$id        = $merge_var[0];
				$key       = ! empty( $merge_var[1] ) ? $merge_var[1] : 'value';

				// Check if mapped form field has a value.
				if ( empty( $fields[ $id ][ $key ] ) ) {
					continue;
				}

				$value = $fields[ $id ][ $key ];

				// Constant Contact doesn't native URL field so it has to be
				// stored in a custom field.
				if ( 'url' === $name ) {
					$merge_vars['custom_fields'] = array(
						array(
							'name'  => 'custom_field_1',
							'value' => $value,
						),
					);
					continue;
				}

				// Constant Contact stores name in two fields, so we have to
				// separate it.
				if ( 'full_name' === $name ) {
					$names = explode( ' ', $value );
					if ( ! empty( $names[0] ) ) {
						$merge_vars['first_name'] = $names[0];
					}
					if ( ! empty( $names[1] ) ) {
						$merge_vars['last_name'] = $names[1];
					}
					continue;
				}

				// Constant Contact stores address in multiple fields, so we
				// have to separate it.
				if ( 'address' === $name ) {

					// Only support Address fields.
					if ( 'address' !== $fields[ $id ]['type'] ) {
						continue;
					}

					// Postal code may be in extended US format.
					$postal = array(
						'code'    => '',
						'subcode' => '',
					);
					if ( ! empty( $fields[ $id ]['postal'] ) ) {
						$p                 = explode( '-', $fields[ $id ]['postal'] );
						$postal['code']    = ! empty( $p[0] ) ? $p[0] : '';
						$postal['subcode'] = ! empty( $p[1] ) ? $p[1] : '';
					}

					$merge_vars['addresses'] = array(
						array(
							'address_type'    => 'BUSINESS',
							'city'            => ! empty( $fields[ $id ]['city'] ) ? $fields[ $id ]['city'] : '',
							'country_code'    => ! empty( $fields[ $id ]['country'] ) ? $fields[ $id ]['country'] : '',
							'line1'           => ! empty( $fields[ $id ]['address1'] ) ? $fields[ $id ]['address1'] : '',
							'line2'           => ! empty( $fields[ $id ]['address2'] ) ? $fields[ $id ]['address2'] : '',
							'postal_code'     => $postal['code'],
							'state'           => ! empty( $fields[ $id ]['state'] ) ? $fields[ $id ]['state'] : '',
							'sub_postal_code' => $postal['subcode'],
						),
					);
					continue;
				}

				$merge_vars[ $name ] = $value;
			}

			/*
			 * Process in API
			 */

			// If we have a previous contact, only update the list association.
			if ( ! empty( $contact['results'] ) ) {

				$data = $contact['results'][0];

				// Check if they are already assigned to lists.
				if ( ! empty( $data['lists'] ) ) {

					foreach ( $data['lists'] as $list ) {

						// If they are already assigned to this list, return early.
						if ( isset( $list['id'] ) && $list_id == $list['id'] ) {
							return;
						}
					}

					// Otherwise, add them to the list.
					$data['lists'][ count( $data['lists'] ) ] = array(
						'id'     => $list_id,
						'status' => 'ACTIVE',
					);

				} else {

					// Add the contact to the list.
					$data['lists'][0] = array(
						'id'     => $list_id,
						'status' => 'ACTIVE',
					);
				}

				// Combine merge vars into data before sending.
				$data = array_merge( $data, $merge_vars );

				// Args to use.
				$args = array(
					'body'    => wp_json_encode( $data ),
					'method'  => 'PUT',
					'headers' => array(
						'Content-Type' => 'application/json',
					),
				);

				$update = wp_remote_request( 'https://api.constantcontact.com/v2/contacts/' . $data['id'] . '?api_key=' . $this->api_key . '&access_token=' . $this->access_token . '&action_by=ACTION_BY_VISITOR', $args );
				$res    = json_decode( wp_remote_retrieve_body( $update ), true );

			} else {
				// Add a new contact.
				$data = array(
					'email_addresses' => array( array( 'email_address' => $email ) ),
					'lists'           => array( array( 'id' => $list_id ) ),
				);

				// Combine merge vars into data before sending.
				$data = array_merge( $data, $merge_vars );

				// Args to use.
				$args = array(
					'body'    => wp_json_encode( $data ),
					'headers' => array(
						'Content-Type' => 'application/json',
					),
				);

				$add = wp_remote_post( 'https://api.constantcontact.com/v2/contacts?api_key=' . $this->api_key . '&access_token=' . $this->access_token . '&action_by=ACTION_BY_VISITOR', $args );
				$res = json_decode( wp_remote_retrieve_body( $add ), true );
			}

			// Check for errors.
			if ( isset( $res['error_key'] ) ) {
				wpforms_log(
					esc_html__( 'Constant Contact API Error', 'wpforms' ),
					$res->get_error_message(),
					array(
						'type'    => array( 'provider', 'error' ),
						'parent'  => $entry_id,
						'form_id' => $form_data['id'],
					)
				);
			}

		endforeach;
	}

	/************************************************************************
	 * API methods - these methods interact directly with the provider API. *
	 ************************************************************************/

	/**
	 * Authenticate with the API.
	 *
	 * @since 1.3.6
	 *
	 * @param array $data
	 * @param string $form_id
	 *
	 * @return mixed id or error object
	 */
	public function api_auth( $data = array(), $form_id = '' ) {

		$id        = uniqid();
		$providers = wpforms_get_providers_options();

		$providers[ $this->slug ][ $id ] = array(
			'access_token' => sanitize_text_field( $data['authcode'] ),
			'label'        => sanitize_text_field( $data['label'] ),
			'date'         => time(),
		);
		update_option( 'wpforms_providers', $providers );

		return $id;
	}

	/**
	 * Establish connection object to API.
	 *
	 * @since 1.3.6
	 *
	 * @param string $account_id
	 *
	 * @return mixed array or error object.
	 */
	public function api_connect( $account_id ) {

		if ( ! empty( $this->api[ $account_id ] ) ) {
			return $this->api[ $account_id ];
		} else {
			$providers = wpforms_get_providers_options();
			if ( ! empty( $providers[ $this->slug ][ $account_id ] ) ) {
				$this->api[ $account_id ] = true;
				$this->access_token       = $providers[ $this->slug ][ $account_id ]['access_token'];
			} else {
				return $this->error( 'API error' );
			}
		}
	}

	/**
	 * Retrieve provider account lists.
	 *
	 * @since 1.3.6
	 *
	 * @param string $connection_id
	 * @param string $account_id
	 *
	 * @return mixed array or error object
	 */
	public function api_lists( $connection_id = '', $account_id = '' ) {

		$this->api_connect( $account_id );

		$request = wp_remote_get( 'https://api.constantcontact.com/v2/lists?api_key=' . $this->api_key . '&access_token=' . $this->access_token );
		$lists   = json_decode( wp_remote_retrieve_body( $request ), true );

		if ( empty( $lists ) ) {
			wpforms_log(
				esc_html__( 'Constant Contact API Error', 'wpforms' ),
				'',
				array(
					'type' => array( 'provider', 'error' ),
				)
			);

			return $this->error( esc_html__( 'API list error: Constant API error', 'wpforms' ) );
		}

		return $lists;
	}

	/**
	 * Retrieve provider account list fields.
	 *
	 * @since 1.3.6
	 *
	 * @param string $connection_id
	 * @param string $account_id
	 * @param string $list_id
	 *
	 * @return mixed array or error object
	 */
	public function api_fields( $connection_id = '', $account_id = '', $list_id = '' ) {

		$provider_fields = array(
			array(
				'name'       => 'Email',
				'field_type' => 'email',
				'req'        => '1',
				'tag'        => 'email',
			),
			array(
				'name'       => 'Full Name',
				'field_type' => 'name',
				'tag'        => 'full_name',
			),
			array(
				'name'       => 'First Name',
				'field_type' => 'first',
				'tag'        => 'first_name',
			),
			array(
				'name'       => 'Last Name',
				'field_type' => 'last',
				'tag'        => 'last_name',
			),
			array(
				'name'       => 'Phone',
				'field_type' => 'text',
				'tag'        => 'work_phone',
			),
			array(
				'name'       => 'Website',
				'field_type' => 'text',
				'tag'        => 'url',
			),
			array(
				'name'       => 'Address',
				'field_type' => 'address',
				'tag'        => 'address',
			),
			array(
				'name'       => 'Job Title',
				'field_type' => 'text',
				'tag'        => 'job_title',
			),
			array(
				'name'       => 'Company',
				'field_type' => 'text',
				'tag'        => 'company_name',
			),
		);

		return $provider_fields;
	}


	/*************************************************************************
	 * Output methods - these methods generally return HTML for the builder. *
	 *************************************************************************/

	/**
	 * Provider account authorize fields HTML.
	 *
	 * @since 1.3.6
	 * @return string
	 */
	public function output_auth() {

		$providers = wpforms_get_providers_options();
		$class     = ! empty( $providers[ $this->slug ] ) ? 'hidden' : '';

		$output = '<div class="wpforms-provider-account-add ' . $class . ' wpforms-connection-block">';

		$output .= sprintf( '<h4>%s</h4>', esc_html__( 'Add New Account', 'wpforms' ) );

		$output .= '<p>';
		$output .= esc_html__( 'Please fill out all of the fields below to register your new Constant Contact account.', 'wpforms' );
		$output .= '<br><a href="https://wpforms.com/docs/how-to-connect-constant-contact-with-wpforms/" target="_blank" rel="noopener noreferrer">';
		$output .= esc_html__( 'Click here for documentation on connecting WPForms with Constant Contact.', 'wpforms' );
		$output .= '</a>';
		$output .= '</p>';

		$output .= '<p class="wpforms-alert wpforms-alert-warning">';
		$output .= esc_html__( 'Because Constant Contact requires external authentication, you will need to register WPForms with Constant Contact before you can proceed.', 'wpforms' );
		$output .= '</p>';

		$output .= '<p class=""><strong><a onclick="window.open(this.href,\'\',\'resizable=yes,location=no,width=750,height=500,status\'); return false" href="https://oauth2.constantcontact.com/oauth2/oauth/siteowner/authorize?response_type=code&client_id=c58xq3r27udz59h9rrq7qnvf&redirect_uri=https://wpforms.com/oauth/constant-contact/" class="btn">';
		$output .= esc_html__( 'Click here to register with Constant Contact', 'wpforms' );
		$output .= '</a></strong></p>';

		$output .= sprintf( '<input type="text" data-name="authcode" placeholder="%s %s" class="wpforms-required">', $this->name, esc_html__( 'Authorization Code', 'wpforms' ) );

		$output .= sprintf( '<input type="text" data-name="label" placeholder="%s %s" class="wpforms-required">', $this->name, esc_html__( 'Account Nickname', 'wpforms' ) );

		$output .= sprintf( '<button data-provider="%s">%s</button>', $this->slug, esc_html__( 'Connect', 'wpforms' ) );

		$output .= '</div>';

		return $output;
	}

	/**
	 * Provider account list groups HTML.
	 *
	 * @since 1.3.6
	 *
	 * @param string $connection_id
	 * @param array $connection
	 *
	 * @return string
	 */
	public function output_groups( $connection_id = '', $connection = array() ) {
		// No groups or segments for this provider.
		return '';
	}

	/**
	 * Output content after the main builder output.
	 *
	 * @since 1.3.6
	 */
	public function builder_output_after() {

		// Only display if Constant Contact account has not been setup.
		$providers = wpforms_get_providers_options();

		if ( ! empty( $providers[ $this->slug ] ) ) {
			return;
		}
		?>
		<div class="wpforms-alert wpforms-alert-info">
			<p><?php _e( 'Get the most out of <strong>WPForms</strong> &mdash; use it with an active Constant Contact account.', 'wpforms' ); ?></p>
			<p>
				<a href="<?php echo $this->sign_up; ?>" style="margin-right: 10px;" class="button-primary" target="_blank" rel="noopener noreferrer">
					<?php _e( 'Try Constant Contact for Free', 'wpforms' ); ?>
				</a>
				<?php
				printf(
					wp_kses(
						/* translators: %s - WPForms Constant Contact internal URL. */
						__( 'Learn More about the <a href="%s" target="_blank" rel="noopener noreferrer">power of email marketing</a>', 'wpforms' ),
						array(
							'a' => array(
								'href'   => array(),
								'target' => array(),
								'rel'    => array(),
							),
						)
					),
					admin_url( 'admin.php?page=wpforms-page&wpforms-page=constant-contact' )
				);
				?>
			</p>
		</div>
		<?php
	}

	/*************************************************************************
	 * Integrations tab methods - these methods relate to the settings page. *
	 *************************************************************************/

	/**
	 * Form fields to add a new provider account.
	 *
	 * @since 1.3.6
	 */
	public function integrations_tab_new_form() {

		$output  = '<p>';
		$output .= '<a href="https://wpforms.com/docs/how-to-connect-constant-contact-with-wpforms/" target="_blank" rel="noopener noreferrer">';
		$output .= esc_html__( 'Click here for documentation on connecting WPForms with Constant Contact.', 'wpforms' );
		$output .= '</a>';
		$output .= '</p>';

		$output .= '<p class="wpforms-alert wpforms-alert-warning">';
		$output .= esc_html__( 'Because Constant Contact requires external authentication, you will need to register WPForms with Constant Contact before you can proceed.', 'wpforms' );
		$output .= '</p>';

		$output .= '<p class=""><strong><a onclick="window.open(this.href,\'\',\'resizable=yes,location=no,width=800,height=600,status\'); return false" href="https://oauth2.constantcontact.com/oauth2/oauth/siteowner/authorize?response_type=code&client_id=c58xq3r27udz59h9rrq7qnvf&redirect_uri=https://wpforms.com/oauth/constant-contact/" class="btn">';
		$output .= esc_html__( 'Click here to register with Constant Contact', 'wpforms' );
		$output .= '</a></strong></p>';

		$output .= sprintf( '<input type="text" name="authcode" placeholder="%s %s" class="wpforms-required">', $this->name, esc_html__( 'Authorization Code', 'wpforms' ) );

		$output .= sprintf( '<input type="text" name="label" placeholder="%s %s" class="wpforms-required">', $this->name, esc_html__( 'Account Nickname', 'wpforms' ) );

		echo $output;
	}

	/************************
	 * Other functionality. *
	 ************************/

	/**
	 * Add admin notices to connect to Constant Contact.
	 *
	 * @since 1.3.6
	 */
	public function connect_request() {

		// Only consider showing the review request to admin users.
		if ( ! is_super_admin() ) {
			return;
		}

		// Don't display on WPForms admin content pages.
		if ( ! empty( $_GET['wpforms-page'] ) ) {
			return;
		}

		// Don't display if user is about to connect via Settings page.
		if ( ! empty( $_GET['wpforms-integration'] ) && $this->slug === $_GET['wpforms-integration'] ) {
			return;
		}

		// Only display the notice is the Constant Contact option is set and
		// there are previous Constant Contact connections created.
		$cc_notice = get_option( 'wpforms_constant_contact', false );
		$providers = wpforms_get_providers_options();

		if ( ! $cc_notice || ! empty( $providers[ $this->slug ] ) ) {
			return;
		}

		// Output the notice message.
		$connect    = admin_url( 'admin.php?page=wpforms-settings&wpforms-integration=constant-contact#!wpforms-tab-providers' );
		$learn_more = admin_url( 'admin.php?page=wpforms-page&wpforms-page=constant-contact ' );
		?>
		<div class="notice notice-info is-dismissible wpforms-constant-contact-notice">
			<p><?php _e( 'Get the most out of the <strong>WPForms</strong> plugin &mdash; use it with an active Constant Contact account.', 'wpforms' ); ?></p>
			<p>
				<a href="<?php echo $this->sign_up; ?>" class="button-primary" target="_blank" rel="noopener noreferrer">
					<?php esc_html_e( 'Try Constant Contact for Free', 'wpforms' ); ?>
				</a>
				<a href="<?php echo $connect; ?>" class="button-secondary">
					<?php esc_html_e( 'Connect your existing account', 'wpforms' ); ?>
				</a>
				<?php
				printf(
					wp_kses(
						/* translators: %s - WPForms Constant Contact internal URL. */
						__( 'Learn More about the <a href="%s">power of email marketing</a>', 'wpforms' ),
						array(
							'a' => array(
								'href' => array(),
							),
						)
					),
					$learn_more
				);
				?>
			</p>
		</div>
		<style type="text/css">
			.wpforms-constant-contact-notice {
				border-left-color: #1a5285;
			}

			.wpforms-constant-contact-notice p:first-of-type {
				margin: 16px 0 8px;
			}

			.wpforms-constant-contact-notice p:last-of-type {
				margin: 8px 0 16px;
			}

			.wpforms-constant-contact-notice .button-primary,
			.wpforms-constant-contact-notice .button-secondary {
				display: inline-block;
				margin: 0 10px 0 0;
			}
		</style>
		<script type="text/javascript">
			jQuery( function ( $ ) {
				$( document ).on( 'click', '.wpforms-constant-contact-notice button', function ( event ) {
					event.preventDefault();
					$.post( ajaxurl, { action: 'wpforms_constant_contact_dismiss' } );
					$( '.wpforms-constant-contact-notice' ).remove();
				} );
			} );
		</script>
		<?php
	}

	/**
	 * Dismiss the Constant Contact admin notice.
	 *
	 * @since 1.3.6
	 */
	public function connect_dismiss() {

		delete_option( 'wpforms_constant_contact' );
		wp_send_json_success();
	}

	/**
	 * Constant Contact "Learn More" admin page.
	 *
	 * @since 1.3.6
	 */
	public function learn_more_page() {

		if (
			empty( $_GET['page'] ) ||
			empty( $_GET['wpforms-page'] ) ||
			'wpforms-page' !== $_GET['page'] ||
			'constant-contact' !== $_GET['wpforms-page']
		) {
			return;
		}
		$more = 'http://www.wpbeginner.com/beginners-guide/why-you-should-start-building-your-email-list-right-away';
		?>
		<div class="wrap about-wrap">
			<h1><?php esc_html_e( 'Grow Your Website with WPForms + Email Marketing', 'wpforms' ); ?></h1>
			<p><?php esc_html_e( 'Wondering if email marketing is really worth your time?', 'wpforms' ); ?></p>
			<p><?php echo wp_kses( __( 'Email is hands-down the most effective way to nurture leads and turn them into customers, with a return on investment (ROI) of <strong>$44 back for every $1 spent</strong> according to Direct Marketing Association.', 'wpforms' ), array( 'strong' => array() ) ); ?></p>
			<p><?php esc_html_e( 'Here are 3 big reasons why every smart business in the world has an email list:', 'wpforms' ); ?></p>
			<a href="<?php echo $this->sign_up; ?>" target="_blank" rel="noopener noreferrer">
				<img src="<?php echo WPFORMS_PLUGIN_URL; ?>assets/images/cc-about-logo.png" class="logo">
			</a>
			<ol class="reasons">
				<li><?php echo wp_kses( __( '<strong>Email is still #1</strong> - At least 91% of consumers check their email on a daily basis. You get direct access to your subscribers, without having to play by social media&#39;s rules and algorithms.', 'wpforms' ), array( 'strong' => array() ) ); ?></li>
				<li><?php echo wp_kses( __( '<strong>You own your email list</strong> - Unlike with social media, your list is your property and no one can revoke your access to it.', 'wpforms' ), array( 'strong' => array() ) ); ?></li>
				<li><?php echo wp_kses( __( '<strong>Email converts</strong> - People who buy products marketed through email spend 138% more than those who don&#39;t receive email offers.', 'wpforms' ), array( 'strong' => array() ) ); ?></li>
			</ol>
			<p><?php esc_html_e( 'That&#39;s why it&#39;s crucial to start collecting email addresses and building your list as soon as possible.', 'wpforms' ); ?></p>
			<p>
				<?php
				printf(
					wp_kses(
						/* translators: %s - WPBeginners.com Guide to Email Lists URL. */
						__( 'For more details, see this guide on <a href="%s" target="_blank" rel="noopener noreferrer">why building your email list is so important</a>.', 'wpforms' ),
						array(
							'a' => array(
								'href'   => array(),
								'target' => array(),
								'rel'    => array(),
							),
						)
					),
					$more
				);
				?>
			</p>
			<hr/>
			<h2><?php esc_html_e( 'You&#39;ve Already Started - Here&#39;s the Next Step (It&#39;s Easy)', 'wpforms' ); ?></h2>
			<p><?php esc_html_e( 'Here are the 3 things you need to build an email list:', 'wpforms' ); ?></p>
			<ol>
				<li><?php esc_html_e( 'A Website or Blog', 'wpforms' ); ?> <span class="dashicons dashicons-yes"></span></li>
				<li><?php esc_html_e( 'High-Converting Form Builder', 'wpforms' ); ?> <span class="dashicons dashicons-yes"></span></li>
				<li><strong><?php esc_html_e( 'The Best Email Marketing Service', 'wpforms' ); ?></strong></li>
			</ol>
			<p><?php esc_html_e( 'With a powerful email marketing service like Constant Contact, you can instantly send out mass notifications and beautifully designed newsletters to engage your subscribers.', 'wpforms' ); ?></p>
			<p>
				<a href="<?php echo $this->sign_up; ?>" class="button" target="_blank" rel="noopener noreferrer">
					<?php esc_html_e( 'Get Started with Constant Contact for Free', 'wpforms' ); ?>
				</a>
			</p>
			<p><?php esc_html_e( 'WPForms plugin makes it fast and easy to capture all kinds of visitor information right from your WordPress site - even if you don&#39;t have a Constant Contact account.', 'wpforms' ); ?></p>
			<p><?php esc_html_e( 'But when you combine WPForms with Constant Contact, you can nurture your contacts and engage with them even after they leave your website. When you use Constant Contact + WPForms together, you can:', 'wpforms' ); ?></p>
			<ul>
				<li><?php esc_html_e( 'Seamlessly add new contacts to your email list', 'wpforms' ); ?></li>
				<li><?php esc_html_e( 'Create and send professional email newsletters', 'wpforms' ); ?></li>
				<li><?php esc_html_e( 'Get expert marketing and support', 'wpforms' ); ?></li>
			</ul>
			<p>
				<a href="<?php echo $this->sign_up; ?>" target="_blank" rel="noopener noreferrer">
					<strong><?php esc_html_e( 'Try Constant Contact Today', 'wpforms' ); ?></strong>
				</a>
			</p>
			<hr/>
			<h2><?php esc_html_e( 'WPForms Makes List Building Easy', 'wpforms' ); ?></h2>
			<p><?php esc_html_e( 'When creating WPForms, our goal was to make a WordPress forms plugin that&#39;s both EASY and POWERFUL.', 'wpforms' ); ?></p>
			<p><?php esc_html_e( 'We made the form creation process extremely intuitive, so you can create a form to start capturing emails within 5 minutes or less.', 'wpforms' ); ?></p>
			<p><?php esc_html_e( 'Here&#39;s how it works.', 'wpforms' ); ?></p>
			<div class="steps">
				<div class="step1 step">
					<img src="<?php echo WPFORMS_PLUGIN_URL; ?>assets/images/cc-about-step1.png">
					<p><?php esc_html_e( '1. Select from our pre-built templates, or create a form from scratch.', 'wpforms' ); ?></p>
				</div>
				<div class="step2 step">
					<img src="<?php echo WPFORMS_PLUGIN_URL; ?>assets/images/cc-about-step2.png">
					<p><?php esc_html_e( '2. Drag and drop any field you want onto your signup form.', 'wpforms' ); ?></p>
				</div>
				<div class="step3 step">
					<img src="<?php echo WPFORMS_PLUGIN_URL; ?>assets/images/cc-about-step3.png">
					<p><?php esc_html_e( '3. Connect your Constant Contact email list.', 'wpforms' ); ?></p>
				</div>
				<div class="step4 step">
					<img src="<?php echo WPFORMS_PLUGIN_URL; ?>assets/images/cc-about-step4.png">
					<p><?php esc_html_e( '4. Add your new form to any post, page, or sidebar.', 'wpforms' ); ?></p>
				</div>
			</div>
			<p><?php esc_html_e( 'It doesn&#39;t matter what kind of business you run, what kind of website you have, or what industry you are in - you need to start building your email list today.', 'wpforms' ); ?></p>
			<p><?php esc_html_e( 'With Constant Contact + WPForms, growing your list is easy.', 'wpforms' ); ?></p>
		</div>
		<style type="text/css">
			.notice {
				display: none;
			}

			.about-wrap {
				padding: 15px;
				max-width: 970px;
			}

			.about-wrap h1 {
				color: #1a5285;
				font-size: 30px;
				margin: 0 0 15px 0;
			}

			.about-wrap h2 {
				color: #1a5285;
				font-size: 26px;
				margin: 0 0 15px 0;
				text-align: left;
			}

			.about-wrap p {
				font-size: 16px;
				font-weight: 300;
				color: #333;
				margin: 1.2em 0;
			}

			.about-wrap ul,
			.about-wrap ol {
				margin: 1.6em 2.5em 2em;
				line-height: 1.5;
				font-size: 16px;
				font-weight: 300;
			}

			.about-wrap ul {
				list-style: disc;
			}

			.about-wrap li {
				margin-bottom: 0.8em;
			}

			.about-wrap hr {
				margin: 2.2em 0;
			}

			.about-wrap .logo {
				float: right;
				margin-top: 0.8em;
			}

			.about-wrap .reasons {
				margin: 2.2em 400px 2.2em 2em;
			}

			.about-wrap .reasons li {
				margin-bottom: 1.4em;
			}

			.about-wrap .steps {
				clear: both;
				overflow: hidden;
			}

			.about-wrap .step {
				width: 46%;
				float: left;
			}

			.about-wrap .step {
				margin-bottom: 1.4em;
			}

			.about-wrap .step2,
			.about-wrap .step4 {
				float: right;
			}

			.about-wrap .step3 {
				clear: both;
			}

			.about-wrap .dashicons-yes {
				color: #19BE19;
				font-size: 26px;
			}

			.about-wrap .button {
				background-color: #0078C3;
				border: 1px solid #005990;
				border-radius: 4px;
				color: #fff;
				font-size: 16px;
				font-weight: 600;
				height: auto;
				line-height: 1;
				margin-bottom: 10px;
				padding: 14px 30px;
				text-align: center;
			}

			.about-wrap .button:hover,
			.about-wrap .button:focus {
				background-color: #005990;
				color: #fff
			}

			@media only screen and (max-width: 767px) {
				.about-wrap {
					padding: 0;
				}

				.about-wrap h1 {
					font-size: 26px;
				}

				.about-wrap h2 {
					font-size: 22px;
				}

				.about-wrap p {
					font-size: 14px;
				}

				.about-wrap ul,
				.about-wrap ol {
					font-size: 14px;
				}

				.about-wrap .logo {
					width: 120px;
				}

				.about-wrap .reasons {
					margin-right: 150px;
				}
			}
		</style>
		<?php
	}
}

new WPForms_Constant_Contact;
