<?php if ( ! defined( 'ABSPATH' ) ) {
	die; } // Cannot access directly.
/**
 *
 * Field: link_color
 *
 * @since 1.0.0
 * @version 1.0.0
 */
if ( ! class_exists( 'EDITH_Field_link_color' ) ) {
	class EDITH_Field_link_color extends EDITH_Fields {

		public function __construct( $field, $value = '', $unique = '', $where = '', $parent = '' ) {
			parent::__construct( $field, $value, $unique, $where, $parent );
		}

		public function render() {

			$args = wp_parse_args(
				$this->field,
				array(
					'color'   => true,
					'hover'   => true,
					'active'  => false,
					'visited' => false,
					'focus'   => false,
				)
			);

			$default_values = array(
				'color'   => '',
				'hover'   => '',
				'active'  => '',
				'visited' => '',
				'focus'   => '',
			);

			$color_props = array(
				'color'   => esc_html__( 'Normal', 'finch-cart-product-recommendations' ),
				'hover'   => esc_html__( 'Hover', 'finch-cart-product-recommendations' ),
				'active'  => esc_html__( 'Active', 'finch-cart-product-recommendations' ),
				'visited' => esc_html__( 'Visited', 'finch-cart-product-recommendations' ),
				'focus'   => esc_html__( 'Focus', 'finch-cart-product-recommendations' ),
			);

			$value = wp_parse_args( $this->value, $default_values );

			echo wp_kses_post( $this->field_before() );

			foreach ( $color_props as $color_prop_key => $color_prop_value ) {

				if ( ! empty( $args[ $color_prop_key ] ) ) {

					$default_attr = ( ! empty( $this->field['default'][ $color_prop_key ] ) ) ? ' data-default-color="' . esc_attr( $this->field['default'][ $color_prop_key ] ) . '"' : '';

					echo '<div class="edith--left edith-field-color">';
					echo '<div class="edith--title">' . esc_attr( $color_prop_value ) . '</div>';
					echo '<input type="text" name="' . esc_attr( $this->field_name( '[' . $color_prop_key . ']' ) ) . '" value="' . esc_attr( $value[ $color_prop_key ] ) . '" class="edith-color"' . wp_kses_post( $default_attr ) . wp_kses_post( $this->field_attributes() ) . '/>';
					echo '</div>';

				}
			}

			echo wp_kses_post( $this->field_after() );
		}

		public function output() {

			$output    = '';
			$elements  = ( is_array( $this->field['output'] ) ) ? $this->field['output'] : array_filter( (array) $this->field['output'] );
			$important = ( ! empty( $this->field['output_important'] ) ) ? '!important' : '';

			if ( ! empty( $elements ) && isset( $this->value ) && $this->value !== '' ) {
				foreach ( $elements as $element ) {

					if ( isset( $this->value['color'] ) && $this->value['color'] !== '' ) {
						$output .= $element . '{color:' . $this->value['color'] . $important . ';}'; }
					if ( isset( $this->value['hover'] ) && $this->value['hover'] !== '' ) {
						$output .= $element . ':hover{color:' . $this->value['hover'] . $important . ';}'; }
					if ( isset( $this->value['active'] ) && $this->value['active'] !== '' ) {
							$output .= $element . ':active{color:' . $this->value['active'] . $important . ';}'; }
					if ( isset( $this->value['visited'] ) && $this->value['visited'] !== '' ) {
							$output .= $element . ':visited{color:' . $this->value['visited'] . $important . ';}'; }
					if ( isset( $this->value['focus'] ) && $this->value['focus'] !== '' ) {
						$output .= $element . ':focus{color:' . $this->value['focus'] . $important . ';}'; }
				}
			}

			$this->parent->output_css .= $output;

			return $output;
		}
	}
}
