<?php
/**
 * A1 Tools Web Chat Elementor Widget
 *
 * Live-chat widget. Renders either a floating button (anchored to a
 * page corner) or an inline button (placed wherever the user dropped
 * it in their Elementor layout). Both modes share a single chat
 * session keyed by the visitor's localStorage token, so a visitor
 * who clicks the floating button on page A and the inline button on
 * page B continues the same conversation.
 *
 * Implementation lives in `assets/web-chat.js` + `assets/web-chat.css`
 * (this PHP file just emits the placement and per-widget settings).
 *
 * @package A1_Tools
 * @since   2.5.0
 */

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

class A1Tools_Web_Chat_Elementor_Widget extends \Elementor\Widget_Base {

	public function get_name() {
		return 'a1tools_web_chat';
	}

	public function get_title() {
		return __( 'A1 Web Chat', 'a1-tools' );
	}

	public function get_icon() {
		return 'eicon-chat';
	}

	public function get_categories() {
		return array( 'general' );
	}

	public function get_keywords() {
		return array( 'chat', 'live chat', 'support', 'a1', 'tools' );
	}

	public function get_style_depends() {
		return array( 'a1tools-web-chat' );
	}

	public function get_script_depends() {
		return array( 'a1tools-web-chat' );
	}

	// ────────────────────────────────────────────────────────────────
	// Controls
	// ────────────────────────────────────────────────────────────────

	protected function register_controls() {

		// ── Mode + Content ────────────────────────────────────────
		$this->start_controls_section(
			'mode_section',
			array(
				'label' => __( 'Placement', 'a1-tools' ),
				'tab'   => \Elementor\Controls_Manager::TAB_CONTENT,
			)
		);

		$this->add_control(
			'placement',
			array(
				'label'   => __( 'Placement', 'a1-tools' ),
				'type'    => \Elementor\Controls_Manager::SELECT,
				'default' => 'floating',
				'options' => array(
					'floating' => __( 'Floating (fixed to corner)', 'a1-tools' ),
					'inline'   => __( 'Inline (place in layout)', 'a1-tools' ),
				),
				'description' => __( 'Both modes share the same conversation — drop multiple onto a page if you want a sticky button + an in-content CTA.', 'a1-tools' ),
			)
		);

		$this->add_control(
			'floating_corner',
			array(
				'label'     => __( 'Floating Corner', 'a1-tools' ),
				'type'      => \Elementor\Controls_Manager::SELECT,
				'default'   => 'br',
				'options'   => array(
					'br' => __( 'Bottom Right', 'a1-tools' ),
					'bl' => __( 'Bottom Left', 'a1-tools' ),
					'tr' => __( 'Top Right', 'a1-tools' ),
					'tl' => __( 'Top Left', 'a1-tools' ),
				),
				'condition' => array( 'placement' => 'floating' ),
			)
		);

		$this->end_controls_section();

		// ── Button content ────────────────────────────────────────
		$this->start_controls_section(
			'content_section',
			array(
				'label' => __( 'Button & Window', 'a1-tools' ),
				'tab'   => \Elementor\Controls_Manager::TAB_CONTENT,
			)
		);

		$this->add_control(
			'button_label',
			array(
				'label'   => __( 'Button Label', 'a1-tools' ),
				'type'    => \Elementor\Controls_Manager::TEXT,
				'default' => __( 'Live chat', 'a1-tools' ),
			)
		);

		$this->add_control(
			'show_icon',
			array(
				'label'        => __( 'Show Icon', 'a1-tools' ),
				'type'         => \Elementor\Controls_Manager::SWITCHER,
				'default'      => 'yes',
				'return_value' => 'yes',
			)
		);

		$this->add_control(
			'window_title',
			array(
				'label'   => __( 'Window Title', 'a1-tools' ),
				'type'    => \Elementor\Controls_Manager::TEXT,
				'default' => __( 'Chat with us', 'a1-tools' ),
			)
		);

		$this->add_control(
			'window_subtitle',
			array(
				'label'   => __( 'Window Subtitle', 'a1-tools' ),
				'type'    => \Elementor\Controls_Manager::TEXT,
				'default' => __( "We're online and ready to help.", 'a1-tools' ),
			)
		);

		$this->add_control(
			'pre_chat_intro',
			array(
				'label'       => __( 'Pre-chat Intro', 'a1-tools' ),
				'type'        => \Elementor\Controls_Manager::TEXTAREA,
				'default'     => __( 'Quick details first so we can get back to you if we disconnect:', 'a1-tools' ),
				'label_block' => true,
			)
		);

		$this->add_control(
			'greeting_message',
			array(
				'label'       => __( 'Greeting (sent after pre-chat)', 'a1-tools' ),
				'type'        => \Elementor\Controls_Manager::TEXTAREA,
				'default'     => __( "Hi! Thanks for reaching out — a team member will be with you in just a moment.", 'a1-tools' ),
				'label_block' => true,
			)
		);

		$this->add_control(
			'offline_message',
			array(
				'label'       => __( 'Offline Subhead', 'a1-tools' ),
				'type'        => \Elementor\Controls_Manager::TEXT,
				'default'     => __( "We're offline — leave a note and we'll reply by email or call.", 'a1-tools' ),
				'description' => __( 'Shown when no dispatcher is currently connected.', 'a1-tools' ),
			)
		);

		$this->end_controls_section();

		// ── Button Style ────────────────────────────────────────
		$this->start_controls_section(
			'style_button_section',
			array(
				'label' => __( 'Button Style', 'a1-tools' ),
				'tab'   => \Elementor\Controls_Manager::TAB_STYLE,
			)
		);

		$this->start_controls_tabs( 'button_state_tabs' );

		$this->start_controls_tab( 'button_normal_tab', array( 'label' => __( 'Normal', 'a1-tools' ) ) );
		$this->add_control(
			'button_bg_color',
			array(
				'label'     => __( 'Background', 'a1-tools' ),
				'type'      => \Elementor\Controls_Manager::COLOR,
				'default'   => '#f49320',
				'selectors' => array(
					'{{WRAPPER}} .a1tools-web-chat__button' => 'background-color: {{VALUE}};',
				),
			)
		);
		$this->add_control(
			'button_text_color',
			array(
				'label'     => __( 'Text/Icon', 'a1-tools' ),
				'type'      => \Elementor\Controls_Manager::COLOR,
				'default'   => '#ffffff',
				'selectors' => array(
					'{{WRAPPER}} .a1tools-web-chat__button' => 'color: {{VALUE}};',
				),
			)
		);
		$this->end_controls_tab();

		$this->start_controls_tab( 'button_hover_tab', array( 'label' => __( 'Hover', 'a1-tools' ) ) );
		$this->add_control(
			'button_bg_hover_color',
			array(
				'label'     => __( 'Background', 'a1-tools' ),
				'type'      => \Elementor\Controls_Manager::COLOR,
				'default'   => '#d67d10',
				'selectors' => array(
					'{{WRAPPER}} .a1tools-web-chat__button:hover' => 'background-color: {{VALUE}};',
				),
			)
		);
		$this->add_control(
			'button_text_hover_color',
			array(
				'label'     => __( 'Text/Icon', 'a1-tools' ),
				'type'      => \Elementor\Controls_Manager::COLOR,
				'default'   => '#ffffff',
				'selectors' => array(
					'{{WRAPPER}} .a1tools-web-chat__button:hover' => 'color: {{VALUE}};',
				),
			)
		);
		$this->end_controls_tab();

		$this->end_controls_tabs();

		$this->add_group_control(
			\Elementor\Group_Control_Typography::get_type(),
			array(
				'name'     => 'button_typography',
				'selector' => '{{WRAPPER}} .a1tools-web-chat__button',
			)
		);

		$this->add_control(
			'button_border_radius',
			array(
				'label'      => __( 'Border Radius', 'a1-tools' ),
				'type'       => \Elementor\Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%' ),
				'default'    => array(
					'top' => 30, 'right' => 30, 'bottom' => 30, 'left' => 30, 'unit' => 'px',
				),
				'selectors'  => array(
					'{{WRAPPER}} .a1tools-web-chat__button' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);

		$this->add_responsive_control(
			'button_padding',
			array(
				'label'      => __( 'Padding', 'a1-tools' ),
				'type'       => \Elementor\Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', 'em', '%' ),
				'default'    => array(
					'top' => 14, 'right' => 24, 'bottom' => 14, 'left' => 24, 'unit' => 'px',
				),
				'selectors'  => array(
					'{{WRAPPER}} .a1tools-web-chat__button' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);

		$this->add_group_control(
			\Elementor\Group_Control_Box_Shadow::get_type(),
			array(
				'name'     => 'button_box_shadow',
				'selector' => '{{WRAPPER}} .a1tools-web-chat__button',
			)
		);

		$this->end_controls_section();

		// ── Window Style ───────────────────────────────────────
		$this->start_controls_section(
			'style_window_section',
			array(
				'label' => __( 'Window Style', 'a1-tools' ),
				'tab'   => \Elementor\Controls_Manager::TAB_STYLE,
			)
		);

		$this->add_control(
			'window_header_bg',
			array(
				'label'     => __( 'Header Background', 'a1-tools' ),
				'type'      => \Elementor\Controls_Manager::COLOR,
				'default'   => '#f49320',
				'selectors' => array(
					'.a1tools-web-chat-window__header' => 'background-color: {{VALUE}};',
				),
			)
		);

		$this->add_control(
			'window_header_text',
			array(
				'label'     => __( 'Header Text', 'a1-tools' ),
				'type'      => \Elementor\Controls_Manager::COLOR,
				'default'   => '#ffffff',
				'selectors' => array(
					'.a1tools-web-chat-window__header, .a1tools-web-chat-window__header *' => 'color: {{VALUE}};',
				),
			)
		);

		$this->add_control(
			'window_dispatcher_bubble',
			array(
				'label'     => __( 'Dispatcher Bubble', 'a1-tools' ),
				'type'      => \Elementor\Controls_Manager::COLOR,
				'default'   => '#eef2ff',
				'selectors' => array(
					'.a1tools-web-chat-window__msg--dispatcher .a1tools-web-chat-window__bubble' => 'background-color: {{VALUE}};',
				),
			)
		);

		$this->add_control(
			'window_visitor_bubble',
			array(
				'label'     => __( 'Visitor Bubble', 'a1-tools' ),
				'type'      => \Elementor\Controls_Manager::COLOR,
				'default'   => '#f49320',
				'selectors' => array(
					'.a1tools-web-chat-window__msg--visitor .a1tools-web-chat-window__bubble' => 'background-color: {{VALUE}}; color: #fff;',
				),
			)
		);

		$this->end_controls_section();
	}

	// ────────────────────────────────────────────────────────────────
	// Render
	// ────────────────────────────────────────────────────────────────

	protected function render() {
		$settings   = $this->get_settings_for_display();
		$company_id = (int) get_option( 'a1tools_form_company_id', 0 );

		$placement       = in_array( ( $settings['placement'] ?? '' ), array( 'inline', 'floating' ), true )
			? $settings['placement']
			: 'floating';
		$corner          = $settings['floating_corner'] ?? 'br';
		$button_label    = $settings['button_label'] ?? __( 'Live chat', 'a1-tools' );
		$window_title    = $settings['window_title'] ?? __( 'Chat with us', 'a1-tools' );
		$window_subtitle = $settings['window_subtitle'] ?? '';
		$pre_chat_intro  = $settings['pre_chat_intro'] ?? '';
		$greeting        = $settings['greeting_message'] ?? '';
		$offline_msg     = $settings['offline_message'] ?? '';
		$show_icon       = ( $settings['show_icon'] ?? 'yes' ) === 'yes';

		$api_base = 'https://tools.a-1chimney.com/api/web_chat.php';
		$site_url = home_url();

		// Per-widget DOM id so multiple placements on one page coexist.
		$wid_id = 'a1tools-web-chat-' . wp_unique_id();
		$wrap_classes = array( 'a1tools-web-chat' );
		$wrap_classes[] = 'a1tools-web-chat--' . ( 'inline' === $placement ? 'inline' : 'floating' );
		if ( 'floating' === $placement ) {
			$wrap_classes[] = 'a1tools-web-chat--corner-' . sanitize_key( $corner );
		}

		?>
		<div id="<?php echo esc_attr( $wid_id ); ?>" class="<?php echo esc_attr( implode( ' ', $wrap_classes ) ); ?>"
			data-endpoint="<?php echo esc_url( $api_base ); ?>"
			data-company-id="<?php echo esc_attr( $company_id ); ?>"
			data-site-url="<?php echo esc_url( $site_url ); ?>"
			data-window-title="<?php echo esc_attr( $window_title ); ?>"
			data-window-subtitle="<?php echo esc_attr( $window_subtitle ); ?>"
			data-pre-chat-intro="<?php echo esc_attr( $pre_chat_intro ); ?>"
			data-greeting="<?php echo esc_attr( $greeting ); ?>"
			data-offline="<?php echo esc_attr( $offline_msg ); ?>">

			<button type="button" class="a1tools-web-chat__button" aria-label="<?php echo esc_attr( $button_label ); ?>">
				<?php if ( $show_icon ) : ?>
					<svg class="a1tools-web-chat__icon" viewBox="0 0 24 24" fill="currentColor" width="20" height="20" aria-hidden="true">
						<path d="M4 4h16a2 2 0 012 2v10a2 2 0 01-2 2h-7l-4 4v-4H4a2 2 0 01-2-2V6a2 2 0 012-2z"/>
					</svg>
				<?php endif; ?>
				<span class="a1tools-web-chat__button-label"><?php echo esc_html( $button_label ); ?></span>
				<span class="a1tools-web-chat__button-badge" hidden></span>
			</button>
		</div>
		<?php
		// The chat window itself is rendered once per page by the global
		// JS module — multiple placements all open the same window.
	}
}