<?php
/**
 * Smart Menu desktop navigation region.
 *
 * @package ReactWoo\Atomic
 */

namespace ReactWoo\Atomic\Widgets\Free\SmartMenu;

use Elementor\Modules\AtomicWidgets\Elements\Base\Has_Element_Template;
use Elementor\Modules\AtomicWidgets\PropTypes\Primitives\String_Prop_Type;
use Elementor\Modules\AtomicWidgets\PropTypes\Size_Prop_Type;
use Elementor\Modules\AtomicWidgets\Styles\Style_Definition;
use Elementor\Modules\AtomicWidgets\Styles\Style_Variant;
use ReactWoo\Atomic\ElementorBridge\Rwa_Atomic_Element;

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

/**
 * Locked structural: reactwoo-smart-menu-desktop.
 */
final class Smart_Menu_Desktop extends Rwa_Atomic_Element {
	use Has_Element_Template;

	const BASE_STYLE_KEY = 'base';

	/**
	 * @param array $data Data.
	 * @param array $args Args.
	 */
	public function __construct( $data = array(), $args = null ) {
		parent::__construct( $data, $args );
		$this->meta( 'permanently_locked', true );
	}

	/**
	 * @return bool
	 */
	protected function is_atomic_container(): bool {
		return false;
	}

	/**
	 * {@inheritdoc}
	 */
	public static function get_element_type(): string {
		return Smart_Menu::TYPE_DESKTOP;
	}

	/**
	 * {@inheritdoc}
	 */
	public function get_title() {
		return __( 'Desktop Menu', 'reactwoo-atomic' );
	}

	/**
	 * {@inheritdoc}
	 */
	public function get_icon() {
		return 'eicon-nav-menu';
	}

	/**
	 * {@inheritdoc}
	 */
	protected function should_show_in_panel() {
		return false;
	}

	/**
	 * {@inheritdoc}
	 */
	protected function define_allowed_child_types() {
		return array( Smart_Menu::TYPE_ITEM );
	}

	/**
	 * Horizontal Figma bar — same pattern as Content Switcher menu base styles.
	 *
	 * {@inheritdoc}
	 */
	protected function define_base_styles(): array {
		return array(
			static::BASE_STYLE_KEY => Style_Definition::make()
				->add_variant(
					Style_Variant::make()
						->add_props(
							array(
								'display'         => String_Prop_Type::generate( 'flex' ),
								'flex-direction'  => String_Prop_Type::generate( 'row' ),
								'flex-wrap'       => String_Prop_Type::generate( 'wrap' ),
								'align-items'     => String_Prop_Type::generate( 'flex-start' ),
								'justify-content' => String_Prop_Type::generate( 'flex-start' ),
								'width'           => String_Prop_Type::generate( '100%' ),
								'gap'             => Size_Prop_Type::generate(
									array(
										'size' => 18,
										'unit' => 'px',
									)
								),
							)
						)
				),
		);
	}

	/**
	 * {@inheritdoc}
	 */
	protected function get_templates(): array {
		return array(
			'reactwoo-atomic/smart-menu-desktop' => __DIR__ . '/templates/smart-menu-desktop.html.twig',
		);
	}
}