<?php

// Exit if accessed directly.
if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

class CoolTmVCAddon {

	/**
	 * Registers our plugin with WordPress.
	 */
	public static function register() {
		 $vc_addon = new self();
		// We safely integrate with VC with this hook
		add_action( 'init', array( $vc_addon, 'ctl_vc_addon' ) );
	}

	public function ctl_vc_addon() {
		if ( defined( 'WPB_VC_VERSION' ) ) {
			$date_formats      = array(
				'F j'         => 'F j',
				'F j Y'       => 'F j Y',
				'Y-m-d'       => 'Y-m-d',
				'm/d/Y'       => 'm/d/Y',
				'd/m/Y'       => 'd/m/Y',
				'F j Y g:i A' => 'F j Y g:i A',
				'Y'           => 'Y',
			);
			$animation_effects = array(
				'none'    => 'none',
				'fade-up' => 'fadeInUp',
			);

			vc_map(
				array(
					'name'        => __( 'Cool Timeline', 'cool-timeline' ),
					'description' => __( 'Create Stories Timeline', 'cool-timeline' ),
					'base'        => 'cool-timeline',
					'class'       => '',
					'controls'    => 'full',
					'icon'        => CTL_PLUGIN_URL . 'assets/images/timeline-icon2-32x32.png', // or css class name which you can reffer in your css file later. Example: "cool-timeline_my_class"
					'category'    => __( 'Cool Timeline', 'cool-timeline' ),
					'params'      => array(
						array(
							'type'        => 'dropdown',
							'class'       => '',
							'heading'     => __( 'Select Timeline Layout', 'cool-timeline' ),
							'param_name'  => 'layout',
							'value'       => array(
								__( 'Vertical Timeline (Default)', 'cool-timeline' ) => 'default',
								__( 'Vertical one sided', 'cool-timeline' ) => 'one-side',
								__( 'Compact Layout', 'cool-timeline' ) => 'compact',
								__( 'Horizontal Timeline', 'cool-timeline' ) => 'horizontal',
							),
							'save_always' => true,
						),
						array(
							'type'        => 'textfield',
							'class'       => '',
							'heading'     => __( 'Show number of Stories', 'cool-timeline' ),
							'param_name'  => 'show-posts',
							'value'       => 10,
							'save_always' => true,
							'description' => __( 'You Can Show Pagination After These Posts In Vertical Timeline.', 'cool-timeline' ),
							'admin_label' => true,
						),
						array(
							'type'        => 'textfield',
							'class'       => '',
							'heading'     => __( 'Set show items', 'cool-timeline' ),
							'param_name'  => 'items',
							'value'       => 4,
							'save_always' => true,
							'description' => __( 'You can set the number of items in Horizontal Layout.', 'cool-timeline' ),
							'dependency'  => array(
								'element' => 'layout',
								'value'   => array( 'horizontal' ),
							),
						),
						array(
							'type'        => 'dropdown',
							'class'       => '',
							'heading'     => __( 'Order', 'cool-timeline' ),
							'param_name'  => 'order',
							'value'       => array(
								__( 'DESC', 'cool-timeline' ) => 'DESC',
								__( 'ASC', 'cool-timeline' ) => 'ASC',
							),
							'description' => __( 'Timeline Stories order like:- DESC(2017-1900) , ASC(1900-2017)', 'cool-timeline' ),
							'save_always' => true,
							'admin_label' => true,
						),
						array(
							'type'        => 'dropdown',
							'class'       => '',
							'heading'     => __( 'Date Formats', 'cool-timeline' ),
							'param_name'  => 'date-format',
							'value'       => $date_formats,
							'description' => __( 'Timeline Stories dates custom formats', 'cool-timeline' ),
							'save_always' => true,
						),
						array(
							'type'        => 'dropdown',
							'class'       => '',
							'heading'     => __( 'Story Content', 'cool-timeline' ),
							'param_name'  => 'story-content',
							'value'       => array(
								__( 'Summary', 'cool-timeline' ) => 'short',
								__( 'Full Text', 'cool-timeline' ) => 'full',
							),
							'description' => __( 'Display summary or full content for each story.', 'cool-timeline' ),
							'save_always' => true,
							'dependency'  => array(
								'element' => 'layout',
								'value'   => array( 'default', 'one-side', 'compact' ),
							),
						),
						array(
							'type'        => 'dropdown',
							'class'       => '',
							'heading'     => __( 'Timeline skin', 'cool-timeline' ),
							'param_name'  => 'skin',
							'value'       => array(
								__( 'Default', 'cool-timeline' ) => 'default',
								__( 'Clean', 'cool-timeline' ) => 'clean',
							),
							'description' => __( 'Create Light, Dark or Colorful Timeline', 'cool-timeline' ),
							'save_always' => true,
							'dependency'  => array(
								'element' => 'layout',
								'value'   => array( 'default', 'one-side', 'compact' ),
							),
						),
						array(
							'type'        => 'dropdown',
							'class'       => '',
							'heading'     => __( 'Icons', 'cool-timeline' ),
							'param_name'  => 'icons',
							'value'       => array(
								__( 'YES', 'cool-timeline' ) => 'YES',
								__( 'NO', 'cool-timeline' ) => 'NO',
							),
							'description' => __( 'Display Icons In Timeline Stories. By default Is Dot.', 'cool-timeline' ),
							'save_always' => true,
						),
						array(
							'type'        => 'dropdown',
							'class'       => '',
							'heading'     => __( 'Animations Effect', 'cool-timeline' ),
							'param_name'  => 'animation',
							'value'       => $animation_effects,
							'description' => sprintf(
								/* translators: %s: HTML link to the AOS animation effects demo. */
								__( 'Add Animations Effect Inside Timeline. Check effects demo at %s', 'cool-timeline' ),
								'<a target="_blank" rel="noopener noreferrer" href="' . esc_url( 'https://michalsnik.github.io/aos/' ) . '">AOS</a>'
							),
							'save_always' => true,
							'dependency'  => array(
								'element' => 'layout',
								'value'   => array( 'default', 'one-side', 'compact' ),
							),
						),
					),
				)
			);

		}
	}
}
CoolTmVCAddon::register();