<?php
/**
 * Draw Attention Block Image.
 *
 * @since   1.8
 * @package Draw_Attention
 */

/**
 * Draw Attention Block Image.
 *
 * @since 1.8
 */
class DrawAttention_Block_Image {
	/**
	 * Parent plugin class.
	 *
	 * @since 1.8
	 *
	 * @var   DrawAttention
	 */
	protected $plugin = null;

	/**
	 * Constructor.
	 *
	 * @since  1.8
	 *
	 * @param  Draw_Attention $plugin Main plugin object.
	 */
	public function __construct( $plugin ) {
		$this->plugin = $plugin;
		$this->hooks();
	}

	/**
	 * Initiate our hooks.
	 *
	 * @since  1.8
	 */
	public function hooks() {
		add_action( 'init', array( $this, 'register_image_block' ) );
	}

	function register_image_block() {
		if ( function_exists( 'register_block_type' ) ) {
			wp_register_script(
				'drawattention-image-block-js',
				trailingslashit( $this->plugin->get_plugin_url() ) . 'admin/assets/js/draw-attention-block.js',
				array( 'wp-blocks', 'wp-element', 'wp-server-side-render', 'wp-block-editor' )
			);

			wp_register_style(
				'drawattention-image-block-css',
				trailingslashit( $this->plugin->get_plugin_url() ) . 'admin/assets/css/draw-attention-block.css'
			);

			register_block_type(
				'draw-attention/image',
				array(
					'api_version'     => 2,
					'editor_script'   => 'drawattention-image-block-js',
					'editor_style'    => 'drawattention-image-block-css',
					'keywords'        => array( 'image', 'hotspot', 'map' ),

					'render_callback' => array( $this, 'render' ),
				)
			);
		}
	}

	function render( $atts ) {
		return $this->plugin->shortcode( $atts );
	}
}