<?php
/**
 * A1 Tools Web Form Elementor Widget
 *
 * Renders a structured contact form that posts to a plugin REST endpoint,
 * which then forwards (HMAC-signed) to `tools.a-1chimney.com/api/web_forms.php`
 * and lands as a row in `crm_web_form_submissions`. Surfaces in the CRM's
 * Web Leads tab.
 *
 * @package A1_Tools
 * @since   2.5.0
 */

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

class A1Tools_Web_Form_Elementor_Widget extends \Elementor\Widget_Base {

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

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

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

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

	public function get_keywords() {
		return array( 'form', 'contact', 'lead', 'a1', 'tools', 'crm' );
	}

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

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

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

	protected function register_controls() {

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

		$this->add_control(
			'form_title',
			array(
				'label'       => __( 'Form Title', 'a1-tools' ),
				'type'        => \Elementor\Controls_Manager::TEXT,
				'default'     => __( 'Get in touch', 'a1-tools' ),
				'label_block' => true,
			)
		);

		$this->add_control(
			'form_subtitle',
			array(
				'label'       => __( 'Subtitle', 'a1-tools' ),
				'type'        => \Elementor\Controls_Manager::TEXTAREA,
				'default'     => __( "Tell us a bit about your project and we'll get back to you within a business day.", 'a1-tools' ),
				'label_block' => true,
			)
		);

		$this->add_control(
			'submit_label',
			array(
				'label'   => __( 'Submit Button Label', 'a1-tools' ),
				'type'    => \Elementor\Controls_Manager::TEXT,
				'default' => __( 'Send message', 'a1-tools' ),
			)
		);

		$this->add_control(
			'success_message',
			array(
				'label'       => __( 'Success Message', 'a1-tools' ),
				'type'        => \Elementor\Controls_Manager::TEXTAREA,
				'default'     => __( "Thanks! We've got your message and will reach out shortly.", 'a1-tools' ),
				'label_block' => true,
			)
		);

		$this->add_control(
			'error_message',
			array(
				'label'       => __( 'Error Message', 'a1-tools' ),
				'type'        => \Elementor\Controls_Manager::TEXTAREA,
				'default'     => __( "Couldn't send your message. Please try again or call us directly.", 'a1-tools' ),
				'label_block' => true,
			)
		);

		$this->add_control(
			'show_preferred_contact',
			array(
				'label'        => __( 'Show Preferred Contact Method', 'a1-tools' ),
				'type'         => \Elementor\Controls_Manager::SWITCHER,
				'default'      => 'yes',
				'label_on'     => __( 'Show', 'a1-tools' ),
				'label_off'    => __( 'Hide', 'a1-tools' ),
				'return_value' => 'yes',
			)
		);

		$this->add_control(
			'contact_options',
			array(
				'label'       => __( 'Available Contact Methods', 'a1-tools' ),
				'type'        => \Elementor\Controls_Manager::SELECT2,
				'multiple'    => true,
				'default'     => array( 'call', 'email', 'sms' ),
				'options'     => array(
					'call'  => __( 'Call', 'a1-tools' ),
					'email' => __( 'Email', 'a1-tools' ),
					'sms'   => __( 'SMS', 'a1-tools' ),
				),
				'condition'   => array( 'show_preferred_contact' => 'yes' ),
				'description' => __( 'Hide any method you do not offer.', 'a1-tools' ),
			)
		);

		$this->end_controls_section();

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

		$this->add_control(
			'form_bg_color',
			array(
				'label'     => __( 'Background', 'a1-tools' ),
				'type'      => \Elementor\Controls_Manager::COLOR,
				'default'   => '#ffffff',
				'selectors' => array(
					'{{WRAPPER}} .a1tools-web-form' => 'background-color: {{VALUE}};',
				),
			)
		);

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

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

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

		$this->end_controls_section();

		// ── Title / Subtitle Typography ───────────────────────────
		$this->start_controls_section(
			'style_title_section',
			array(
				'label' => __( 'Title & Subtitle', 'a1-tools' ),
				'tab'   => \Elementor\Controls_Manager::TAB_STYLE,
			)
		);

		$this->add_control(
			'title_color',
			array(
				'label'     => __( 'Title Color', 'a1-tools' ),
				'type'      => \Elementor\Controls_Manager::COLOR,
				'default'   => '#111111',
				'selectors' => array(
					'{{WRAPPER}} .a1tools-web-form__title' => 'color: {{VALUE}};',
				),
			)
		);

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

		$this->add_control(
			'subtitle_color',
			array(
				'label'     => __( 'Subtitle Color', 'a1-tools' ),
				'type'      => \Elementor\Controls_Manager::COLOR,
				'default'   => '#6b7280',
				'selectors' => array(
					'{{WRAPPER}} .a1tools-web-form__subtitle' => 'color: {{VALUE}};',
				),
			)
		);

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

		$this->end_controls_section();

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

		$this->add_control(
			'field_label_color',
			array(
				'label'     => __( 'Label Color', 'a1-tools' ),
				'type'      => \Elementor\Controls_Manager::COLOR,
				'default'   => '#374151',
				'selectors' => array(
					'{{WRAPPER}} .a1tools-web-form__label' => 'color: {{VALUE}};',
				),
			)
		);

		$this->add_control(
			'field_text_color',
			array(
				'label'     => __( 'Field Text', 'a1-tools' ),
				'type'      => \Elementor\Controls_Manager::COLOR,
				'default'   => '#111111',
				'selectors' => array(
					'{{WRAPPER}} .a1tools-web-form__input, {{WRAPPER}} .a1tools-web-form__select, {{WRAPPER}} .a1tools-web-form__textarea' => 'color: {{VALUE}};',
				),
			)
		);

		$this->add_control(
			'field_bg_color',
			array(
				'label'     => __( 'Field Background', 'a1-tools' ),
				'type'      => \Elementor\Controls_Manager::COLOR,
				'default'   => '#f8f9fa',
				'selectors' => array(
					'{{WRAPPER}} .a1tools-web-form__input, {{WRAPPER}} .a1tools-web-form__select, {{WRAPPER}} .a1tools-web-form__textarea' => 'background-color: {{VALUE}};',
				),
			)
		);

		$this->add_control(
			'field_border_color',
			array(
				'label'     => __( 'Field Border', 'a1-tools' ),
				'type'      => \Elementor\Controls_Manager::COLOR,
				'default'   => '#e5e7eb',
				'selectors' => array(
					'{{WRAPPER}} .a1tools-web-form__input, {{WRAPPER}} .a1tools-web-form__select, {{WRAPPER}} .a1tools-web-form__textarea' => 'border-color: {{VALUE}};',
				),
			)
		);

		$this->add_control(
			'field_focus_border_color',
			array(
				'label'     => __( 'Field Focus Border', 'a1-tools' ),
				'type'      => \Elementor\Controls_Manager::COLOR,
				'default'   => '#f49320',
				'selectors' => array(
					'{{WRAPPER}} .a1tools-web-form__input:focus, {{WRAPPER}} .a1tools-web-form__select:focus, {{WRAPPER}} .a1tools-web-form__textarea:focus' => 'border-color: {{VALUE}}; box-shadow: 0 0 0 3px {{VALUE}}33;',
				),
			)
		);

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

		$this->end_controls_section();

		// ── Submit Button ───────────────────────────────────────
		$this->start_controls_section(
			'style_button_section',
			array(
				'label' => __( 'Submit Button', '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-form__submit' => 'background-color: {{VALUE}};',
				),
			)
		);
		$this->add_control(
			'button_text_color',
			array(
				'label'     => __( 'Text', 'a1-tools' ),
				'type'      => \Elementor\Controls_Manager::COLOR,
				'default'   => '#ffffff',
				'selectors' => array(
					'{{WRAPPER}} .a1tools-web-form__submit' => '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-form__submit:hover' => 'background-color: {{VALUE}};',
				),
			)
		);
		$this->add_control(
			'button_text_hover_color',
			array(
				'label'     => __( 'Text', 'a1-tools' ),
				'type'      => \Elementor\Controls_Manager::COLOR,
				'default'   => '#ffffff',
				'selectors' => array(
					'{{WRAPPER}} .a1tools-web-form__submit: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-form__submit',
			)
		);

		$this->add_control(
			'button_border_radius',
			array(
				'label'      => __( 'Border Radius', 'a1-tools' ),
				'type'       => \Elementor\Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%' ),
				'default'    => array(
					'top' => 6, 'right' => 6, 'bottom' => 6, 'left' => 6, 'unit' => 'px',
				),
				'selectors'  => array(
					'{{WRAPPER}} .a1tools-web-form__submit' => '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-form__submit' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);

		$this->end_controls_section();
	}

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

	protected function render() {
		$settings = $this->get_settings_for_display();

		$company_id = (int) get_option( 'a1tools_form_company_id', 0 );
		$rest_url   = esc_url_raw( rest_url( 'a1-tools/v1/submit-web-form' ) );
		$page_url   = esc_url( is_singular() ? get_permalink() : home_url( add_query_arg( null, null ) ) );

		$show_preferred = ! empty( $settings['show_preferred_contact'] ) && 'yes' === $settings['show_preferred_contact'];
		$contact_opts   = is_array( $settings['contact_options'] ?? null ) ? $settings['contact_options'] : array( 'call', 'email', 'sms' );

		$form_id = 'a1tools-web-form-' . wp_unique_id();
		?>
		<div class="a1tools-web-form-wrap">
			<form id="<?php echo esc_attr( $form_id ); ?>" class="a1tools-web-form" novalidate
				data-endpoint="<?php echo esc_url( $rest_url ); ?>"
				data-company-id="<?php echo esc_attr( $company_id ); ?>"
				data-page-url="<?php echo esc_attr( $page_url ); ?>"
				data-success="<?php echo esc_attr( $settings['success_message'] ); ?>"
				data-error="<?php echo esc_attr( $settings['error_message'] ); ?>">

				<?php if ( ! empty( $settings['form_title'] ) ) : ?>
					<h3 class="a1tools-web-form__title"><?php echo esc_html( $settings['form_title'] ); ?></h3>
				<?php endif; ?>
				<?php if ( ! empty( $settings['form_subtitle'] ) ) : ?>
					<p class="a1tools-web-form__subtitle"><?php echo esc_html( $settings['form_subtitle'] ); ?></p>
				<?php endif; ?>

				<div class="a1tools-web-form__row">
					<div class="a1tools-web-form__field">
						<label class="a1tools-web-form__label" for="<?php echo esc_attr( $form_id . '-first' ); ?>"><?php esc_html_e( 'First name', 'a1-tools' ); ?> *</label>
						<input class="a1tools-web-form__input" id="<?php echo esc_attr( $form_id . '-first' ); ?>" name="first_name" type="text" required autocomplete="given-name" />
					</div>
					<div class="a1tools-web-form__field">
						<label class="a1tools-web-form__label" for="<?php echo esc_attr( $form_id . '-last' ); ?>"><?php esc_html_e( 'Last name', 'a1-tools' ); ?> *</label>
						<input class="a1tools-web-form__input" id="<?php echo esc_attr( $form_id . '-last' ); ?>" name="last_name" type="text" required autocomplete="family-name" />
					</div>
				</div>

				<div class="a1tools-web-form__row">
					<div class="a1tools-web-form__field">
						<label class="a1tools-web-form__label" for="<?php echo esc_attr( $form_id . '-phone' ); ?>"><?php esc_html_e( 'Phone', 'a1-tools' ); ?> *</label>
						<input class="a1tools-web-form__input" id="<?php echo esc_attr( $form_id . '-phone' ); ?>" name="phone" type="tel" required autocomplete="tel" />
					</div>
					<div class="a1tools-web-form__field">
						<label class="a1tools-web-form__label" for="<?php echo esc_attr( $form_id . '-email' ); ?>"><?php esc_html_e( 'Email', 'a1-tools' ); ?> *</label>
						<input class="a1tools-web-form__input" id="<?php echo esc_attr( $form_id . '-email' ); ?>" name="email" type="email" required autocomplete="email" />
					</div>
				</div>

				<div class="a1tools-web-form__field">
					<label class="a1tools-web-form__label" for="<?php echo esc_attr( $form_id . '-address' ); ?>"><?php esc_html_e( 'Address', 'a1-tools' ); ?> *</label>
					<input class="a1tools-web-form__input" id="<?php echo esc_attr( $form_id . '-address' ); ?>" name="address" type="text" required autocomplete="street-address" />
				</div>

				<div class="a1tools-web-form__row a1tools-web-form__row--three">
					<div class="a1tools-web-form__field">
						<label class="a1tools-web-form__label" for="<?php echo esc_attr( $form_id . '-city' ); ?>"><?php esc_html_e( 'City', 'a1-tools' ); ?> *</label>
						<input class="a1tools-web-form__input" id="<?php echo esc_attr( $form_id . '-city' ); ?>" name="city" type="text" required autocomplete="address-level2" />
					</div>
					<div class="a1tools-web-form__field">
						<label class="a1tools-web-form__label" for="<?php echo esc_attr( $form_id . '-state' ); ?>"><?php esc_html_e( 'State', 'a1-tools' ); ?> *</label>
						<select class="a1tools-web-form__select a1tools-web-form__state-select" id="<?php echo esc_attr( $form_id . '-state' ); ?>" name="state" required autocomplete="address-level1">
							<option value=""><?php esc_html_e( 'Type to search…', 'a1-tools' ); ?></option>
							<?php foreach ( a1tools_web_form_us_states() as $abbr => $name ) : ?>
								<option value="<?php echo esc_attr( $abbr ); ?>"><?php echo esc_html( $name ); ?> (<?php echo esc_html( $abbr ); ?>)</option>
							<?php endforeach; ?>
							<option value="NA"><?php esc_html_e( 'Outside the US', 'a1-tools' ); ?></option>
						</select>
					</div>
					<div class="a1tools-web-form__field">
						<label class="a1tools-web-form__label" for="<?php echo esc_attr( $form_id . '-zip' ); ?>"><?php esc_html_e( 'Zip code', 'a1-tools' ); ?> *</label>
						<input class="a1tools-web-form__input" id="<?php echo esc_attr( $form_id . '-zip' ); ?>" name="zip" type="text" required autocomplete="postal-code" />
					</div>
				</div>

				<div class="a1tools-web-form__field">
					<label class="a1tools-web-form__label" for="<?php echo esc_attr( $form_id . '-commentary' ); ?>"><?php esc_html_e( 'Tell us about your project', 'a1-tools' ); ?> *</label>
					<textarea class="a1tools-web-form__textarea" id="<?php echo esc_attr( $form_id . '-commentary' ); ?>" name="commentary" rows="4" required></textarea>
				</div>

				<?php if ( $show_preferred && ! empty( $contact_opts ) ) : ?>
					<div class="a1tools-web-form__field">
						<span class="a1tools-web-form__label"><?php esc_html_e( 'Preferred contact method', 'a1-tools' ); ?> *</span>
						<div class="a1tools-web-form__radio-group">
							<?php foreach ( $contact_opts as $opt ) :
								$label = array(
									'call'  => __( 'Call me', 'a1-tools' ),
									'email' => __( 'Email me', 'a1-tools' ),
									'sms'   => __( 'Text me', 'a1-tools' ),
								)[ $opt ] ?? ucfirst( $opt );
								?>
								<label class="a1tools-web-form__radio-label">
									<input type="radio" name="preferred_contact" value="<?php echo esc_attr( $opt ); ?>" required />
									<span><?php echo esc_html( $label ); ?></span>
								</label>
							<?php endforeach; ?>
						</div>
					</div>
				<?php endif; ?>

				<!-- Honeypot field (hidden from humans; spam bots fill it). -->
				<div class="a1tools-web-form__honeypot" aria-hidden="true">
					<label><?php esc_html_e( 'Leave this field empty', 'a1-tools' ); ?></label>
					<input type="text" name="website_url" tabindex="-1" autocomplete="off" />
				</div>

				<input type="hidden" name="_form_started_at" value="<?php echo esc_attr( time() ); ?>" />

				<div class="a1tools-web-form__actions">
					<button type="submit" class="a1tools-web-form__submit">
						<span class="a1tools-web-form__submit-label"><?php echo esc_html( $settings['submit_label'] ); ?></span>
						<span class="a1tools-web-form__submit-spinner" aria-hidden="true"></span>
					</button>
				</div>

				<div class="a1tools-web-form__feedback" role="status" aria-live="polite"></div>
			</form>
		</div>
		<?php
	}
}

/**
 * US states (abbr => name). Used by the state dropdown.
 */
function a1tools_web_form_us_states(): array {
	return array(
		'AL' => 'Alabama', 'AK' => 'Alaska', 'AZ' => 'Arizona', 'AR' => 'Arkansas',
		'CA' => 'California', 'CO' => 'Colorado', 'CT' => 'Connecticut', 'DE' => 'Delaware',
		'DC' => 'District of Columbia', 'FL' => 'Florida', 'GA' => 'Georgia', 'HI' => 'Hawaii',
		'ID' => 'Idaho', 'IL' => 'Illinois', 'IN' => 'Indiana', 'IA' => 'Iowa',
		'KS' => 'Kansas', 'KY' => 'Kentucky', 'LA' => 'Louisiana', 'ME' => 'Maine',
		'MD' => 'Maryland', 'MA' => 'Massachusetts', 'MI' => 'Michigan', 'MN' => 'Minnesota',
		'MS' => 'Mississippi', 'MO' => 'Missouri', 'MT' => 'Montana', 'NE' => 'Nebraska',
		'NV' => 'Nevada', 'NH' => 'New Hampshire', 'NJ' => 'New Jersey', 'NM' => 'New Mexico',
		'NY' => 'New York', 'NC' => 'North Carolina', 'ND' => 'North Dakota', 'OH' => 'Ohio',
		'OK' => 'Oklahoma', 'OR' => 'Oregon', 'PA' => 'Pennsylvania', 'RI' => 'Rhode Island',
		'SC' => 'South Carolina', 'SD' => 'South Dakota', 'TN' => 'Tennessee', 'TX' => 'Texas',
		'UT' => 'Utah', 'VT' => 'Vermont', 'VA' => 'Virginia', 'WA' => 'Washington',
		'WV' => 'West Virginia', 'WI' => 'Wisconsin', 'WY' => 'Wyoming',
	);
}