<?php

if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

if ( ! class_exists( 'AIEO_Header_Search_Look', false ) ) {

	class AIEO_Header_Search_Look {

		
		const OPTION = 'aieo_header_search_look';

		
		const SIDES = array( 'top', 'right', 'bottom', 'left' );

		
		const ROLES = array(
			'text'        => 'currentColor',
			'muted'       => 'var(--wp--preset--color--muted)',
			'line'        => 'var(--wp--preset--color--line)',
			'accent'      => 'var(--wp--preset--color--accent)',
			'bg'          => 'var(--wp--preset--color--bg)',
			'subtle'      => 'var(--wp--preset--color--subtle)',
			'transparent' => 'transparent',
		);

		
		const CHOICES = array(
			'border_color'      => array( '', 'text', 'muted', 'line', 'accent', 'custom' ),
			'background'        => array( '', 'transparent', 'bg', 'subtle', 'custom' ),
			'placeholder_color' => array( '', 'text', 'custom' ),
		);

		
		const WIDTH_MAX  = 6;
		const RADIUS_MAX = 40;

		
		const STYLE_ID = 'aieo-header-search-look';

		private static $booted = false;

		public static function boot() {
			if ( self::$booted ) {
				return;
			}
			self::$booted = true;
			add_action( 'wp_head', array( __CLASS__, 'print_css' ), 8 );
			add_action( 'aieo_dmm_header_actions_cards', array( __CLASS__, 'card' ) );
			add_action( 'wp_ajax_aieo_header_search_look_save', array( __CLASS__, 'ajax_save' ) );
			add_filter( 'aieo_dmm_admin_navigator_cards', array( __CLASS__, 'navigator' ) );
		}

		
		public static function defaults() {
			return array(
				'border_top'               => true,
				'border_right'             => true,
				'border_bottom'            => true,
				'border_left'              => true,
				'border_width'             => '',
				'border_color'             => '',
				'border_color_custom'      => '',
				'background'               => '',
				'background_custom'        => '',
				'radius'                   => '',
				'placeholder_color'        => '',
				'placeholder_color_custom' => '',
				'align'                    => '',
			);
		}

		
		public static function sanitize( $value ) {
			$value = is_array( $value ) ? $value : array();
			$out   = self::defaults();
			foreach ( self::SIDES as $side ) {
				if ( array_key_exists( 'border_' . $side, $value ) ) {
					$out[ 'border_' . $side ] = (bool) filter_var( $value[ 'border_' . $side ], FILTER_VALIDATE_BOOLEAN );
				}
			}
			$out['border_width'] = self::length( $value['border_width'] ?? '', self::WIDTH_MAX, 0.5 );
			$out['radius']       = self::length( $value['radius'] ?? '', self::RADIUS_MAX, 1 );
			foreach ( self::CHOICES as $key => $roles ) {
				$role                      = is_scalar( $value[ $key ] ?? null ) ? strtolower( trim( (string) $value[ $key ] ) ) : '';
				$out[ $key ]               = in_array( $role, $roles, true ) ? $role : '';
				$out[ $key . '_custom' ]   = self::colour( $value[ $key . '_custom' ] ?? '' );
			}
			$out['align'] = 'center' === ( is_scalar( $value['align'] ?? null ) ? strtolower( trim( (string) $value['align'] ) ) : '' ) ? 'center' : '';
			return $out;
		}

		
		public static function settings() {
			return self::sanitize( get_option( self::OPTION, array() ) );
		}

		
		private static function length( $value, $max, $step ) {
			if ( ! is_scalar( $value ) || '' === trim( (string) $value ) || ! is_numeric( trim( (string) $value ) ) ) {
				return '';
			}
			$number = round( min( max( (float) $value, 0 ), $max ) / $step ) * $step;
			return rtrim( rtrim( number_format( $number, 1, '.', '' ), '0' ), '.' );
		}

		
		public static function colour( $value ) {
			$value = is_scalar( $value ) ? trim( (string) $value ) : '';
			if ( 1 === preg_match( '/^#(?:[0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/i', $value ) ) {
				return strtolower( $value );
			}
			if ( 1 === preg_match( '/^(?:rgba?|hsla?|hwb|lab|lch|oklab|oklch)\(\s*[0-9.%\s,\/+-]*(?:deg|turn|rad|none)?[0-9.%\s,\/+-]*\)$/i', $value ) && strlen( $value ) <= 64 ) {
				return strtolower( $value );
			}
			if ( 0 === strcasecmp( $value, 'transparent' ) ) {
				return 'transparent';
			}
			return 0 === strcasecmp( $value, 'currentColor' ) ? 'currentColor' : '';
		}

		
		private static function value( array $settings, $key ) {
			$role = (string) ( $settings[ $key ] ?? '' );
			if ( 'custom' === $role ) {
				return (string) ( $settings[ $key . '_custom' ] ?? '' );
			}
			return '' !== $role && isset( self::ROLES[ $role ] ) ? self::ROLES[ $role ] : '';
		}

		
		public static function css( $settings = null ) {
			$s    = null === $settings ? self::settings() : self::sanitize( $settings );
			$vars = array();
			$all  = true;
			foreach ( self::SIDES as $side ) {
				$all = $all && ! empty( $s[ 'border_' . $side ] );
			}
			$own = false; 
			if ( ! $all || '' !== $s['border_width'] ) {
				$width = '' !== $s['border_width'] ? $s['border_width'] . 'px' : '1px';
				$sides = array();
				foreach ( self::SIDES as $side ) {
					$sides[] = ! empty( $s[ 'border_' . $side ] ) && '0px' !== $width ? $width : '0';
				}
				$vars['--rooster-search-border-width'] = implode( ' ', $sides );
				$own                                   = true;
			}
			foreach ( array( 'border_color' => '--rooster-search-border-color', 'background' => '--rooster-search-background', 'placeholder_color' => '--rooster-search-placeholder' ) as $key => $property ) {
				$colour = self::value( $s, $key );
				if ( '' !== $colour ) {
					$vars[ $property ] = $colour;
					$own               = $own || 'placeholder_color' !== $key;
				}
			}
			if ( '' !== $s['radius'] ) {
				$vars['--rooster-search-radius'] = $s['radius'] . 'px';
			}
			if ( 'center' === $s['align'] ) {
				$vars['--rooster-search-align'] = 'center';
				$vars['--aieo-fibo-pad-start']  = '2.5rem'; 
			}
			if ( $own ) {
				$vars['--rooster-search-focus']       = 'currentColor';
				$vars['--rooster-search-focus-width'] = '1px';
			}
			if ( array() === $vars ) {
				return '';
			}
			$out = array();
			foreach ( $vars as $property => $css ) {
				$out[] = $property . ':' . $css;
			}
			return '.rooster-header__search-field{' . implode( ';', $out ) . '}';
		}

		
		public static function print_css() {
			$css = self::css();
			if ( '' !== $css ) {
				echo '<style id="' . esc_attr( self::STYLE_ID ) . '">' . $css . "</style>\n"; 
			}
		}

		

		
		private static function choice_names( $key ) {
			$names = array(
				''            => __( 'The theme\'s', 'ai-eshop-optimizer' ),
				'text'        => __( 'The row\'s text colour', 'ai-eshop-optimizer' ),
				'muted'       => __( 'The muted text colour', 'ai-eshop-optimizer' ),
				'line'        => __( 'The line colour', 'ai-eshop-optimizer' ),
				'accent'      => __( 'The accent', 'ai-eshop-optimizer' ),
				'bg'          => __( 'The page\'s ground', 'ai-eshop-optimizer' ),
				'subtle'      => __( 'The subtle ground', 'ai-eshop-optimizer' ),
				'transparent' => __( 'None: transparent', 'ai-eshop-optimizer' ),
				'custom'      => __( 'A colour of your own', 'ai-eshop-optimizer' ),
			);
			$out = array();
			foreach ( self::CHOICES[ $key ] as $role ) {
				$out[ $role ] = $names[ $role ];
			}
			return $out;
		}

		
		public static function card() {
			if ( ! class_exists( 'AIEO_DMM_UI' ) || ! class_exists( '\Rooster\Admin\Ui' ) || ! class_exists( '\Rooster\Admin\Fields' ) ) {
				return;
			}
			$s     = self::settings();
			$ui    = '\Rooster\Admin\Ui';
			$sides = array(
				'top'    => __( 'Top', 'ai-eshop-optimizer' ),
				'right'  => __( 'Right', 'ai-eshop-optimizer' ),
				'bottom' => __( 'Bottom', 'ai-eshop-optimizer' ),
				'left'   => __( 'Left', 'ai-eshop-optimizer' ),
			);
			$on    = array();
			foreach ( self::SIDES as $side ) {
				if ( ! empty( $s[ 'border_' . $side ] ) ) {
					$on[] = $side;
				}
			}
			$colour = static function ( $key, $label, $help ) use ( $s, $ui ) {
				$id = 'aieo-hsl-' . str_replace( '_', '-', $key );
				return $ui::field_row(
					array(
						'id'      => $id,
						'label'   => $label,
						'control' => $ui::select( $key, self::choice_names( $key ), (string) $s[ $key ], array( 'id' => $id, 'short' => true ) )
							. ' ' . \Rooster\Admin\Fields::color( $key . '_custom', (string) $s[ $key . '_custom' ], array( 'id' => $id . '-custom', 'alpha' => true, 'label' => $label, 'aria-label' => sprintf(  __( '%s: a colour of your own', 'ai-eshop-optimizer' ), $label ) ) ),
						'help'    => $help,
					)
				);
			};
			$html  = '<div class="rooster-admin-fields">';
			$html .= $ui::field_row(
				array(
					'id'      => 'aieo-hsl-sides',
					'label'   => __( 'Border: its sides', 'ai-eshop-optimizer' ),
					'group'   => true,
					'control' => $ui::checks( 'border_sides', $sides, $on, array( 'inline' => true ) ),
					'help'    => __( 'The sides of the field\'s border that show. Only the bottom: a line under the field, as on femme-fatale.gr.', 'ai-eshop-optimizer' ),
				)
			);
			$html .= $ui::field_row(
				array(
					'id'      => 'aieo-hsl-width',
					'label'   => __( 'Border: its width', 'ai-eshop-optimizer' ),
					'control' => $ui::input( 'border_width', (string) $s['border_width'], array( 'id' => 'aieo-hsl-width', 'type' => 'number', 'xs' => true, 'unit' => 'px', 'placeholder' => '1', 'attrs' => array( 'min' => '0', 'max' => (string) self::WIDTH_MAX, 'step' => '0.5' ) ) ),
					'help'    => __( 'Empty: the theme\'s, 1 px.', 'ai-eshop-optimizer' ),
				)
			);
			$html .= $colour( 'border_color', __( 'Border: its colour', 'ai-eshop-optimizer' ), __( 'The theme\'s: its line colour. The row\'s text colour reads on a dark row and a light one alike.', 'ai-eshop-optimizer' ) );
			$html .= $colour( 'background', __( 'Background', 'ai-eshop-optimizer' ), __( 'The theme\'s: the page\'s ground. None lets the row show through.', 'ai-eshop-optimizer' ) );
			$html .= $ui::field_row(
				array(
					'id'      => 'aieo-hsl-radius',
					'label'   => __( 'Corners', 'ai-eshop-optimizer' ),
					'control' => $ui::input( 'radius', (string) $s['radius'], array( 'id' => 'aieo-hsl-radius', 'type' => 'number', 'xs' => true, 'unit' => 'px', 'attrs' => array( 'min' => '0', 'max' => (string) self::RADIUS_MAX, 'step' => '1' ) ) ),
					'help'    => __( 'Empty: the theme\'s corners (Design, Shape). 0: square.', 'ai-eshop-optimizer' ),
				)
			);
			$html .= $colour( 'placeholder_color', __( 'Placeholder: its colour', 'ai-eshop-optimizer' ), __( 'The theme\'s: the muted text colour.', 'ai-eshop-optimizer' ) );
			$html .= $ui::field_row(
				array(
					'id'      => 'aieo-hsl-align',
					'label'   => __( 'Text and placeholder: their alignment', 'ai-eshop-optimizer' ),
					'control' => $ui::select( 'align', array( '' => __( 'At the start, the theme\'s', 'ai-eshop-optimizer' ), 'center' => __( 'Centred', 'ai-eshop-optimizer' ) ), (string) $s['align'], array( 'id' => 'aieo-hsl-align', 'short' => true ) ),
					'help'    => __( 'The focus always shows: with a border or a background of your own, the field is outlined in the text colour while you type in it.', 'ai-eshop-optimizer' ),
				)
			);
			$html .= '</div>';

			rooster_admin_band_open( array( 'cols' => 1 ) );
			list( $open, $close ) = AIEO_DMM_UI::card(
				array(
					'anchor'      => 'header-actions-search-look',
					'icon'        => 'search',
					'title'       => __( 'Header search field', 'ai-eshop-optimizer' ),
					'description' => __( 'The look of the search field in the header, the header builder\'s or FiboSearch\'s box in its place: the border side by side, its width and colour, the background, the corners, the placeholder\'s colour and the alignment. Empty: the theme\'s look.', 'ai-eshop-optimizer' ),
					'col'         => 1,
					'footer'      => \Rooster\Admin\States::save_button( 'aieo-dmm-header-search-look-form' ),
				)
			);
			echo $open . AIEO_DMM_UI::card_form( 'aieo_header_search_look_save', 'header_search_look', 'aieo-dmm-header-search-look-form', $html ) . $close; 
			rooster_admin_band_close();
		}

		
		public static function from_form( array $post ) {
			$sides = isset( $post['border_sides'] ) && is_array( $post['border_sides'] ) ? array_map( 'strval', $post['border_sides'] ) : array();
			$in    = array();
			foreach ( self::SIDES as $side ) {
				$in[ 'border_' . $side ] = in_array( $side, $sides, true );
			}
			foreach ( array( 'border_width', 'radius', 'align', 'border_color', 'border_color_custom', 'background', 'background_custom', 'placeholder_color', 'placeholder_color_custom' ) as $key ) {
				$in[ $key ] = isset( $post[ $key ] ) && is_scalar( $post[ $key ] ) ? wp_unslash( (string) $post[ $key ] ) : '';
			}
			return self::sanitize( $in );
		}

		
		public static function ajax_save() {
			if ( ! class_exists( 'AIEO_DMM' ) ) {
				wp_send_json_error( array( 'message' => __( 'Rooster One is not active.', 'ai-eshop-optimizer' ) ) );
			}
			AIEO_DMM::verify_ajax_request();
			if ( ! current_user_can( 'edit_theme_options' ) ) {
				wp_send_json_error( array( 'message' => __( 'Only someone who may change the site\'s appearance can change the header search field\'s look.', 'ai-eshop-optimizer' ) ) );
			}
			$before = self::settings();
			$after  = self::from_form( $_POST ); 
			update_option( self::OPTION, $after, true );
			if ( $after !== $before ) {
				do_action( 'aieo_purge_page_cache' ); 
			}
			wp_send_json_success( array( 'message' => '' === self::css( $after ) ? __( 'Saved: the theme\'s look.', 'ai-eshop-optimizer' ) : __( 'Saved: the header search field\'s look.', 'ai-eshop-optimizer' ) ) );
		}

		
		public static function navigator( $cards ) {
			if ( is_array( $cards ) && class_exists( 'AIEO_DMM' ) && function_exists( 'rooster_setting' ) ) {
				$cards[] = array( 'label' => __( 'Header search field', 'ai-eshop-optimizer' ), 'page_slug' => AIEO_DMM::MENU_SLUG, 'dmm_tab' => 'header_actions', 'anchor' => 'header-actions-search-look', 'keywords' => 'search field border placeholder fibosearch αναζήτηση πεδίο περίγραμμα' );
			}
			return $cards;
		}
	}
}