<?php
/**
 * Registers a widget to display events.
 *
 * @package Organic Widgets Pro
 */

// Block direct requests.
if ( ! defined( 'ABSPATH' ) ) {
	die( '-1' );
}

/**
 * Adds Organic_Widgets_Pro_Event_Widget widget.
 */
class Organic_Widgets_Pro_Event_Widget extends Organic_Widgets_Pro_Custom_Widget {

	const CUSTOM_IMAGE_SIZE_SLUG = 'organic_widgets_image_upload';

	/**
	 * Register widget with WordPress.
	 */
	function __construct() {
		parent::__construct(
			'organic_widgets_event_section', // Base ID.
			__( 'Organic Events', 'organic-widgets-pro' ), // Name.
			array(
				'description'                 => __( 'Display a section of events.', 'organic-widgets-pro' ),
				'customize_selective_refresh' => true,
			)
		);

		$this->id_prefix = $this->get_field_id( '' );

		// BG options.
		$this->bg_options = array(
			'color'     => true,
			'image'     => true,
			'bg_fixed'  => true,
			'bg_repeat' => true,
			'video'     => false,
		);

		// Font options.
		$this->font_options = array(
			'title_heading'          => true,
			'title_font'             => true,
			'title_color'            => true,
			'title_weight'           => true,
			'title_spacing'          => true,
			'title_size'             => true,
			'content_heading_font'   => false,
			'content_heading_size'   => false,
			'content_heading_weight' => false,
			'body_font'              => true,
		);

		// Layout options.
		$this->layout_options = array(
			'content_aligner'     => true,
			'content_orientation' => false,
			'padding_top'         => true,
			'padding_bottom'      => true,
			'custom_height'       => true,
			'custom_width'        => true,
			'content_width'       => true,
			'full_height'         => false,
		);

		// Display options.
		$this->display_options = array(
			'hide_title'   => false,
			'hide_meta'    => false,
			'hide_content' => false,
			'hide_bg'      => false,
		);

		// Admin Scripts.
		add_action( 'admin_enqueue_scripts', array( $this, 'admin_setup' ) );
		add_action( 'admin_footer-widgets.php', array( $this, 'render_control_template_scripts' ) );

		// Public scripts.
		if ( is_active_widget( false, false, $this->id_base ) || is_customize_preview() ) {
			add_action( 'customize_preview_init', array( $this, 'public_scripts' ) );
		}

	}

	/**
	 * Front-end display of widget.
	 *
	 * @see WP_Widget::widget()
	 *
	 * @param array $args     Widget arguments.
	 * @param array $instance Saved values from database.
	 */
	public function widget( $args, $instance ) {

		$button_text      = ( isset( $instance['button_text'] ) && '' !== $instance['button_text'] ) ? $instance['button_text'] : false;
		$button_url       = ( isset( $instance['button_url'] ) && '' !== $instance['button_url'] ) ? $instance['button_url'] : false;
		$table_style      = ( isset( $instance['table_style'] ) ) ? $instance['table_style'] : 'style-table-default';
		$bg_image_id      = isset( $instance['bg_image_id'] ) ? $instance['bg_image_id'] : false;
		$bg_image         = ( isset( $instance['bg_image'] ) && '' !== $instance['bg_image'] ) ? $instance['bg_image'] : false;
		$bg_color         = ( isset( $instance['bg_color'] ) && '' !== $instance['bg_color'] ) ? $instance['bg_color'] : false;
		$repeatable_array = ( isset( $instance['repeatable_array'] ) ) ? json_decode( $instance['repeatable_array'], true ) : array();

		// Register Button Link Target Option.
		if ( isset( $instance['button_target'] ) ) {
			$button_target = $instance['button_target'];
		} else {
			$button_target = false;
		}
		// Register BG Fixed Image Option.
		if ( isset( $instance['bg_image_fixed'] ) ) {
			$bg_image_fixed = $instance['bg_image_fixed'];
		} else {
			$bg_image_fixed = false;
		}
		// Register BG Repeat Option.
		if ( isset( $instance['bg_image_repeat'] ) ) {
			$bg_image_repeat = $instance['bg_image_repeat'];
		} else {
			$bg_image_repeat = false;
		}

		echo $args['before_widget'];

		?>

		<?php echo '<style media="screen">'; ?>
			<?php if ( ! empty( $instance['widget_custom_width'] ) ) { ?>
				#<?php echo esc_attr( $this->id ); ?> {
					width: <?php echo absint( $instance['widget_custom_width'] ); ?>%;
				}
			<?php } ?>
			<?php if ( ! empty( $instance['content_max_width'] ) ) { ?>
				#<?php echo esc_attr( $this->id ); ?> .organic-widgets-content {
					max-width: <?php echo absint( $instance['content_max_width'] ); ?>px;
				}
			<?php } ?>
			<?php if ( ! empty( $instance['widget_custom_height'] ) || '' !== $instance['widget_padding_top'] || '' !== $instance['widget_padding_bottom'] ) { ?>
				#<?php echo esc_attr( $this->id ); ?> .organic-widgets-event-section {
					<?php if ( ! empty( $instance['widget_custom_height'] ) ) { ?>
					min-height: <?php echo absint( $instance['widget_custom_height'] ); ?>px;
					<?php } ?>
					<?php if ( '' !== $instance['widget_padding_top'] ) { ?>
					padding-top: <?php echo absint( $instance['widget_padding_top'] ); ?>px;
					<?php } ?>
					<?php if ( '' !== $instance['widget_padding_bottom'] ) { ?>
					padding-bottom: <?php echo absint( $instance['widget_padding_bottom'] ); ?>px;
					<?php } ?>
				}
			<?php } ?>
			<?php if ( ! empty( $instance['title_font_family'] ) || ! empty( $instance['title_font_weight'] ) || ! empty( $instance['title_font_size'] ) || ! empty( $instance['title_letter_spacing'] ) || ! empty( $instance['title_text_color'] ) ) { ?>
				#<?php echo esc_attr( $this->id ); ?> .organic-widgets-title {
					<?php if ( ! empty( $instance['title_font_family'] ) ) { ?>
					font-family: <?php echo esc_html( $instance['title_font_family'] ); ?>;
					<?php } ?>
					<?php if ( ! empty( $instance['title_font_weight'] ) ) { ?>
					font-weight: <?php echo esc_html( $instance['title_font_weight'] ); ?>;
					<?php } ?>
					<?php if ( ! empty( $instance['title_font_size'] ) ) { ?>
					font-size: <?php echo esc_html( $instance['title_font_size'] ); ?>px;
					<?php } ?>
					<?php if ( ! empty( $instance['title_letter_spacing'] ) ) { ?>
					letter-spacing: <?php echo esc_html( $instance['title_letter_spacing'] ); ?>px;
					<?php } ?>
					<?php if ( ! empty( $instance['title_text_color'] ) ) { ?>
					color: <?php echo esc_html( $instance['title_text_color'] ); ?>;
					<?php } ?>
				}
			<?php } ?>
			<?php if ( ! empty( $instance['body_font_family'] ) ) { ?>
				#<?php echo esc_attr( $this->id ); ?> .organic-widgets-text,
				#<?php echo esc_attr( $this->id ); ?> .organic-widgets-event-table table {
					font-family: <?php echo esc_html( $instance['body_font_family'] ); ?>;
				}
			<?php } ?>
		<?php echo '</style>'; ?>

		<?php /** BEGIN .organic-widgets-section */ ?>
		<div <?php if ( ! empty( $instance['widget_custom_anchor'] ) ) { ?>id="<?php echo esc_html( $instance['widget_custom_anchor'] ); ?>"<?php } ?>
		class="organic-widgets-section organic-widgets-event-section
		<?php if ( $bg_image_fixed ) echo 'organic-widgets-fixed-bg-img'; ?>
		<?php if ( $bg_image_repeat ) echo 'organic-widgets-repeat-bg-img'; ?>
		<?php if ( ! empty( $instance['widget_custom_class'] ) ) echo esc_html( $instance['widget_custom_class'] ); ?>"
		<?php if ( 0 < $bg_image_id ) { ?>
			style="background-image:url(<?php echo esc_url( $bg_image ); ?>);"
		<?php } if ( $bg_color ) { ?>
			style="background-color:<?php echo esc_attr( $bg_color ); ?>;"
		<?php } ?>>

			<?php /** BEGIN .organic-widgets-content */ ?>
			<div class="organic-widgets-content">

				<?php /** BEGIN .organic-widgets-aligner */ ?>
				<div class="organic-widgets-aligner <?php if ( ! empty( $instance['alignment'] ) ) { echo 'organic-widgets-aligner-'.esc_attr( $instance['alignment'] ); } else { echo 'organic-widgets-aligner-middle-center'; } ?>">

					<?php /** BEGIN .organic-widgets-event-information */ ?>
					<div class="organic-widgets-event-information">

						<?php if ( ! empty( $instance['title'] ) ) { ?>
							<<?php if ( ! empty( $instance['title_text_heading'] ) ) { echo $instance['title_text_heading']; } else { ?>h2<?php } ?> class="organic-widgets-title"><?php echo apply_filters( 'organic_widget_title', $instance['title'] ); ?></<?php if ( ! empty( $instance['title_text_heading'] ) ) { echo $instance['title_text_heading']; } else { ?>h2<?php } ?>>
						<?php } ?>

						<?php if ( ! empty( $instance['text'] ) ) { ?>
							<div class="organic-widgets-text"><?php echo apply_filters( 'the_content', $instance['text'] ); ?></div>
						<?php } ?>

					<?php /** END .organic-widgets-event-information */ ?>
					</div>

					<?php /** BEGIN .organic-widgets-event-table */ ?>
					<div class="organic-widgets-event-table">

						<table class="<?php echo esc_html( $table_style ); ?>">

							<?php if ( is_array( $repeatable_array ) && count( $repeatable_array ) ) { ?>
							<thead>
								<tr>
									<?php foreach ( array_slice( $repeatable_array, 0, 1 ) as $key => $repeatable ) { ?>
										<th><?php if ( ! empty( $repeatable['event_title'] ) ) { ?>
											<b><?php esc_html_e( 'Event', 'organic-widgets-pro' ); ?></b>
										<?php } ?></th>
										<th><?php if ( ! empty( $repeatable['event_location'] ) ) { ?>
											<b><?php esc_html_e( 'Location', 'organic-widgets-pro' ); ?></b>
										<?php } ?></th>
										<th><?php if ( ! empty( $repeatable['event_venue'] ) ) { ?>
											<b><?php esc_html_e( 'Venue', 'organic-widgets-pro' ); ?></b>
										<?php } ?></th>
										<th><?php if ( ! empty( $repeatable['event_date'] ) ) { ?>
											<b><?php esc_html_e( 'Date', 'organic-widgets-pro' ); ?></b>
										<?php } ?></th>
										<th><?php if ( ! empty( $repeatable['event_time'] ) ) { ?>
											<b><?php esc_html_e( 'Time', 'organic-widgets-pro' ); ?></b>
										<?php } ?></th>
									<?php } ?>
								</tr>
							</thead>
							<?php } ?>

							<tbody>
							<?php if ( is_array( $repeatable_array ) && count( $repeatable_array ) ) {
								$incrementer = 0;
								usort( $repeatable_array, array( $this, 'sort_by_order' ) );
								foreach ( $repeatable_array as $key => $repeatable ) {
									$incrementer++;
									?>
								<tr>
									<td class="organic-widgets-event-title"><?php if ( array_key_exists( 'event_title', $repeatable ) && ! empty( $repeatable['event_title'] ) ) { echo $repeatable['event_title']; } ?></td>
									<td class="organic-widgets-event-location"><?php if ( array_key_exists( 'event_location', $repeatable ) && ! empty( $repeatable['event_location'] ) ) { echo $repeatable['event_location']; } ?></td>
									<td class="organic-widgets-event-venue"><?php if ( array_key_exists( 'event_venue', $repeatable ) && ! empty( $repeatable['event_venue'] ) ) { ?><?php if ( array_key_exists( 'event_venue_url', $repeatable ) && ! empty( $repeatable['event_venue_url'] ) ) { ?><a href="<?php echo $repeatable['event_venue_url']; ?>"><?php } ?><?php echo $repeatable['event_venue']; ?><?php if ( array_key_exists( 'event_venue_url', $repeatable ) && ! empty( $repeatable['event_venue'] ) ) { ?></a><?php } ?><?php } ?></td>
									<td class="organic-widgets-event-date"><?php if ( array_key_exists( 'event_date', $repeatable ) && ! empty( $repeatable['event_date'] ) ) { echo $repeatable['event_date']; } ?></td>
									<td class="organic-widgets-event-time"><?php if ( array_key_exists( 'event_time', $repeatable ) && ! empty( $repeatable['event_time'] ) ) { echo $repeatable['event_time']; } ?></td>
									<?php if ( array_key_exists( 'event_link_url', $repeatable ) && array_key_exists( 'event_link_text', $repeatable ) && ! empty( $repeatable['event_link_text'] ) ) { ?><td class="organic-widgets-event-link"><a class="button" href="<?php echo esc_url( $repeatable['event_link_url'] ); ?>"><?php echo esc_html( $repeatable['event_link_text'] ); ?></a></td><?php } ?>
								</tr>
								<?php } ?>
							<?php } ?>
							</tbody>

						</table>

					<?php /** END .organic-widgets-event-table */ ?>
					</div>

					<?php if ( ! empty( $button_url ) ) { ?>
						<div class="organic-widgets-button-holder">
							<a class="organic-widgets-button button" href="<?php echo esc_url( $button_url );?>" <?php if ( '1' == $button_target ) { ?>target="_blank"<?php } ?>><?php if ( ! empty( $button_text ) ) { echo esc_html_e( $button_text, 'organic-widgets-pro' ); } else { esc_html_e( 'See More', 'organic-widgets-pro' ); } ?></a>
						</div>
					<?php } ?>

				<?php /** END .organic-widgets-content */ ?>
				</div>

			<?php /** END .organic-widgets-section */ ?>
			</div>

		<?php /** END .organic-widgets-aligner */ ?>
		</div>

		<?php

		echo $args['after_widget'];

	} // End widget()

	/**
	 * Back-end widget form.
	 *
	 * @see WP_Widget::form()
	 *
	 * @param array $instance Previously saved values from database.
	 */
	public function form( $instance ) {

		$instance = wp_parse_args(
			(array) $instance,
			array(
				'title' => '',
				'text'  => '',
			)
		);

		// Setup Variables.
		$this->id_prefix = $this->get_field_id( '' );

		if ( isset( $instance['button_text'] ) ) {
			$button_text = $instance['button_text'];
		} else {
			$button_text = false;
		}
		if ( isset( $instance['button_url'] ) ) {
			$button_url = $instance['button_url'];
		} else {
			$button_url = false;
		}
		if ( isset( $instance['button_target'] ) ) {
			$button_target = $instance['button_target'];
		} else {
			$button_target = false;
		}
		if ( isset( $instance['table_style'] ) ) {
			$table_style = $instance['table_style'];
		} else {
			$table_style = 'style-table-default';
		}
		if ( isset( $instance['repeatable_array'] ) ) {
			$repeatable_array = json_decode( $instance['repeatable_array'], true );
		} else {
			$repeatable_array = array();
		}

		?>

		<div class="organic-widgets-repeatable-form-item-widget-admin">

			<input id="<?php echo $this->get_field_id( 'title' ); ?>" name="<?php echo $this->get_field_name( 'title' ); ?>" class="title" type="hidden" value="<?php echo esc_attr( $instance['title'] ); ?>">
			<input id="<?php echo $this->get_field_id( 'text' ); ?>" name="<?php echo $this->get_field_name( 'text' ); ?>" class="text organic-widgets-wysiwyg-anchor" type="hidden" value="<?php echo esc_attr( $instance['text'] ); ?>">
			<input id="<?php echo $this->get_field_id( 'filter' ); ?>" name="<?php echo $this->get_field_name( 'filter' ); ?>" class="filter" type="hidden" value="on">
			<input id="<?php echo $this->get_field_id( 'visual' ); ?>" name="<?php echo $this->get_field_name( 'visual' ); ?>" class="visual" type="hidden" value="on">

			<div class="organic-widgets-option-set">
				<p class="organic-widgets-input-half">
					<label for="<?php echo $this->get_field_id( 'button_text' ); ?>"><?php _e( 'Button Text:', 'organic-widgets-pro' ); ?></label>
					<input class="widefat" type="text" id="<?php echo $this->get_field_id( 'button_text' ); ?>" name="<?php echo $this->get_field_name( 'button_text' ); ?>" value="<?php echo esc_html( $button_text ); ?>" />
				</p>
				<p class="organic-widgets-input-half last">
					<label for="<?php echo $this->get_field_id( 'button_url' ); ?>"><?php _e( 'Button URL', 'organic-widgets-pro') ; ?></label>
					<input class="widefat" type="text" id="<?php echo $this->get_field_id( 'button_url' ); ?>" name="<?php echo $this->get_field_name( 'button_url' ); ?>" value="<?php echo esc_url( $button_url ); ?>" />
				</p>
			</div>
			<p>
				<input class="checkbox" type="checkbox" value="1" <?php checked( $button_target, '1' ); ?> id="<?php echo $this->get_field_id( 'button_target' ); ?>" name="<?php echo $this->get_field_name( 'button_target' ); ?>" />
				<label for="<?php echo $this->get_field_id( 'button_target' ); ?>"><?php esc_html_e( 'Open Link In New Window', 'organic-widgets-pro' ); ?></label>
			</p>

			<p>
				<label for="<?php echo $this->get_field_id( 'table_style' ); ?>"><?php _e( 'Table Style:', 'organic-widgets-pro' ); ?>
					<select id="<?php echo $this->get_field_id( 'table_style' ); ?>" name="<?php echo $this->get_field_name( 'table_style' ); ?>">
						<option value="style-table-default" <?php echo ( 'style-table-default' === $table_style ) ? 'selected' : ''; ?>><?php _e( 'Theme Default', 'organic-widgets-pro' ); ?></option>
						<option value="style-table-modern" <?php echo ( 'style-table-modern' === $table_style ) ? 'selected' : ''; ?>><?php _e( 'Modern', 'organic-widgets-pro' ); ?></option>
						<option value="style-table-bordered" <?php echo ( 'style-table-bordered' === $table_style ) ? 'selected' : ''; ?>><?php _e( 'Bordered', 'organic-widgets-pro' ); ?></option>
						<option value="style-table-dark" <?php echo ( 'style-table-dark' === $table_style ) ? 'selected' : ''; ?>><?php _e( 'Dark', 'organic-widgets-pro' ); ?></option>
						<option value="style-table-minimal" <?php echo ( 'style-table-minimal' === $table_style ) ? 'selected' : ''; ?>><?php _e( 'Minimal', 'organic-widgets-pro' ); ?></option>
					</select>
				</label>
			</p>

			<br />

			<?php $this->section_font_input_markup( $instance, $this->font_options ); ?>

			<?php $this->section_layout_input_markup( $instance, $this->layout_options ); ?>

			<?php $this->section_background_input_markup( $instance, $this->bg_options ); ?>

			<?php $this->repeatable_form_item_inputs_markup( $repeatable_array, 'Event List' ); ?>

			<p class="organic-widgets-input">
				<label for="<?php echo $this->get_field_id( 'widget_custom_class' ); ?>"><?php esc_html_e( 'Custom Widget Class', 'organic-widgets-pro' ); ?></label>
				<input class="widefat" type="text" id="<?php echo $this->get_field_id( 'widget_custom_class' ); ?>" name="<?php echo $this->get_field_name( 'widget_custom_class' ); ?>" value="<?php if ( ! empty( $instance['widget_custom_class'] ) ) echo $instance['widget_custom_class']; ?>" />
			</p>

			<p class="organic-widgets-input">
				<label for="<?php echo $this->get_field_id( 'widget_custom_anchor' ); ?>"><?php _e( 'Custom Widget Anchor', 'organic-widgets-pro' ); ?></label>
				<input class="widefat" type="text" id="<?php echo $this->get_field_id( 'widget_custom_anchor' ); ?>" name="<?php echo $this->get_field_name( 'widget_custom_anchor' ); ?>" value="<?php if ( ! empty( $instance['widget_custom_anchor'] ) ) echo $instance['widget_custom_anchor']; ?>" />
			</p>

		</div>

		<?php

	}

	/**
	 * Ouput HTML for a Repeatable Table Item
	 *
	 * @access protected
	 */
	protected function echo_repeatable_form_item( $id = 'template', $order = 'template', $repeatable = false ) {

		if ( 'template' === $id || 'template' === $order ) {
			$template = true;
			$id       = '__x__';
			$order    = '';
		} else {
			$template = false;
			$id       = (int) $id;
			$order    = (int) $order;
		}
		?>

		<div class="<?php if ( $template ) { echo 'organic-widgets-repeatable-form-item-template'; } else { echo 'organic-widgets-repeatable-form-item'; } ?>" data-feature-id="<?php echo $id; ?>" data-order="<?php echo $order; ?>">

			<div class="organic-widgets-repeatable-form-item-title-bar">
				<?php esc_html_e( 'Event Details:', 'organic-widgets-pro' ); ?>
				<span class="organic-widgets-repeatable-item-number">
					<?php
					if ( is_numeric( $order ) ) {
						echo $order + 1;
					}
					?>
				</span>
			</div>

			<div class="organic-widgets-repeatable-form-item-fields-wrapper">

				<p>
					<label for="<?php echo $this->get_field_id( 'event_title' ); ?>"><?php esc_html_e( 'Event Title:', 'organic-widgets-pro' ) ?></label>
					<input class="widefat organic-widgets-repeatable-form-item-input" data-input-name="event_title" data-activator="true" type="text" value="<?php if ( $repeatable && array_key_exists( 'event_title', $repeatable ) ) { echo $repeatable['event_title']; } ?>" />
				</p>

				<p>
					<label for="<?php echo $this->get_field_id( 'event_location' ); ?>"><?php esc_html_e( 'Event Location:', 'organic-widgets-pro' ) ?></label>
					<input class="widefat organic-widgets-repeatable-form-item-input" data-input-name="event_location" data-activator="true" type="text" value="<?php if ( $repeatable && array_key_exists( 'event_location', $repeatable ) ) { echo $repeatable['event_location']; } ?>" />
				</p>

				<div class="organic-widgets-option-set">
					<p class="organic-widgets-input-half">
						<label for="<?php echo $this->get_field_id( 'event_venue' ); ?>"><?php esc_html_e( 'Event Venue:', 'organic-widgets-pro' ) ?></label>
						<input class="widefat organic-widgets-repeatable-form-item-input" data-input-name="event_venue" data-activator="true" type="text" value="<?php if ( $repeatable && array_key_exists( 'event_venue', $repeatable ) ) { echo $repeatable['event_venue']; } ?>" />
					</p>
					<p class="organic-widgets-input-half last">
						<label for="<?php echo $this->get_field_id( 'event_venue_url' ); ?>"><?php esc_html_e( 'Event Venue URL:', 'organic-widgets-pro' ) ?></label>
						<input class="widefat organic-widgets-repeatable-form-item-input" data-input-name="event_venue_url" data-activator="true" type="text" value="<?php if ( $repeatable && array_key_exists( 'event_venue_url', $repeatable ) ) { echo esc_url( $repeatable['event_venue_url'] ); } ?>" />
					</p>
				</div>

				<div class="organic-widgets-option-set">
					<p class="organic-widgets-input-half">
						<label for="<?php echo $this->get_field_id( 'event_date' ); ?>"><?php esc_html_e( 'Event Date:', 'organic-widgets-pro' ) ?></label>
						<input class="widefat organic-widgets-repeatable-form-item-input" data-input-name="event_date" data-activator="true" type="text" value="<?php if ( $repeatable && array_key_exists( 'event_date', $repeatable ) ) { echo $repeatable['event_date']; } ?>" />
					</p>
					<p class="organic-widgets-input-half last">
						<label for="<?php echo $this->get_field_id( 'event_time' ); ?>"><?php esc_html_e( 'Event Time:', 'organic-widgets-pro' ) ?></label>
						<input class="widefat organic-widgets-repeatable-form-item-input" data-input-name="event_time" data-activator="true" type="text" value="<?php if ( $repeatable && array_key_exists( 'event_time', $repeatable ) ) { echo $repeatable['event_time']; } ?>" />
					</p>
				</div>

				<div class="organic-widgets-option-set">
					<p class="organic-widgets-input-half">
						<label for="<?php echo $this->get_field_id( 'event_link_text' ); ?>"><?php esc_html_e( 'Event Link Text:', 'organic-widgets-pro' ); ?></label>
						<input class="widefat organic-widgets-repeatable-form-item-input" data-input-name="event_link_text" data-activator="true" type="text" value="<?php if ( $repeatable && array_key_exists( 'event_link_text', $repeatable ) ) { echo $repeatable['event_link_text']; } ?>" />
					</p>

					<p class="organic-widgets-input-half last">
						<label for="<?php echo $this->get_field_id( 'event_link_url' ); ?>"><?php esc_html_e( 'Event Link URL:', 'organic-widgets-pro' ); ?></label>
						<input class="widefat organic-widgets-repeatable-form-item-input" data-input-name="event_link_url" data-activator="true" type="text" value="<?php if ( $repeatable && array_key_exists( 'event_link_url', $repeatable ) ) { echo esc_url( $repeatable['event_link_url'] ); } ?>" />
					</p>

				</div>

				<br />

				<div class="organic-widgets-clear"></div>

				<?php $this->echo_repeatable_form_item_actions(); ?>

			</div>

		</div>

		<?php
	}

	/**
	 * Render form template scripts.
	 *
	 * @access public
	 */
	public function render_control_template_scripts() {

		?>
		<script type="text/html" id="tmpl-widget-organic_widgets_event_section-control-fields">

			<# var elementIdPrefix = 'el' + String( Math.random() ).replace( /\D/g, '' ) + '_' #>

			<p>
				<label for="{{ elementIdPrefix }}title"><?php esc_html_e( 'Title:' ); ?></label>
				<input id="{{ elementIdPrefix }}title" type="text" class="widefat title">
			</p>
			<p>
				<label for="{{ elementIdPrefix }}text" class="screen-reader-text"><?php esc_html_e( 'Content:' ); ?></label>
				<textarea id="{{ elementIdPrefix }}text" class="widefat text" style="height: 200px" rows="16" cols="20"></textarea>
			</p>
		</script>
		<?php

	}

	/**
	 * Sanitize widget form values as they are saved.
	 *
	 * @see WP_Widget::update()
	 *
	 * @param array $new_instance Values just sent to be saved.
	 * @param array $old_instance Previously saved values from database.
	 *
	 * @return array Updated safe values to be saved.
	 */
	public function update( $new_instance, $old_instance ) {

		$instance = $old_instance;

		/*--- Text/Title ----*/
		if ( ! isset( $newinstance['filter'] ) ) {
			$instance['filter'] = false;
		}
		if ( ! isset( $newinstance['visual'] ) ) {
			$instance['visual'] = null;
		}
		// Upgrade 4.8.0 format.
		if ( isset( $old_instance['filter'] ) && 'content' === $old_instance['filter'] ) {
			$instance['visual'] = true;
		}
		if ( 'content' === $new_instance['filter'] ) {
			$instance['visual'] = true;
		}
		if ( isset( $new_instance['visual'] ) ) {
			$instance['visual'] = ! empty( $new_instance['visual'] );
		}
		// Filter is always true in visual mode.
		if ( ! empty( $instance['visual'] ) ) {
			$instance['filter'] = true;
		}
		if ( current_user_can( 'unfiltered_html' ) ) {
			$instance['title'] = $new_instance['title'];
			$instance['text']  = $new_instance['text'];
		} else {
			$instance['title'] = wp_kses_post( $new_instance['title'] );
			$instance['text']  = wp_kses_post( $new_instance['text'] );
		}
		/*--- END Text/Title ----*/

		if ( ! isset( $old_instance['created'] ) ) {
			$instance['created'] = time();
		}
		if ( isset( $new_instance['button_text'] ) ) {
			$instance['button_text'] = wp_strip_all_tags( $new_instance['button_text'] );
		}
		if ( isset( $new_instance['button_url'] ) ) {
			$instance['button_url'] = wp_strip_all_tags( $new_instance['button_url'] );
		}
		if ( isset( $new_instance['button_target'] ) ) {
			$instance['button_target'] = true;
		} else {
			$instance['button_target'] = false;
		}
		if ( isset( $new_instance['table_style'] ) ) {
			$instance['table_style'] = wp_strip_all_tags( $new_instance['table_style'] );
		}
		if ( isset( $new_instance['repeatable_array'] ) ) {
			$instance['repeatable_array'] = $new_instance['repeatable_array'];
		}

		/*--- Background ----*/
		if ( isset( $new_instance['bg_image_id'] ) ) {
			$instance['bg_image_id'] = wp_strip_all_tags( $new_instance['bg_image_id'] );
		}
		if ( isset( $new_instance['bg_image'] ) ) {
			$instance['bg_image'] = wp_strip_all_tags( $new_instance['bg_image'] );
		}
		if ( isset( $new_instance['bg_image_fixed'] ) ) {
			$instance['bg_image_fixed'] = true;
		} else {
			$instance['bg_image_fixed'] = false;
		}
		if ( isset( $new_instance['bg_image_repeat'] ) ) {
			$instance['bg_image_repeat'] = true;
		} else {
			$instance['bg_image_repeat'] = false;
		}
		if ( isset( $new_instance['bg_color'] ) && $this->check_hex_color( $new_instance['bg_color'] ) ) {
			$instance['bg_color'] = wp_strip_all_tags( $new_instance['bg_color'] );
		} else {
			$instance['bg_color'] = false;
		}
		/*--- END Background ----*/

		/*--- Font Options ----*/
		if ( isset( $new_instance['title_text_heading'] ) ) {
			$instance['title_text_heading'] = wp_strip_all_tags( $new_instance['title_text_heading'] );
		}
		if ( isset( $new_instance['title_text_color'] ) ) {
			$instance['title_text_color'] = wp_strip_all_tags( $new_instance['title_text_color'] );
		}
		if ( isset( $new_instance['title_font_weight'] ) ) {
			$instance['title_font_weight'] = wp_strip_all_tags( $new_instance['title_font_weight'] );
		}
		if ( isset( $new_instance['title_font_size'] ) ) {
			$instance['title_font_size'] = wp_strip_all_tags( $new_instance['title_font_size'] );
		}
		if ( isset( $new_instance['title_letter_spacing'] ) ) {
			$instance['title_letter_spacing'] = wp_strip_all_tags( $new_instance['title_letter_spacing'] );
		}
		if ( isset( $new_instance['title_font_family'] ) ) {
			$instance['title_font_family'] = wp_strip_all_tags( $new_instance['title_font_family'] );
		}
		if ( isset( $new_instance['body_font_family'] ) ) {
			$instance['body_font_family'] = wp_strip_all_tags( $new_instance['body_font_family'] );
		}
		/*--- END Font Options ----*/

		/*--- Layout ----*/
		if ( isset( $new_instance['alignment'] ) ) {
			$instance['alignment'] = wp_strip_all_tags( $new_instance['alignment'] );
		}
		if ( isset( $new_instance['widget_padding_top'] ) ) {
			$instance['widget_padding_top'] = wp_strip_all_tags( $new_instance['widget_padding_top'] );
		}
		if ( isset( $new_instance['widget_padding_bottom'] ) ) {
			$instance['widget_padding_bottom'] = wp_strip_all_tags( $new_instance['widget_padding_bottom'] );
		}
		if ( isset( $new_instance['widget_custom_height'] ) ) {
			$instance['widget_custom_height'] = wp_strip_all_tags( $new_instance['widget_custom_height'] );
		}
		if ( isset( $new_instance['widget_custom_width'] ) ) {
			$instance['widget_custom_width'] = wp_strip_all_tags( $new_instance['widget_custom_width'] );
		}
		if ( isset( $new_instance['content_max_width'] ) ) {
			$instance['content_max_width'] = wp_strip_all_tags( $new_instance['content_max_width'] );
		}
		if ( isset( $new_instance['widget_custom_class'] ) ) {
			$instance['widget_custom_class'] = wp_strip_all_tags( $new_instance['widget_custom_class'] );
		}
		if ( isset( $new_instance['widget_custom_anchor'] ) ) {
			$instance['widget_custom_anchor'] = wp_strip_all_tags( $new_instance['widget_custom_anchor'] );
		}
		/*--- END Layout ----*/

		return $instance;

	}

	/**
	 * Enqueue all the javascript.
	 */
	public function admin_setup() {

		// Text Editor.
		wp_enqueue_editor();
		wp_enqueue_script( 'organic-widgets-event-text-title', plugin_dir_url( __FILE__ ) . 'js/event-widgets.js', array( 'jquery', 'wp-embed', 'underscore' ), '1.0', true );
		wp_localize_script( 'organic-widgets-event-text-title', 'OrganicEventWidget', array(
			'id_base' => $this->id_base,
		) );
		wp_add_inline_script( 'organic-widgets-event-text-title', 'wp.organicEventWidget.init();', 'after' );

		// Repeatable Form Items.
		if ( ! wp_script_is( 'organic-widgets-module-repeatable-form-item-js' ) && is_customize_preview() ) {
			wp_enqueue_script( 'organic-widgets-module-repeatable-form-item-js', ORGANIC_WIDGETS_PRO_ADMIN_JS_DIR . 'organic-widgets-module-repeatable-form-items.js', array( 'jquery' ), '1.0', true );
		}

		wp_enqueue_media();

		wp_enqueue_style( 'wp-color-picker' );
		wp_enqueue_script( 'wp-color-picker' );
		wp_enqueue_script( 'organic-widgets-module-color-picker', ORGANIC_WIDGETS_PRO_ADMIN_JS_DIR . 'organic-widgets-module-color-picker.js', array( 'jquery', 'wp-color-picker' ), '1.0', true );

		wp_enqueue_script( 'jquery-ui-datepicker' );
		wp_enqueue_script( 'organic-widgets-module-date-picker', ORGANIC_WIDGETS_PRO_ADMIN_JS_DIR . 'organic-widgets-module-date-picker.js', array( 'jquery', 'jquery-ui-datepicker' ), '1.0', true );
		wp_register_style( 'jquery-ui', 'https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css', '', '1.8' );
		wp_enqueue_style( 'jquery-ui' );

		wp_enqueue_script( 'organic-widgets-module-image-background', ORGANIC_WIDGETS_PRO_ADMIN_JS_DIR . 'organic-widgets-module-image-background.js', array( 'jquery', 'media-upload', 'media-views', 'wp-color-picker' ), '1.0', true );
		wp_localize_script( 'organic-widgets-module-image-background', 'OrganicWidgetBG', array(
			'frame_title'  => __( 'Select an Image', 'organic-widgets-pro' ),
			'button_title' => __( 'Insert Into Widget', 'organic-widgets-pro' ),
		) );

	}

	/**
	 * Enqueue public javascript.
	 */
	public function public_scripts() {

		if ( ! wp_script_is( 'organic-widgets-backgroundimagebrightness-js' ) ) {
			wp_enqueue_script( 'organic-widgets-backgroundimagebrightness-js', ORGANIC_WIDGETS_PRO_BASE_DIR . 'public/js/jquery.backgroundbrightness.js', array( 'jquery' ), '1.0', true );
		}

	}

} // class Organic_Widgets_Pro_Event_Widget
