<?php
/**
 * Class UltimaKit_Module_Custom_CSS
 *
 * @since 1.0.0
 * @package    UltimaKit
 */

/**
 * Class UltimaKit_Module_Custom_CSS
 *
 * @since 1.0.0
 */
class UltimaKit_Module_Custom_CSS extends UltimaKit_Module_Manager {
	/**
	 * @var string
	 */
	protected $ID = 'ultimakit_module_custom_css';

	/**
	 * The name of the module.
	 *
	 * @var string
	 */
	protected $name;

	/**
	 * A brief description of what the module does.
	 *
	 * @var string
	 */
	protected $description;

	/**
	 * The pricing plan associated with the module.
	 *
	 * @var string
	 */
	protected $plan = 'free';

	/**
	 * The category of functionality the module falls under.
	 *
	 * @var string
	 */
	protected $category = 'Custom Code';

	/**
	 * The type of module, indicating its platform or use case.
	 *
	 * @var string
	 */
	protected $type = 'WordPress';

	/**
	 * Flag indicating whether the module is active.
	 *
	 * @var bool
	 */
	protected $is_active;

	/**
	 * URL providing more detailed information about the module.
	 *
	 * @var string
	 */
	protected $read_more_link = 'add-custom-css-in-wordpress';

	/**
	 * The settings associated with the module, if any.
	 *
	 * @var array
	 */
	protected $settings;

	/**
	 * Constructs the Hide Admin Bar module instance.
	 *
	 * Initializes the module with default values for properties and prepares
	 * any necessary setup or hooks into WordPress. This may include setting
	 * initial values, registering hooks, or preparing resources needed for
	 * the module to function properly within WordPress.
	 */
	public function __construct() {
		$this->name        = __( 'Custom CSS', 'ultimakit-for-wp' );
		$this->description = __( 'Add Custom CSS on Frontend.', 'ultimakit-for-wp' );
		$this->is_active   = $this->isModuleActive( $this->ID );
		$this->settings    = 'yes';
		$this->initializeModule();
	}

	/**
	 * Initializes the specific module within the application.
	 *
	 * This function is responsible for performing the initial setup required to get the module
	 * up and running. This includes registering hooks and filters, enqueing styles and scripts,
	 * and any other preliminary setup tasks that need to be performed before the module can
	 * start functioning as expected.
	 *
	 * It's typically called during the plugin or theme's initialization phase, ensuring that
	 * all module dependencies are loaded and ready for use.
	 *
	 * @return void
	 */
	protected function initializeModule() {
		if ( $this->is_active ) {
			add_action( 'admin_enqueue_scripts', array( $this, 'add_scripts' ) );
			add_action( 'admin_footer', array( $this, 'add_modal' ) );

			if ( 'header' === $this->getModuleSettings( $this->ID, 'location' ) ) {
				add_action( 'wp_head', array( $this, 'add_css' ) );
			} else {
				add_action( 'wp_footer', array( $this, 'add_css' ) );
			}
		}
	}

	public function add_css() {
		echo '<!--This CSS has been generated by UltimaKit.-->';
		echo '<style>';
		echo $this->getModuleSettings( $this->ID, 'custom_css' );
		echo '</style>';
	}

	/**
	 * Adds a modal dialog to the page.
	 *
	 * This function is responsible for initiating and rendering a modal dialog within the
	 * application or website interface. It typically involves setting up the necessary HTML
	 * and JavaScript for the modal to function and display correctly. The modal can be used
	 * for various purposes, such as displaying information, confirming actions, or collecting
	 * user input.
	 *
	 * @return void
	 */
	public function add_modal() {
		$arguments          = array();
		$arguments['ID']    = $this->ID;
		$arguments['title'] = __( 'Custom CSS', 'ultimakit-for-wp' );

		$arguments['fields'] = array(
			'custom_css' => array(
				'type'        => 'textarea',
				'label'       => __( 'Custom CSS', 'ultimakit-for-wp' ),
				'value'       => $this->getModuleSettings( $this->ID, 'custom_css' ),
				'placeholder' => '/* Add your custom CSS here */' . "\n" . '.my-custom-class {' . "\n" . '    color: #333;' . "\n" . '    font-size: 16px;' . "\n" . '}',
				'desc'        => __( 'Enter your custom CSS code. You can target any element on your website. Example: .my-class { color: red; }', 'ultimakit-for-wp' ),
			),
			'location'   => array(
				'type'    => 'select',
				'label'   => __( 'Location', 'ultimakit-for-wp' ),
				'options' => array(
					'header' => 'Header',
					'footer' => 'Footer',
				),
				'default' => $this->getModuleSettings( $this->ID, 'location' ),
				'value'   => $this->getModuleSettings( $this->ID, 'custom_css' ),
			),
		);

		$this->ultimakit_generate_modal( $arguments );
	}

	/**
	 * Enqueues scripts for the theme or plugin.
	 *
	 * This function handles the registration and enqueuing of JavaScript files required
	 * by the theme or plugin. It ensures that scripts are loaded in the correct order and
	 * that dependencies are managed properly. Scripts can include both local and external
	 * resources, and may be conditionally loaded based on the context or user actions.
	 *
	 * Use this function to enqueue all JavaScript necessary for the functionality of your
	 * theme or plugin, adhering to WordPress best practices for script registration and
	 * enqueuing.
	 *
	 * @return void
	 */
	public function add_scripts() {
		wp_enqueue_script(
			'ultimakit-module-script-' . $this->ID,
			plugins_url( '/module-script.js', __FILE__ ),
			array( 'jquery' ),
			ULTIMAKIT_FOR_WP_VERSION,
			true
		);
	}
}
