<?php
/**
 * Addsynapse_Search_Block
 *
 * Gutenberg block για το πεδίο αναζήτησης (τρίτος τρόπος εμφάνισης, βλ.
 * ARCHITECTURE.md §6). Server-side render_callback, ΧΩΡΙΣ build step: το
 * editor script γράφεται inline εδώ (wp_add_inline_script) αντί για ξεχωριστό
 * .js/webpack bundle — δεν υπάρχει pipeline στην πρώτη έκδοση.
 *
 * @package Addsynapse_Search_Filter
 */

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

class Addsynapse_Search_Block {

	const BLOCK_NAME = 'addsynapse-search/search';

	public static function init() {
		/*
		 * 🔴 ΟΧΙ σκέτο add_action( 'init', ... ).
		 *
		 * Αυτή η init() καλείται ΗΔΗ ΜΕΣΑ από το `init` (Addsynapse_Search_Plugin::init()).
		 * Ένα callback που προστίθεται στο ίδιο hook ΤΗΝ ΩΡΑ που τρέχει ΔΕΝ
		 * εκτελείται — οπότε το register() δεν έτρεχε ΠΟΤΕ και το block ήταν
		 * αόρατο στον inserter. Ίσχυε και για το block της αναζήτησης από την
		 * αρχή· φάνηκε μόνο όταν ο χρήστης έψαξε «web» στα Widgets και είδε
		 * «No results found».
		 */
		if ( did_action( 'init' ) ) {
			self::register();
		} else {
			add_action( 'init', array( __CLASS__, 'register' ) );
		}

		/*
		 * 🔴 ΡΗΤΟ enqueue, ΕΠΙΠΛΕΟΝ του `editor_script` του register_block_type().
		 *
		 * Ένα handle δηλωμένο με `wp_register_script( ..., false, ... )` και
		 * inline περιεχόμενο ΔΕΝ τυπωνόταν στην οθόνη Widgets — το block
		 * ήταν καταχωρημένο στην PHP αλλά ΑΟΡΑΤΟ στον inserter, οπότε ο
		 * καταστηματάρχης έψαχνε «web» και έβλεπε «No results found».
		 * Μετρημένο: 118 blocks φορτωμένα, κανένα δικό μας.
		 *
		 * Το `enqueue_block_editor_assets` τρέχει σε ΟΛΟΥΣ τους editors
		 * (άρθρου, site, widgets).
		 */
		add_action( 'enqueue_block_editor_assets', array( __CLASS__, 'enqueue_editor' ) );
	}

	public static function enqueue_editor() {
		wp_enqueue_script( 'addsynapse-search-block-editor' );
	}

	public static function register() {
		if ( ! function_exists( 'register_block_type' ) ) {
			return;
		}

		wp_register_script(
			'addsynapse-search-block-editor',
			false,
			array( 'wp-blocks', 'wp-element', 'wp-block-editor', 'wp-components', 'wp-i18n' ),
			defined( 'ADDSYNAPSE_SEARCH_VERSION' ) ? ADDSYNAPSE_SEARCH_VERSION : '1.0.0',
			true
		);
		wp_add_inline_script( 'addsynapse-search-block-editor', self::editor_script() );

		register_block_type(
			self::BLOCK_NAME,
			array(
				'api_version'     => 2,
				'title'           => __( 'AddSynapse Search', 'addsynapse-search-filter' ),
				'category'        => 'widgets',
				'icon'            => 'search',
				'description'     => __( 'Smart product search field.', 'addsynapse-search-filter' ),
				'attributes'      => array(
					'placeholder' => array(
						'type'    => 'string',
						'default' => '',
					),
					'className'   => array(
						'type'    => 'string',
						'default' => '',
					),
				),
				'editor_script'   => 'addsynapse-search-block-editor',
				'render_callback' => array( __CLASS__, 'render' ),
			)
		);
	}

	/**
	 * Server-side render — απλά ανακατευθύνει στο shortcode ώστε να υπάρχει
	 * μία μόνο πηγή αλήθειας για το markup.
	 *
	 * @param array $attributes Block attributes.
	 * @return string
	 */
	public static function render( $attributes ) {
		if ( ! class_exists( 'Addsynapse_Search_Shortcode' ) ) {
			return '';
		}

		$sc_atts = array();

		if ( ! empty( $attributes['placeholder'] ) ) {
			$sc_atts['placeholder'] = sanitize_text_field( $attributes['placeholder'] );
		}
		if ( ! empty( $attributes['className'] ) ) {
			$sc_atts['class'] = sanitize_html_class( $attributes['className'] );
		}

		return Addsynapse_Search_Shortcode::render( $sc_atts );
	}

	/**
	 * Inline editor script (wp.blocks.registerBlockType). Δεν αγγίζει το
	 * frontend· τρέχει μόνο μέσα στον block editor.
	 *
	 * @return string
	 */
	protected static function editor_script() {
		$title       = esc_js( __( 'AddSynapse Search', 'addsynapse-search-filter' ) );
		$description = esc_js( __( 'Smart product search field.', 'addsynapse-search-filter' ) );
		$panel_title = esc_js( __( 'Search settings', 'addsynapse-search-filter' ) );
		$field_label = esc_js( __( 'Placeholder', 'addsynapse-search-filter' ) );
		$preview     = esc_js( __( 'AddSynapse Search — preview available on the frontend', 'addsynapse-search-filter' ) );

		return "
( function( blocks, element, blockEditor, components ) {
	if ( ! blocks || ! element || ! blockEditor ) {
		return;
	}

	var el = element.createElement;
	var InspectorControls = blockEditor.InspectorControls;
	var useBlockProps = blockEditor.useBlockProps;
	var PanelBody = components.PanelBody;
	var TextControl = components.TextControl;

	blocks.registerBlockType( 'addsynapse-search/search', {
		title: '{$title}',
		description: '{$description}',
		icon: 'search',
		category: 'widgets',
		attributes: {
			placeholder: { type: 'string', default: '' },
			className: { type: 'string', default: '' }
		},
		edit: function( props ) {
			var attributes = props.attributes;
			var setAttributes = props.setAttributes;
			var blockProps = useBlockProps ? useBlockProps() : {};

			return el( 'div', blockProps,
				el( InspectorControls, {},
					el( PanelBody, { title: '{$panel_title}' },
						el( TextControl, {
							label: '{$field_label}',
							value: attributes.placeholder || '',
							onChange: function( value ) {
								setAttributes( { placeholder: value } );
							}
						} )
					)
				),
				el( 'div', { className: 'wosearch-block-editor-placeholder' },
					el( 'span', { className: 'dashicons dashicons-search' } ),
					el( 'span', {}, ' {$preview}' )
				)
			);
		},
		save: function() {
			return null;
		}
	} );
} )( window.wp && window.wp.blocks, window.wp && window.wp.element, window.wp && window.wp.blockEditor, window.wp && window.wp.components );
";
	}
}