<?php
/**
 * AIsoule Admin Settings Page.
 *
 * @package AIsoule_Connect
 */

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

class AIsoule_Admin {

	private static $instance = null;

	public static function instance() {
		if ( is_null( self::$instance ) ) {
			self::$instance = new self();
		}
		return self::$instance;
	}

	private function __construct() {
		add_action( 'admin_menu', array( $this, 'register_admin_menu' ) );
		add_action( 'admin_init', array( $this, 'register_settings' ) );
		add_action( 'admin_enqueue_scripts', array( $this, 'enqueue_admin_assets' ) );
	}

	public function register_admin_menu() {
		// Add under WooCommerce menu if WooCommerce exists
		if ( class_exists( 'WooCommerce' ) ) {
			add_submenu_page(
				'woocommerce',
				__( 'AIsoule Connect', 'aisoule-connect' ),
				__( 'AIsoule Connect', 'aisoule-connect' ),
				'manage_woocommerce',
				'aisoule-whatsapp',
				array( $this, 'render_settings_page' )
			);
		}

		// Also register top-level or standalone entry for easy discovery
		add_menu_page(
			__( 'AIsoule Connect', 'aisoule-connect' ),
			__( 'AIsoule Connect', 'aisoule-connect' ),
			'manage_options',
			'aisoule-whatsapp',
			array( $this, 'render_settings_page' ),
			'dashicons-format-chat',
			56
		);
	}

	public function register_settings() {
		register_setting(
			'aisoule_whatsapp_options_group',
			'aisoule_whatsapp_settings',
			array( $this, 'sanitize_settings' )
		);
	}

	public function sanitize_settings( $input ) {
		$sanitized = array();

		// General
		$sanitized['api_key'] = isset( $input['api_key'] ) ? sanitize_text_field( $input['api_key'] ) : '';
		$sanitized['org_id']  = isset( $input['org_id'] ) ? sanitize_text_field( $input['org_id'] ) : '';
		$sanitized['api_url'] = isset( $input['api_url'] ) ? esc_url_raw( $input['api_url'] ) : AISOULE_DEFAULT_API_URL;

		// Notifications
		$sanitized['notify_new_order']  = ! empty( $input['notify_new_order'] ) ? 1 : 0;
		$sanitized['notify_processing'] = ! empty( $input['notify_processing'] ) ? 1 : 0;
		$sanitized['notify_completed']  = ! empty( $input['notify_completed'] ) ? 1 : 0;
		$sanitized['notify_cancelled']  = ! empty( $input['notify_cancelled'] ) ? 1 : 0;

		// Chat Widget
		$sanitized['widget_enabled']  = ! empty( $input['widget_enabled'] ) ? 1 : 0;
		$sanitized['widget_phone']    = isset( $input['widget_phone'] ) ? preg_replace( '/[^0-9+]/', '', $input['widget_phone'] ) : '';
		$sanitized['widget_greeting'] = isset( $input['widget_greeting'] ) ? sanitize_textarea_field( $input['widget_greeting'] ) : '';
		$sanitized['widget_position'] = isset( $input['widget_position'] ) && 'left' === $input['widget_position'] ? 'left' : 'right';

		// Abandoned Cart
		$sanitized['abandoned_cart_enabled'] = ! empty( $input['abandoned_cart_enabled'] ) ? 1 : 0;

		return $sanitized;
	}

	public function enqueue_admin_assets( $hook ) {
		if ( false === strpos( $hook, 'aisoule-whatsapp' ) ) {
			return;
		}

		wp_add_inline_style(
			'wp-admin',
			'
			.aisoule-badge { display: inline-block; padding: 2px 8px; border-radius: 4px; font-weight: 600; font-size: 11px; text-transform: uppercase; margin-left: 8px; background: #25D366; color: #fff; }
			.aisoule-card { background: #fff; border: 1px solid #ccd0d4; box-shadow: 0 1px 1px rgba(0,0,0,.04); padding: 20px 24px; border-radius: 8px; margin-bottom: 20px; max-width: 900px; }
			.aisoule-card h2 { margin-top: 0; padding-bottom: 8px; border-bottom: 1px solid #f0f0f1; font-size: 1.3em; }
			.aisoule-stat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; margin-top: 15px; }
			.aisoule-stat-box { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 6px; padding: 14px; }
			.aisoule-stat-box .stat-label { font-size: 12px; color: #64748b; font-weight: 500; }
			.aisoule-stat-box .stat-val { font-size: 18px; font-weight: 700; color: #0f172a; margin-top: 4px; }
			'
		);
	}

	public function render_settings_page() {
		if ( ! current_user_can( 'manage_options' ) && ! current_user_can( 'manage_woocommerce' ) ) {
			wp_die( esc_html__( 'You do not have sufficient permissions to access this page.', 'aisoule-connect' ) );
		}

		$options = get_option( 'aisoule_whatsapp_settings', array() );

		$api_key                = isset( $options['api_key'] ) ? $options['api_key'] : '';
		$org_id                 = isset( $options['org_id'] ) ? $options['org_id'] : '';
		$api_url                = ! empty( $options['api_url'] ) ? $options['api_url'] : AISOULE_DEFAULT_API_URL;
		$notify_new_order       = ! empty( $options['notify_new_order'] );
		$notify_processing      = ! empty( $options['notify_processing'] );
		$notify_completed       = ! empty( $options['notify_completed'] );
		$notify_cancelled       = ! empty( $options['notify_cancelled'] );
		$widget_enabled         = ! empty( $options['widget_enabled'] );
		$widget_phone           = isset( $options['widget_phone'] ) ? $options['widget_phone'] : '';
		$widget_greeting        = isset( $options['widget_greeting'] ) ? $options['widget_greeting'] : __( 'Hello! I need help with my order.', 'aisoule-connect' );
		$widget_position        = isset( $options['widget_position'] ) ? $options['widget_position'] : 'right';
		$abandoned_cart_enabled = ! empty( $options['abandoned_cart_enabled'] );

		$is_connected = ! empty( $api_key );
		?>
		<div class="wrap">
			<h1>
				<?php esc_html_e( 'AIsoule Connect', 'aisoule-connect' ); ?>
				<span class="aisoule-badge"><?php echo $is_connected ? esc_html__( 'Connected', 'aisoule-connect' ) : esc_html__( 'Setup Needed', 'aisoule-connect' ); ?></span>
			</h1>

			<p><?php esc_html_e( 'Supercharge your store with automated order notifications, abandoned cart recovery, and live customer chat.', 'aisoule-connect' ); ?></p>

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

				<!-- Step 1: Connection -->
				<div class="aisoule-card">
					<h2><?php esc_html_e( '1. AIsoule Platform Connection', 'aisoule-connect' ); ?></h2>
					<p><?php esc_html_e( 'Get your API Key and Organization ID from your AIsoule dashboard at', 'aisoule-connect' ); ?> <a href="https://app.aisoule.com/settings/api-keys" target="_blank">app.aisoule.com/settings/api-keys</a>.</p>

					<table class="form-table" role="presentation">
						<tr>
							<th scope="row"><label for="aisoule_api_key"><?php esc_html_e( 'API Key', 'aisoule-connect' ); ?></label></th>
							<td>
								<input name="aisoule_whatsapp_settings[api_key]" type="password" id="aisoule_api_key" value="<?php echo esc_attr( $api_key ); ?>" class="regular-text" placeholder="aisoule_live_..." autocomplete="off">
								<p class="description"><?php esc_html_e( 'Your secret AIsoule API key for authentication.', 'aisoule-connect' ); ?></p>
							</td>
						</tr>
						<tr>
							<th scope="row"><label for="aisoule_org_id"><?php esc_html_e( 'Organization ID', 'aisoule-connect' ); ?></label></th>
							<td>
								<input name="aisoule_whatsapp_settings[org_id]" type="text" id="aisoule_org_id" value="<?php echo esc_attr( $org_id ); ?>" class="regular-text" placeholder="UUID or Organization Slug">
								<p class="description"><?php esc_html_e( 'Your AIsoule Workspace/Organization Identifier.', 'aisoule-connect' ); ?></p>
							</td>
						</tr>
						<tr>
							<th scope="row"><label for="aisoule_api_url"><?php esc_html_e( 'AIsoule API Base URL', 'aisoule-connect' ); ?></label></th>
							<td>
								<input name="aisoule_whatsapp_settings[api_url]" type="url" id="aisoule_api_url" value="<?php echo esc_url( $api_url ); ?>" class="regular-text">
								<p class="description"><?php esc_html_e( 'Default is https://app.aisoule.com/api', 'aisoule-connect' ); ?></p>
							</td>
						</tr>
					</table>
				</div>

				<!-- Step 2: Automated WhatsApp Notifications -->
				<div class="aisoule-card">
					<h2><?php esc_html_e( '2. Automated Order Notifications', 'aisoule-connect' ); ?></h2>
					<p><?php esc_html_e( 'Select which store order events should automatically trigger notifications to your customers.', 'aisoule-connect' ); ?></p>

					<fieldset>
						<p>
							<label>
								<input type="checkbox" name="aisoule_whatsapp_settings[notify_new_order]" value="1" <?php checked( $notify_new_order ); ?>>
								<strong><?php esc_html_e( 'Order Created / Pending Payment', 'aisoule-connect' ); ?></strong>
								- <?php esc_html_e( 'Send order confirmation and payment link immediately when customer checks out.', 'aisoule-connect' ); ?>
							</label>
						</p>
						<p>
							<label>
								<input type="checkbox" name="aisoule_whatsapp_settings[notify_processing]" value="1" <?php checked( $notify_processing ); ?>>
								<strong><?php esc_html_e( 'Order Confirmed / Processing', 'aisoule-connect' ); ?></strong>
								- <?php esc_html_e( 'Send payment confirmation message when payment succeeds.', 'aisoule-connect' ); ?>
							</label>
						</p>
						<p>
							<label>
								<input type="checkbox" name="aisoule_whatsapp_settings[notify_completed]" value="1" <?php checked( $notify_completed ); ?>>
								<strong><?php esc_html_e( 'Order Shipped / Completed', 'aisoule-connect' ); ?></strong>
								- <?php esc_html_e( 'Send tracking URL and delivery notice when order is marked completed.', 'aisoule-connect' ); ?>
							</label>
						</p>
						<p>
							<label>
								<input type="checkbox" name="aisoule_whatsapp_settings[notify_cancelled]" value="1" <?php checked( $notify_cancelled ); ?>>
								<strong><?php esc_html_e( 'Order Cancelled / Refunded', 'aisoule-connect' ); ?></strong>
								- <?php esc_html_e( 'Notify customer if order status is updated to cancelled.', 'aisoule-connect' ); ?>
							</label>
						</p>
					</fieldset>
				</div>

				<!-- Step 3: Abandoned Cart Recovery -->
				<div class="aisoule-card">
					<h2><?php esc_html_e( '3. Abandoned Cart Recovery', 'aisoule-connect' ); ?></h2>
					<p><?php esc_html_e( 'Automatically capture phone numbers when users fill checkout fields and trigger recovery reminders via AIsoule CRM flows.', 'aisoule-connect' ); ?></p>

					<label>
						<input type="checkbox" name="aisoule_whatsapp_settings[abandoned_cart_enabled]" value="1" <?php checked( $abandoned_cart_enabled ); ?>>
						<strong><?php esc_html_e( 'Enable Abandoned Cart Capture', 'aisoule-connect' ); ?></strong>
					</label>
				</div>

				<!-- Step 4: Floating WhatsApp Chat Widget -->
				<div class="aisoule-card">
					<h2><?php esc_html_e( '4. Floating Customer Chat Widget', 'aisoule-connect' ); ?></h2>
					<p><?php esc_html_e( 'Display a click-to-chat button on your store so shoppers can ask questions in real-time.', 'aisoule-connect' ); ?></p>

					<table class="form-table" role="presentation">
						<tr>
							<th scope="row"><?php esc_html_e( 'Enable Chat Widget', 'aisoule-connect' ); ?></th>
							<td>
								<label>
									<input type="checkbox" name="aisoule_whatsapp_settings[widget_enabled]" value="1" <?php checked( $widget_enabled ); ?>>
									<?php esc_html_e( 'Show floating chat button on storefront', 'aisoule-connect' ); ?>
								</label>
							</td>
						</tr>
						<tr>
							<th scope="row"><label for="aisoule_widget_phone"><?php esc_html_e( 'Customer Support Phone Number', 'aisoule-connect' ); ?></label></th>
							<td>
								<input name="aisoule_whatsapp_settings[widget_phone]" type="text" id="aisoule_widget_phone" value="<?php echo esc_attr( $widget_phone ); ?>" class="regular-text" placeholder="+917879078747">
								<p class="description"><?php esc_html_e( 'Include country code without special characters or spaces, e.g. +917879078747.', 'aisoule-connect' ); ?></p>
							</td>
						</tr>
						<tr>
							<th scope="row"><label for="aisoule_widget_greeting"><?php esc_html_e( 'Pre-filled Chat Message', 'aisoule-connect' ); ?></label></th>
							<td>
								<textarea name="aisoule_whatsapp_settings[widget_greeting]" id="aisoule_widget_greeting" rows="3" class="large-text"><?php echo esc_textarea( $widget_greeting ); ?></textarea>
								<p class="description"><?php esc_html_e( 'Initial message pre-filled in customer\'s chat message input.', 'aisoule-connect' ); ?></p>
							</td>
						</tr>
						<tr>
							<th scope="row"><?php esc_html_e( 'Widget Position', 'aisoule-connect' ); ?></th>
							<td>
								<select name="aisoule_whatsapp_settings[widget_position]">
									<option value="right" <?php selected( $widget_position, 'right' ); ?>><?php esc_html_e( 'Bottom Right', 'aisoule-connect' ); ?></option>
									<option value="left" <?php selected( $widget_position, 'left' ); ?>><?php esc_html_e( 'Bottom Left', 'aisoule-connect' ); ?></option>
								</select>
							</td>
						</tr>
					</table>
				</div>

				<?php submit_button( __( 'Save AIsoule Settings', 'aisoule-connect' ) ); ?>
			</form>
		</div>
		<?php
	}
}