<?php

// exit if accessed directly
if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

class YMF_Acf_Field_Yandex_Map extends acf_field {

	function __construct( $settings ) {

		$this->name = 'yandex-map';

		$this->label = __( 'Yandex Map', 'acf-yandex-map' );

		$this->category = 'jQuery';

		$this->defaults = [
			'height'     => '500',
			'center_lat' => '50.450001',
			'center_lng' => '30.523333',
			'zoom'       => '10',
			'map_type'   => 'map'
		];

		$this->l10n = [
			'error' => __( 'Error! Please enter a higher value', 'acf-yandex-map' ),
		];

		$this->settings = $settings;
		// do not delete!
		parent::__construct();

		apply_filters( 'acf/field_return_value', [$this, 'field_return_value'] );
	}

	function format_value( $value, $post_id, $field ) {

		// Bail early if no value.
		if ( ! $value ) {
			return false;
		}

		if ( $field['type'] != 'yandex-map' ) {
			return $value;
		}

		if ( empty($field['return_format']) || $field['return_format'] == 'html' ) {

			$url = $this->settings['url'];
			$version = $this->settings['version'];
			$options = get_option('ymf_options');
			$api_key = $options['ymf_field_api_key'] ?? '';
			wp_register_script( 'yandex-map-api', '//api-maps.yandex.com/2.1/?lang=' . get_bloginfo( 'language' ) .'&amp;apikey=' . $api_key, ['jquery'], $version );
			wp_register_script( 'yandex-map-frontend', "{$url}js/acf-yandex-map-frontend.js", ['yandex-map-api'], 'acf-yandex-map' );
			wp_enqueue_script( 'yandex-map-frontend' );
			$map_id = uniqid('map_');
			wp_localize_script( 'yandex-map-frontend', $map_id, [
				'params' => $value
			] );
			$zoom_controll = $field['zoom_control'] ? $field['zoom_control'] : false;
			$scroll_zoom = $field['scroll_zoom'] ? $field['scroll_zoom'] : false;
			$map_height = ( (int)$field['height'] > 0 ) ? $field['height'] : $this->defaults['height'];
			// Return.
			return sprintf( 
							'<div class="yandex-map" id="%s" data-zoom-controll="%s" data-scroll-zoom="%s" style="width:auto;height:%dpx"></div>', 
							esc_attr( $map_id ), 
							esc_attr( $zoom_controll ),
							esc_attr( $scroll_zoom ),
							esc_attr( $map_height ) 
						);

		} else if ( ! $field['return_format'] || $field['return_format'] == 'array' ) {

			return json_decode($value, true);

		} else if ( ! $field['return_format'] || $field['return_format'] == 'json' ) {

			return $value;
		}
	}

	function render_field_settings( $field ) {

		acf_render_field_setting( $field, [
			'label'        => __( 'Height', 'acf-yandex-map' ),
			'instructions' => __( 'Set map height', 'acf-yandex-map' ),
			'type'         => 'number',
			'name'         => 'height',
			'append'       => 'px'
		] );

		acf_render_field_setting( $field, [
			'label'       => __( 'Map type', 'acf-yandex-map' ),
			'type'        => 'select',
			'name'        => 'map_type',
			'placeholder' => $this->defaults['map_type'],
			'choices'     => [
				'map'       => __( 'Map', 'acf-yandex-map' ),
				'satellite' => __( 'Satellite', 'acf-yandex-map' ),
				'hybrid'    => __( 'Hybrid', 'acf-yandex-map' ),
			]
		] );

		acf_render_field_setting( $field, [
			'label'        => __( 'Zoom', 'acf-yandex-map' ),
			'instructions' => __( 'Set map zoom', 'acf-yandex-map' ),
			'type'         => 'number',
			'name'         => 'zoom',
			'min'          => '0',
			'max'          => '18'
		] );

		acf_render_field_setting( $field, [
			'label'       => __( 'Zoom Control', 'acf-yandex-map' ),
			'type'        => 'radio',
			'name'        => 'zoom_control',
			'placeholder' => $this->defaults['zoom_control'],
			'layout'	  => 'horizontal',
			'choices'     => [
				0 => __( 'Disabled', 'acf-yandex-map' ),
				1 => __( 'Enable', 'acf-yandex-map' ),
			]
		] );

		acf_render_field_setting( $field, [
			'label'       => __( 'Scroll Zoom', 'acf-yandex-map' ),
			'type'        => 'radio',
			'name'        => 'scroll_zoom',
			'placeholder' => $this->defaults['scroll_zoom'],
			'layout'	  => 'horizontal',
			'choices'     => [
				0 => __( 'Disabled', 'acf-yandex-map' ),
				1 => __( 'Enable', 'acf-yandex-map' ),
			]
		] );

		acf_render_field_setting( $field, [
			'label'        => __( 'Latitude', 'acf-yandex-map' ),
			'type'         => 'text',
			'name'         => 'center_lat',
			'prepend'      => 'lat',
			'placeholder'  => $this->defaults['center_lat']
		] );

		acf_render_field_setting( $field, [
			'label'        => __( 'Longitude', 'acf-yandex-map' ),
			'type'         => 'text',
			'name'         => 'center_lng',
			'prepend'      => 'lng',
			'placeholder'  => $this->defaults['center_lng'],
		] );

		acf_render_field_setting( $field, [
			'label'       => __( 'Return Format', 'acf-yandex-map' ),
			'type'        => 'radio',
			'name'        => 'return_format',
			'placeholder' => $this->defaults['return_format'],
			'layout'	  => 'horizontal',
			'choices'     => [
				'html' => __( 'Map Html', 'acf-yandex-map' ),
				'array' => __( 'Map Array', 'acf-yandex-map' ),
				'json' => __( 'Map Json', 'acf-yandex-map' ),
			]
		] );
	}

	function render_field( $field ) {

		wp_enqueue_script( 'acf-yandex' );

		$saved = json_decode( $field['value'], true );

		$data = [];
		$data['center_lat'] = $saved['center_lat'] ?: $field['center_lat'];
		$data['center_lng'] = $saved['center_lng'] ?: $field['center_lng'];
		$data['zoom'] = $saved['zoom'] ?: $field['zoom'];
		$data['type'] = $this->get_map_type( $saved['type'], $field );
		$data['marks'] = $saved['marks'] ?: [];
		$zoom_controll = $field['zoom_control'] ? $field['zoom_control'] : false;
		$scroll_zoom = $field['scroll_zoom'] ? $field['scroll_zoom'] : false;
		$map_height = ( (int)$field['height'] > 0 ) ? $field['height'] : $this->defaults['height'];
		?>
		<input type="hidden" 
				name="<?php echo esc_attr( $field['name'] ) ?>"
				value="<?php echo esc_attr( wp_json_encode( $data ) ) ?>"
				class="map-input"/>

		<div class="map" 
				data-zoom-controll="<?php echo esc_attr( $zoom_controll ); ?>"
				data-scroll-zoom="<?php echo esc_attr( $scroll_zoom ); ?>"
				style="width: auto;height:<?php echo esc_attr( $map_height ); ?>px"></div>

		<?php
	}

	function input_admin_enqueue_scripts() {

		$url = $this->settings['url'];
		$version = $this->settings['version'];
		$options = get_option('ymf_options');
		$api_key = $options['ymf_field_api_key'] ?? '';
		wp_register_script( 'yandex-map-api', '//api-maps.yandex.com/2.1/?lang=' . get_bloginfo( 'language' ) .'&amp;apikey=' . $api_key, ['jquery'], $version );
		wp_register_script( 'acf-yandex', "{$url}js/acf-yandex-map-admin.js", ['yandex-map-api'], $version, true );

		wp_localize_script( 'acf-yandex', 'acf_yandex_locale', [
			'map_init_fail'      => __( 'Error init Yandex map! Field not found.', 'acf-yandex-map' ),
			'mark_hint'          => __( 'Drag mark. Right click for remove', 'acf-yandex-map' ),
			'btn_clear_all'      => __( 'Clear all', 'acf-yandex-map' ),
			'btn_clear_all_hint' => __( 'Remove all marks', 'acf-yandex-map' ),
			'mark_save'          => __( 'Save', 'acf-yandex-map' ),
			'mark_remove'        => __( 'Remove', 'acf-yandex-map' ),
		] );
	}

	private function get_map_type( $value, $field ) {

		$allowed = [
			'map',
			'satellite',
			'hybrid'
		];

		$result = in_array( trim( $value ), $allowed, true ) ? $value : $field['map_type'];

		if ( ! $result ) {
			$result = $this->defaults['map_type'];
		}

		return $result;

	}

}

new YMF_Acf_Field_Yandex_Map( $this->settings );