<?php
/**
 * Settings Page Handler
 *
 * @package Abhinavdev_Environment_Badge
 */

// Exit if accessed directly.
if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

/**
 * Class Abhinavdev_Env_Badge_Settings
 */
class Abhinavdev_Env_Badge_Settings {

	/**
	 * Settings page hook suffix.
	 *
	 * @var string
	 */
	private $hook_suffix = '';

	/**
	 * Constructor.
	 */
	public function __construct() {
		add_action( 'admin_menu', array( $this, 'register_menu_page' ) );
		add_action( 'admin_init', array( $this, 'register_settings' ) );
		add_action( 'admin_enqueue_scripts', array( $this, 'enqueue_admin_assets' ) );
	}

	/**
	 * Register settings menu item under Settings.
	 */
	public function register_menu_page() {
		$this->hook_suffix = add_options_page(
			__( 'Environment Badge Settings', 'abhinavdev-environment-badge' ),
			__( 'Environment Badge', 'abhinavdev-environment-badge' ),
			'manage_options',
			'abhinavdev-environment-badge',
			array( $this, 'render_settings_page' )
		);
	}

	/**
	 * Register plugin settings with WordPress Settings API.
	 */
	public function register_settings() {
		register_setting(
			'abhinavdev_env_badge_settings_group',
			Abhinavdev_Env_Badge_Core::OPTION_NAME,
			array(
				'type'              => 'array',
				'sanitize_callback' => array( $this, 'sanitize_settings' ),
				'default'           => Abhinavdev_Env_Badge_Core::get_default_options(),
			)
		);
	}

	/**
	 * Enqueue scripts and styles on settings page.
	 *
	 * @param string $hook Page hook.
	 */
	public function enqueue_admin_assets( $hook ) {
		if ( $hook !== $this->hook_suffix ) {
			return;
		}

		// Enqueue WordPress core color picker.
		wp_enqueue_style( 'wp-color-picker' );
		wp_enqueue_script( 'wp-color-picker' );

		// Enqueue custom settings styles & script.
		wp_enqueue_style(
			'abhinavdev-env-badge-settings-css',
			ABHINAVDEV_ENV_BADGE_URL . 'assets/css/admin-settings.css',
			array( 'wp-color-picker' ),
			ABHINAVDEV_ENV_BADGE_VERSION
		);

		wp_enqueue_script(
			'abhinavdev-env-badge-settings-js',
			ABHINAVDEV_ENV_BADGE_URL . 'assets/js/admin-settings.js',
			array( 'jquery', 'wp-color-picker' ),
			ABHINAVDEV_ENV_BADGE_VERSION,
			true
		);
	}

	/**
	 * Strict data sanitization callback for Settings API.
	 *
	 * @param array $input Raw user input.
	 * @return array
	 */
	public function sanitize_settings( $input ) {
		$defaults = Abhinavdev_Env_Badge_Core::get_default_options();
		$output   = array();

		if ( ! is_array( $input ) ) {
			return $defaults;
		}

		// Mode: 'auto' or 'manual'
		$output['mode'] = ( isset( $input['mode'] ) && in_array( $input['mode'], array( 'auto', 'manual' ), true ) )
			? $input['mode']
			: 'auto';

		// Manual Environment
		$valid_envs = array( 'production', 'staging', 'development', 'local', 'custom' );
		$output['manual_env'] = ( isset( $input['manual_env'] ) && in_array( $input['manual_env'], $valid_envs, true ) )
			? $input['manual_env']
			: 'production';

		// Production Domain
		$raw_domain = isset( $input['production_domain'] ) ? sanitize_text_field( $input['production_domain'] ) : '';
		if ( ! empty( $raw_domain ) ) {
			$parsed = wp_parse_url( $raw_domain, PHP_URL_HOST );
			if ( ! empty( $parsed ) ) {
				$raw_domain = $parsed;
			}
			$raw_domain = strtolower( trim( $raw_domain, "/ \t\n\r\0\x0B" ) );
		}
		$output['production_domain'] = $raw_domain;

		// Custom Label override
		$output['custom_label'] = isset( $input['custom_label'] )
			? sanitize_text_field( $input['custom_label'] )
			: '';

		// Display checkboxes
		$output['show_on_backend']    = ! empty( $input['show_on_backend'] ) ? 1 : 0;
		$output['show_on_frontend']   = ! empty( $input['show_on_frontend'] ) ? 1 : 0;
		$output['show_details_popup'] = ! empty( $input['show_details_popup'] ) ? 1 : 0;

		// Badge Position
		$output['badge_position'] = ( isset( $input['badge_position'] ) && 'left' === $input['badge_position'] )
			? 'left'
			: 'right';

		// Color configurations
		$output['colors'] = array();
		foreach ( $valid_envs as $env ) {
			$def = $defaults['colors'][ $env ];
			$raw = isset( $input['colors'][ $env ] ) ? $input['colors'][ $env ] : array();

			$bg    = isset( $raw['bg'] ) ? sanitize_hex_color( $raw['bg'] ) : '';
			$text  = isset( $raw['text'] ) ? sanitize_hex_color( $raw['text'] ) : '';
			$label = isset( $raw['text_label'] ) ? sanitize_text_field( $raw['text_label'] ) : '';

			$output['colors'][ $env ] = array(
				'bg'         => $bg ? $bg : $def['bg'],
				'text'       => $text ? $text : $def['text'],
				'text_label' => $label ? $label : $def['text_label'],
			);
		}

		add_settings_error(
			'abhinavdev_env_badge_settings',
			'abhinavdev_env_badge_settings_updated',
			__( 'Environment Badge settings saved successfully.', 'abhinavdev-environment-badge' ),
			'success'
		);

		return $output;
	}

	/**
	 * Render the Settings Page HTML.
	 */
	public function render_settings_page() {
		if ( ! current_user_can( 'manage_options' ) ) {
			return;
		}

		$options      = Abhinavdev_Env_Badge_Core::get_options();
		$detected_env = Abhinavdev_Env_Badge_Core::detect_environment();
		$badge_data   = Abhinavdev_Env_Badge_Core::get_badge_data();
		?>
		<div class="wrap adeb-settings-wrap">
			<h1 class="adeb-title">
				<span class="dashicons dashicons-shield"></span>
				<?php esc_html_e( 'Environment Badge Settings', 'abhinavdev-environment-badge' ); ?>
			</h1>

			<!-- Live Preview Card -->
			<div class="adeb-card adeb-preview-card">
				<div class="adeb-preview-header">
					<h2><?php esc_html_e( 'Live Admin Bar Preview', 'abhinavdev-environment-badge' ); ?></h2>
					<span class="adeb-badge-meta">
						<?php
						echo esc_html__( 'Auto-detected Environment: ', 'abhinavdev-environment-badge' ) . '<strong>' . esc_html( strtoupper( $detected_env ) ) . '</strong>';
						?>
					</span>
				</div>
				<div class="adeb-mock-adminbar">
					<div class="adeb-mock-item"><span class="dashicons dashicons-wordpress"></span></div>
					<div class="adeb-mock-item"><span class="dashicons dashicons-admin-home"></span> <?php echo esc_html( get_bloginfo( 'name' ) ); ?></div>
					<div class="adeb-mock-preview-container <?php echo 'left' === $options['badge_position'] ? 'align-left' : 'align-right'; ?>">
						<div id="adeb-live-badge-pill" class="adeb-preview-pill" style="background-color: <?php echo esc_attr( $badge_data['bg_color'] ); ?>; color: <?php echo esc_attr( $badge_data['text_color'] ); ?>;">
							<span class="adeb-preview-dot" style="background-color: <?php echo esc_attr( $badge_data['text_color'] ); ?>;"></span>
							<span id="adeb-live-badge-text"><?php echo esc_html( $badge_data['label'] ); ?></span>
						</div>
					</div>
				</div>
			</div>

			<form method="post" action="options.php">
				<?php
				settings_fields( 'abhinavdev_env_badge_settings_group' );
				?>

				<div class="adeb-layout-grid">
					<!-- Left Column: Settings -->
					<div class="adeb-column-main">
						<!-- General Configuration -->
						<div class="adeb-card">
							<h2><?php esc_html_e( 'Environment Detection & Behavior', 'abhinavdev-environment-badge' ); ?></h2>
							<table class="form-table">
								<tr>
									<th scope="row"><?php esc_html_e( 'Detection Mode', 'abhinavdev-environment-badge' ); ?></th>
									<td>
										<fieldset>
											<label>
												<input type="radio" name="abhinavdev_env_badge_settings[mode]" value="auto" <?php checked( $options['mode'], 'auto' ); ?> />
												<strong><?php esc_html_e( 'Automatic Detection', 'abhinavdev-environment-badge' ); ?></strong>
												<span class="description">(<?php esc_html_e( 'Recommended - uses wp_get_environment_type() and host analysis', 'abhinavdev-environment-badge' ); ?>)</span>
											</label>
											<br><br>
											<label>
												<input type="radio" name="abhinavdev_env_badge_settings[mode]" value="manual" <?php checked( $options['mode'], 'manual' ); ?> />
												<strong><?php esc_html_e( 'Manual Override', 'abhinavdev-environment-badge' ); ?></strong>
											</label>
										</fieldset>
									</td>
								</tr>
								<tr id="adeb-manual-env-row" style="<?php echo 'manual' === $options['mode'] ? '' : 'display:none;'; ?>">
									<th scope="row"><?php esc_html_e( 'Select Environment', 'abhinavdev-environment-badge' ); ?></th>
									<td>
										<select name="abhinavdev_env_badge_settings[manual_env]" id="adeb_manual_env">
											<option value="production" <?php selected( $options['manual_env'], 'production' ); ?>><?php esc_html_e( 'Live Production', 'abhinavdev-environment-badge' ); ?></option>
											<option value="staging" <?php selected( $options['manual_env'], 'staging' ); ?>><?php esc_html_e( 'Staging Server', 'abhinavdev-environment-badge' ); ?></option>
											<option value="development" <?php selected( $options['manual_env'], 'development' ); ?>><?php esc_html_e( 'Development', 'abhinavdev-environment-badge' ); ?></option>
											<option value="local" <?php selected( $options['manual_env'], 'local' ); ?>><?php esc_html_e( 'Local Dev / Localhost', 'abhinavdev-environment-badge' ); ?></option>
											<option value="custom" <?php selected( $options['manual_env'], 'custom' ); ?>><?php esc_html_e( 'Custom Environment', 'abhinavdev-environment-badge' ); ?></option>
										</select>
										<p class="description"><?php esc_html_e( 'Manually force which environment badge is rendered across the site.', 'abhinavdev-environment-badge' ); ?></p>
									</td>
								</tr>
								<tr>
									<th scope="row"><?php esc_html_e( 'Production Domain', 'abhinavdev-environment-badge' ); ?></th>
									<td>
										<input type="text" name="abhinavdev_env_badge_settings[production_domain]" id="adeb_production_domain" value="<?php echo esc_attr( $options['production_domain'] ); ?>" class="regular-text" placeholder="example.com" />
										<p class="description">
											<?php esc_html_e( 'Optional. Enter your primary live domain (e.g. "mysite.com"). If defined, any clone or preview URL that does NOT match this domain will automatically display the Staging badge.', 'abhinavdev-environment-badge' ); ?>
										</p>
									</td>
								</tr>
								<tr>
									<th scope="row"><?php esc_html_e( 'Custom Badge Label', 'abhinavdev-environment-badge' ); ?></th>
									<td>
										<input type="text" name="abhinavdev_env_badge_settings[custom_label]" id="adeb_custom_label" value="<?php echo esc_attr( $options['custom_label'] ); ?>" class="regular-text" placeholder="<?php esc_attr_e( 'Leave blank to use environment default', 'abhinavdev-environment-badge' ); ?>" />
										<p class="description"><?php esc_html_e( 'Optional. Overrides the badge text with your own custom string (e.g. "CLIENT UAT", "BRANCH: MAIN").', 'abhinavdev-environment-badge' ); ?></p>
									</td>
								</tr>
								<tr>
									<th scope="row"><?php esc_html_e( 'Badge Position', 'abhinavdev-environment-badge' ); ?></th>
									<td>
										<select name="abhinavdev_env_badge_settings[badge_position]" id="adeb_badge_position">
											<option value="right" <?php selected( $options['badge_position'], 'right' ); ?>><?php esc_html_e( 'Right Side of Admin Bar', 'abhinavdev-environment-badge' ); ?></option>
											<option value="left" <?php selected( $options['badge_position'], 'left' ); ?>><?php esc_html_e( 'Left Side of Admin Bar', 'abhinavdev-environment-badge' ); ?></option>
										</select>
									</td>
								</tr>
								<tr>
									<th scope="row"><?php esc_html_e( 'Display Options', 'abhinavdev-environment-badge' ); ?></th>
									<td>
										<fieldset>
											<label>
												<input type="checkbox" name="abhinavdev_env_badge_settings[show_on_backend]" value="1" <?php checked( $options['show_on_backend'], 1 ); ?> />
												<?php esc_html_e( 'Display in WP Admin backend toolbar', 'abhinavdev-environment-badge' ); ?>
											</label>
											<br>
											<label>
												<input type="checkbox" name="abhinavdev_env_badge_settings[show_on_frontend]" value="1" <?php checked( $options['show_on_frontend'], 1 ); ?> />
												<?php esc_html_e( 'Display on frontend toolbar (for logged-in users with toolbar enabled)', 'abhinavdev-environment-badge' ); ?>
											</label>
											<br>
											<label>
												<input type="checkbox" name="abhinavdev_env_badge_settings[show_details_popup]" value="1" <?php checked( $options['show_details_popup'], 1 ); ?> />
												<?php esc_html_e( 'Show system info dropdown menu (PHP, WP version, host) on badge hover', 'abhinavdev-environment-badge' ); ?>
											</label>
										</fieldset>
									</td>
								</tr>
							</table>
						</div>

						<!-- Environment Color Customization -->
						<div class="adeb-card">
							<h2><?php esc_html_e( 'Environment Badges & Colors', 'abhinavdev-environment-badge' ); ?></h2>
							<p class="description"><?php esc_html_e( 'Customize the default labels and color palettes for each environment type.', 'abhinavdev-environment-badge' ); ?></p>

							<?php
							$envs = array(
								'production'  => __( 'Live Production', 'abhinavdev-environment-badge' ),
								'staging'     => __( 'Staging', 'abhinavdev-environment-badge' ),
								'development' => __( 'Development', 'abhinavdev-environment-badge' ),
								'local'       => __( 'Local Dev', 'abhinavdev-environment-badge' ),
								'custom'      => __( 'Custom', 'abhinavdev-environment-badge' ),
							);
							?>

							<div class="adeb-color-grid">
								<?php foreach ( $envs as $key => $title ) :
									$env_data = $options['colors'][ $key ];
								?>
									<div class="adeb-color-item" data-env="<?php echo esc_attr( $key ); ?>">
										<h3><?php echo esc_html( $title ); ?></h3>
										<div class="adeb-field-row">
											<label><?php esc_html_e( 'Label Text', 'abhinavdev-environment-badge' ); ?></label>
											<input type="text" name="abhinavdev_env_badge_settings[colors][<?php echo esc_attr( $key ); ?>][text_label]" class="adeb-color-label regular-text" value="<?php echo esc_attr( $env_data['text_label'] ); ?>" />
										</div>
										<div class="adeb-field-row">
											<label><?php esc_html_e( 'Background Color', 'abhinavdev-environment-badge' ); ?></label>
											<input type="text" name="abhinavdev_env_badge_settings[colors][<?php echo esc_attr( $key ); ?>][bg]" class="adeb-color-picker adeb-bg-picker" value="<?php echo esc_attr( $env_data['bg'] ); ?>" />
										</div>
										<div class="adeb-field-row">
											<label><?php esc_html_e( 'Text Color', 'abhinavdev-environment-badge' ); ?></label>
											<input type="text" name="abhinavdev_env_badge_settings[colors][<?php echo esc_attr( $key ); ?>][text]" class="adeb-color-picker adeb-text-picker" value="<?php echo esc_attr( $env_data['text'] ); ?>" />
										</div>
									</div>
								<?php endforeach; ?>
							</div>
						</div>

						<?php submit_button( __( 'Save All Changes', 'abhinavdev-environment-badge' ), 'primary large' ); ?>
					</div>

					<!-- Right Column: Info & Help -->
					<div class="adeb-column-side">
						<div class="adeb-card adeb-author-card">
							<h3><span class="dashicons dashicons-businessman"></span> <?php esc_html_e( 'Developer Info', 'abhinavdev-environment-badge' ); ?></h3>
							<p><strong><?php esc_html_e( 'Author:', 'abhinavdev-environment-badge' ); ?></strong> Abhinav Saxena</p>
							<p><strong><?php esc_html_e( 'WordPress Profile:', 'abhinavdev-environment-badge' ); ?></strong> <a href="https://profiles.wordpress.org/abhinavdev/" target="_blank" rel="noopener noreferrer">abhinavdev</a></p>
							<hr>
							<p class="description"><?php esc_html_e( 'Designed for WordPress agencies, developers, and site owners to avoid expensive errors on live websites.', 'abhinavdev-environment-badge' ); ?></p>
						</div>

						<div class="adeb-card">
							<h3><span class="dashicons dashicons-info"></span> <?php esc_html_e( 'Tip: wp-config.php', 'abhinavdev-environment-badge' ); ?></h3>
							<p><?php esc_html_e( 'You can also define your environment type in wp-config.php using WordPress core standard:', 'abhinavdev-environment-badge' ); ?></p>
							<code>define( 'WP_ENVIRONMENT_TYPE', 'staging' );</code>
							<p class="description"><?php esc_html_e( 'Supported values: production, staging, development, local.', 'abhinavdev-environment-badge' ); ?></p>
						</div>
					</div>
				</div>
			</form>
		</div>
		<?php
	}
}