<?php
if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

class NIMAP_DATA {
	private $params;
	private $default;
	private $prefix;
	protected static $instance = null;

	public function __construct() {
		$this->prefix = 'nimap_';
		global $nimap_settings;
		if ( ! $nimap_settings ) {
			$nimap_settings = get_option( 'nimap_multi_locator', array() );
		}
		$this->default = array(
			'general_enable'              => 0,
			'general_api_key'             => '',
//			'general_api_key'             => 'AIzaSyBru7pKVEk6hZ1zUjBNNW19hg1l-xRYl1I',
			'general_map_id'              => '',
			'general_api_server_key'      => '',
			'general_search_store_type'   => 'google',
//			'general_store_locator_type'  => '2col',
			'general_store_locator_type'  => 'fullwidth',
			'general_distance_unit'       => 'km',
//			'general_store_route'         => 'google',
//			'general_address_route'       => 'address',
			'general_address_route'       => 'coordinate',
			'general_show_search_locator' => 1,

//			'general_store_title'       => '',
//			'general_store_description' => '',
//			'general_store_address'     => '',
//			'general_store_phone'       => '',
//			'general_store_email'       => '',
//			'general_store_website'     => '',
//			'general_store_open_time'   => '',
//			'general_store_category'    => '',
//			'general_store_zip'         => '',
//			'general_store_detail'        => '4187',
//			'general_store_list'          => '4172',
//			'general_store_locator'       => '4153',
			'general_store_detail'        => '',
			'general_store_list'          => '',
			'general_store_locator'       => '',
			'general_store_js'            => '',
			'general_store_css'           => '',

			'map_load_location_init'   => 'user',
			'map_auto_load_stores'     => 1,
//			'user_load_location_init'  => 'user',
			'map_start_point'          => '',
			'map_start_latitude'       => '',
			'map_start_longitude'      => '',
			'map_zoom_level'           => 12,
			'map_auto_zoom_level'      => 15,
			'map_language'             => '',
			'map_locale'               => 0,
			'map_language_local'       => 0,
			//satellite roadmap hybrid terrain
			'map_type'                 => 'roadmap',
//			'map_layout'               => 5,
			'map_style'                => 'default',
			'map_custom_style'         => '',
			'map_store_marker'         => 'simple',
			'map_store_marker_color'   => '',
			'map_store_marker_custom'  => '',
			'map_user_marker'          => 'simple',
			'map_user_marker_color'    => '',
			'map_user_marker_custom'   => '',
			'map_show_distance_radius' => 0,
			'map_radius_color'         => '#80FFFF',
			'map_radius_border_color'  => '#30BAFF',
			'map_geolocation_text'     => 'Use my location to find the closest store nearby',
			'map_geolocation_button'   => 'Use location',

			'map_type_control'     => 1,
			'map_run_fit_bounds'   => 0,
			'map_control_position' => 'RIGHT_BOTTOM',
			'map_gesture_handling' => 'cooperative',
			'map_street_view'      => 1,

			'info_display_fields' => array(
				'image',
				'title',
				'address',
				'description',
				'phone',
				'email',
				'website',
				'open_time',
				'category',
				'zip',
				'distance',
				'custom',
			),
//			'info_custom_fields'  => '',
			'info_buttons'        => '[["Go to store","store"],["Route","route"],["Website","website"]]',
//			'info_buttons'        => array(
//				array( 'Go to store', 'store' ),
//				array( 'Route', 'route' )
//			),
			'info_width'          => '',
			'info_height'         => '',
			'info_image_width'    => '',
			'info_address_format' => 'city_state',

			'list_enable'          => 1,
			'list_sort_by'         => 'distance',
			'list_no_result_title' => 'No result',
			'list_count_title'     => 'Stores: ',
			'list_paging_enable'   => 1,
			'list_paging_number'   => 2,
//			'list_store_print_enable' => 0,
			'list_display_fields'  => array(
				'image',
				'title',
				'address',
				'description',
				'phone',
				'email',
				'website',
				'open_time',
				'category',
				'zip',
				'distance',
				'custom',
			),
//			'list_custom_fields'      => '',
			'list_buttons'         => '[["Go to store","store"],["Route","route"],["Website","website"]]',
//			'list_buttons'            => array(
//				array( 'Go to store', 'store' )
//			),
//			'list_collapse_enable'    => 0,
//			'list_collapse_fields'    => array(
//				'title',
//			),

			'search_enable' => 1,
			'search_label'  => 'Search for location',
			'search_layout' => '2col',
//			'search_placeholder_text' => 'Your location',
//			'search_button_type'      => 'text',
//			'search_button_text'      => 'Search',
//			'search_button_icon'      => '',

			'search_store_enable'    => 1,
			'search_store_load'      => 'all',
			'search_store_label'     => 'Search for store',
//			'search_store_button_type'      => 'text',
			'search_store_layout'    => '2col',
			'search_store_by_field'  => 'title',
//			'search_store_placeholder_text' => 'Store name to search',
//			'search_store_button_text'      => 'Search Store',
//			'search_store_button_icon'      => '',

//			'search_mix_enable'           => 1,
//			'search_mix_button_type'      => 'text',
//			'search_mix_layout'           => 'fullwidth',
//			'search_mix_placeholder_text' => 'Search for location and store',
//			'search_mix_button_text'      => 'Search',
//			'search_mix_button_icon'      => '',

//			'filter_enable'          => 1,
//			'filter_type'            => 'list',
			'filter_distance_enable' => 1,
			'filter_distance_label'  => 'Distance',
			'filter_category_enable' => 1,
			'filter_category_label'  => 'Category',
			'filter_status_enable'   => 1,
			'filter_status_label'    => 'Status',
			'filter_sort_by'         => 'distance',
//			'filter_sort_title'      => 'Sort',
//			'filter_sort_fields'     => array(
//				'title',
//			),

            //search store
			'store_layout'         => 'fullwidth',
//			'store_collapse'        => 0,
//			'store_collapse_fields' => array(
//				'title',
//			),
			'store_display_fields' => array(
				'image',
				'title',
				'address',
				'description',
				'phone',
				'email',
				'website',
				'open_time',
				'category',
				'zip',
				'custom',
			),
			'store_buttons'        => '[["Route","route"],["Website","website"]]',
			'store_result_column'  => 2,
			'store_paging_enable'  => 1,
			'store_paging_number'  => 20,

			//store details
			'single_layout'         => 'fullwidth',
			'single_buttons'        => '[["Route","route"],["Website","website"]]',
//			'single_map_enable'     => 1,
//			'single_map_zoom'       => '',
			'single_display_fields' => array(
				'map',
				'image',
				'title',
				'address',
				'description',
				'phone',
				'email',
				'website',
				'open_time',
				'category',
				'zip',
				'custom',
			),

//			'shortcodes' => array(
//				'{product_title}',
//				'{product_stock}',
//				'{product_rating}',
//				'{product_review_count}',
//				'{product_reviews}',
//				'{product_description}',
//				'{product_short_description}',
//				'{product_additional_information}',
//			),
		);


		$this->params = apply_filters( 'nimap_multi_locator', wp_parse_args( $nimap_settings, $this->default ) );
	}

	public function get_params( $name = "" ) {
		if ( ! $name ) {
			return $this->params;
		} elseif ( isset( $this->params[ $name ] ) ) {
			return apply_filters( 'nimap_multi_locator_' . $name, $this->params[ $name ] );
		} else {
			return false;
		}
	}

	public function get_default( $name = "" ) {
		if ( ! $name ) {
			return $this->default;
		} elseif ( isset( $this->default[ $name ] ) ) {
			return apply_filters( 'nimap_multi_locator_default_' . $name, $this->default[ $name ] );
		} else {
			return false;
		}
	}

	public static function get_instance( $new = false ) {
		if ( $new || null === self::$instance ) {
			self::$instance = new self();
		}

		return self::$instance;
	}

	public function set( $name ) {
		if ( is_array( $name ) ) {
			return implode( ' ', array_map( array( $this, 'set' ), $name ) );

		} else {
			return esc_attr( $this->prefix . $name );
		}
	}

	public function get_field( $field ) {

		return self::get_params( $field );
	}

	public function set_field( $name, $multi = false ) {
		return $multi ? "nimap_params[$name][]" : "nimap_params[$name]";
	}

	public function get_page_locator( $name = "" ) {
		if ( ! $name ) {
			return $this->params;
		} elseif ( isset( $this->params[ $name ] ) ) {
			switch ( $name ) {
				case 'general_store_detail':
					$mp_page_id = empty( $this->params[ $name ] ) ? get_option( 'nimap_init_locator_detail_id' ) : $this->params[ $name ];
					break;
				case 'general_store_list':
					$mp_page_id = empty( $this->params[ $name ] ) ? get_option( 'nimap_init_locator_list_id' ) : $this->params[ $name ];
					break;
				default:
					$mp_page_id = empty( $this->params[ $name ] ) ? get_option( 'nimap_init_locator_page_id' ) : $this->params[ $name ];
			}

			return apply_filters( 'nimap_multi_locator_' . $name, $mp_page_id );
		} else {
			return false;
		}
	}

	public function text_option( $field_name, $label = '', $placeholder = '', $explain = '', $multi = false, $multilingual = '' ) {
		$set_name = $this->set_field( $field_name, $multi );
		$class    = 'nimap-' . str_replace( '_', '-', $field_name );
		?>
        <tr>
            <th class="col-1" scope="row">
                <label class=""><?php echo esc_html( $label ) ?></label>
            </th>
            <td class="col-2">
                <div class="<?php echo esc_attr( $class . '-container' ); ?>">
                    <input type="text"
                           name="<?php echo esc_attr( $set_name ) ?>"
                           value="<?php echo esc_html( stripslashes( self::get_field( $field_name ) ) ) ?>"
                           class="<?php echo esc_attr( $class ) ?> vlt-input vlt-border vlt-none-shadow vlt-round "
                           placeholder="<?php echo esc_attr( $placeholder ) ?>">
					<?php if ( $multilingual ) {
						if ( is_plugin_active( 'sitepress-multilingual-cms/sitepress.php' ) ) {
							global $sitepress;
							$default_lang = $sitepress->get_default_language();
							$languages    = $langs = icl_get_languages( 'skip_missing=N&orderby=KEY&order=DIR&link_empty_to=str' );
							if ( count( $languages ) ) {
								foreach ( $languages as $key => $language ) {
									if ( $key == $default_lang ) {
										continue;
									}
									$field_name_mlg = $field_name . '_' . $key;
									$class_mlg      = 'nimap-' . str_replace( '_', '-', $field_name_mlg );
									$set_name_mlg   = $this->set_field( $field_name_mlg, $multi );
									?>
                                    <p class="nimap-mlg-label"><?php echo esc_html( $language['native_name'] . ':' ) ?></p>
                                    <input type="text"
                                           name="<?php echo esc_attr( $set_name_mlg ) ?>"
                                           value="<?php echo esc_html( stripslashes( self::get_field( $field_name_mlg ) ) ) ?>"
                                           class="<?php echo esc_attr( $class_mlg ) ?> vlt-input vlt-border vlt-none-shadow vlt-round "
                                           placeholder="<?php echo esc_attr( $placeholder ) ?>">
									<?php
								}
							}
						} elseif ( class_exists( 'Polylang' ) ) {
							$languages = pll_languages_list();
							foreach ( $languages as $language ) {
								$default_lang = pll_default_language( 'slug' );

								if ( $language == $default_lang ) {
									continue;
								}
								$field_name_mlg = $field_name . '_' . $language;
								$class_mlg      = 'nimap-' . str_replace( '_', '-', $field_name_mlg );
								$set_name_mlg   = $this->set_field( $field_name_mlg, $multi );
								?>
                                <p class="nimap-mlg-label"><?php echo esc_html( $language . ':' ) ?></p>
                                <input type="text"
                                       name="<?php echo esc_attr( $set_name_mlg ) ?>"
                                       value="<?php echo esc_html( stripslashes( self::get_field( $field_name_mlg ) ) ) ?>"
                                       class="<?php echo esc_attr( $class_mlg ) ?> vlt-input vlt-border vlt-none-shadow vlt-round "
                                       placeholder="<?php echo esc_attr( $placeholder ) ?>">
								<?php
							}
						}
					} ?>
                </div>
				<?php if ( $explain )
					echo '<p class="description">' . wp_kses_post( $explain ) . '</p>' ?>
            </td>
        </tr>
		<?php
	}

	public function number_option( $field_name, $label = '', $explain = '', $units = '', $multi = false, $min = 1, $max = 1000, $required = true ) {
		$set_name = $this->set_field( $field_name, $multi );
		$set_unit = $this->set_field( $field_name . '_unit', $multi );
		$class    = 'nimap-' . str_replace( '_', '-', $field_name );
		$col      = ! empty( $units ) ? 11 : 12;
		?>
        <tr>
            <th class="col-1" scope="row">
                <label><?php echo esc_html( $label ) ?></label>
				<?php if ( $explain )
					echo '<span class="nimap-explain-group" data-tooltip="' . esc_attr( $explain ) . '" data-variation="wide"><i class="question circle icon "></i></span>' ?>
            </th>
            <td class="col-2">
                <div class="s<?php echo esc_attr( $col ) ?>">
                    <input type="number" <?php echo $required ? 'required' : '' ?>
                           min="<?php echo esc_attr( $min ) ?>" max="<?php echo esc_attr( $max ) ?>"
                           name="<?php echo esc_attr( $set_name ) ?>"
                           value="<?php echo esc_attr( self::get_field( $field_name ) ) ?>"
                           class="<?php echo esc_attr( $class ) ?>">
                </div>
                <div>
					<?php
					if ( ! empty( $units ) && is_array( $units ) ) {
						echo "<select name='" . esc_attr( $set_unit ) . "' class='nimap-unit'>";
						foreach ( $units as $unit ) {
							$selected = self::get_field( $field_name . '_unit' ) == $unit ? 'selected' : '';
							echo "<option " . esc_attr( $selected ) . " >" . esc_html( $unit ) . "</option>";
						}
						echo "</select>";
					} elseif ( ! empty( $units ) ) {
						echo "<div type='text' class='nimap-unit'>" . esc_html( $units ) . "</div>";
					}
					?>
                </div>
            </td>
        </tr>
		<?php
	}

	public function date_time_option( $field_name, $label = '', $explain = '', $units = '', $multi = false, $min = 1, $max = 1000, $required = false ) {
		$set_name = $this->set_field( $field_name, $multi );
		$set_unit = $this->set_field( $field_name . '_unit', $multi );
		$class    = 'nimap-' . str_replace( '_', '-', $field_name );
		$col      = ! empty( $units ) ? 11 : 12;
		?>
        <tr>
            <th class="col-1" scope="row">
                <label><?php echo esc_html( $label ) ?></label>
				<?php if ( $explain )
					echo '<span class="nimap-explain-group" data-tooltip="' . esc_attr( $explain ) . '" data-variation="wide"><i class="question circle icon "></i></span>' ?>
            </th>
            <td class="col-2">
                <div class="s<?php echo esc_attr( $col );
				echo esc_attr( ' ' . $class . '-container' ); ?>">
                    <input type="date" <?php echo $required ? 'required' : '' ?>
                           name="<?php echo esc_attr( $set_name ) ?>"
                           value="<?php echo esc_attr( self::get_field( $field_name ) ) ?>"
                           class="<?php echo esc_attr( $class ) ?>">
                </div>
            </td>
        </tr>
		<?php
	}

	public function textarea_option( $field_name, $label = '', $unit = '', $multi = false ) {
		$set_name = $this->set_field( $field_name, $multi );
		$class    = 'nimap-' . str_replace( '_', '-', $field_name );
		?>
        <tr>
            <th>
                <label><?php echo esc_html( $label ) ?></label>
            </th>
            <td>
                <div class="<?php echo esc_attr( $class . '-container' ); ?>">
                    <textarea rows="4"
                              class="<?php echo esc_attr( $class ) ?>"
                              name="<?php echo esc_attr( $set_name ) ?>"><?php echo( esc_attr( self::get_field( $field_name ) ) ) ?></textarea>
                </div>
                <div><?php echo esc_attr( $unit ) ?><span> </span></div>
            </td>
        </tr>
		<?php
	}

	public function map_option( $field_name, $label = '', $placeholder = '' ) {
		$class = 'nimap-' . str_replace( '_', '-', $field_name );
		?>
        <tr>
            <th>
                <label><?php echo esc_html( $label ) ?></label>
            </th>
            <td>
                <div class="<?php echo esc_attr( $class . '-container' ); ?>" id="<?php echo esc_attr( $class . '-container' ); ?>">
                    <input type="text"
                           name="nimap_params[<?php echo esc_attr( $field_name ) ?>]"
                           id="<?php echo 'nimap_input_' . esc_attr( $field_name ) ?>"
                           value="<?php echo esc_html( stripslashes( self::get_field( $field_name ) ) ) ?>"
                           class="<?php echo esc_attr( $class ) ?>"
                           placeholder="<?php echo esc_attr( $placeholder ) ?>">
                    <span class="nimap-location-icon" id="nimap_geolocation_button"
                          title="<?php esc_attr_e( 'Current location', '9map-map-multi-locations' ) ?>">
                        <img class="nimap-location-icon-loading"
                             src="<?php echo esc_url( NIMAP_IMAGES . 'ajax-loader.gif' ); ?>" alt="Loading"/>
                        <i class="compass outline icon"></i>
                    </span>
                </div>
                <div class="<?php echo esc_attr( $class . '-map-container' ); ?>">
                    <div class="nimap-map-start-canvas" id="nimap_map_start_canvas"></div>
                </div>
                <div class="<?php echo esc_attr( $class . '-coordinates-container' ); ?>">
                    <div class="nimap-map-latitude-wrap">
                        <div class="nimap-map-latitude-label">
                            <label for="nimap-map-latitude-number"><?php esc_html_e( 'Latitude', '9map-map-multi-locations' ); ?></label>
                        </div>
                        <div class="nimap-map-latitude-value">
                            <input type="text"
                                   name="nimap_params[map_start_latitude]"
                                   value="<?php echo esc_html( stripslashes( self::get_field( 'map_start_latitude' ) ) ) ?>"
                                   class="<?php echo esc_attr( 'nimap-map-start-latitude' ) ?>"
                                   placeholder="<?php echo esc_attr( $placeholder ) ?>">
                        </div>
                    </div>
                    <div class="nimap-map-longitude-wrap">
                        <div class="nimap-map-longitude-label">
                            <label for="nimap-map-longitude-number"><?php esc_html_e( 'Longitude', '9map-map-multi-locations' ); ?></label>
                        </div>
                        <div class="nimap-map-longitude-value">
                            <input type="text"
                                   name="nimap_params[map_start_longitude]"
                                   value="<?php echo esc_html( stripslashes( self::get_field( 'map_start_longitude' ) ) ) ?>"
                                   class="<?php echo esc_attr( 'nimap-map-start-longitude' ) ?>"
                                   placeholder="<?php echo esc_attr( $placeholder ) ?>">
                        </div>
                    </div>
                </div>
            </td>
        </tr>
		<?php
	}

	public function select_option( $field_name, $option = array(), $label = '', $explain = '', $units = '', $multi = false ) {
		$set_name   = $this->set_field( $field_name, $multi );
		$class      = 'nimap-' . str_replace( '_', '-', $field_name );
		$saved_data = self::get_field( $field_name );
		?>
        <tr>
            <th class="col-1" scope="row">
                <label><?php echo esc_html( $label ) ?></label>
				<?php if ( $explain )
					echo '<span class="nimap-explain-group" data-tooltip="' . esc_attr( $explain ) . '" data-variation="wide"><i class="question circle icon "></i></span>' ?>
            </th>
            <td class="col-2">
                <div>
                    <select <?php echo $multi ? 'multiple' : '' ?>
                            class="vi-ui fluid dropdown <?php echo esc_attr( $class ) ?>"
                            id="<?php echo esc_attr( $field_name ) ?>"
                            name="<?php echo esc_attr( $set_name ) ?>">
						<?php
						if ( count( $option ) > 0 && is_array( $option ) ) {
							if ( 'def_phone_country' == $field_name ) {
								$pre_selected = $saved_data == 0 ? 'selected' : '';
								echo "<option value='0' " . esc_attr( $pre_selected ) . ">" . esc_html__( 'By locate IP', '9map-map-multi-locations' ) . "</option>";
							}
							foreach ( $option as $value => $view ) {
								if ( 'def_phone_country' == $field_name ) {
									if ( empty( $view ) ) {
										continue;
									}
									if ( is_array( $view ) ) {
										if ( isset( $view[0] ) ) {
											if ( is_array( $saved_data ) ) {
												$selected = in_array( $view[0], $saved_data ) ? 'selected' : '';
											} else {
												$selected = $saved_data == $view[0] ? 'selected' : '';
											}
											echo "<option value='" . esc_attr( $view[0] ) . "' " . esc_attr( $selected ) .
											     ">" . esc_html( $value ) . esc_html( ' (' . $view[0] . ')' ) . "</option>";
										}
									} else {
										if ( is_array( $saved_data ) ) {
											$selected = in_array( $view, $saved_data ) ? 'selected' : '';
										} else {
											$selected = $saved_data == $view ? 'selected' : '';
										}
										echo "<option value='" . esc_attr( $view ) . "' " . esc_attr( $selected ) .
                                             ">" . esc_html( $value ) . esc_html( ' (' . $view . ')' ) . "</option>";
									}
								} else {
									if ( is_array( $saved_data ) ) {
										$selected = in_array( $value, $saved_data ) ? 'selected' : '';
									} else {
										$selected = $saved_data == $value ? 'selected' : '';
									}
									echo "<option value='" . esc_attr( $value ) . "' " . esc_attr( $selected ) . ">" . esc_html( $view ) . "</option>";
								}
							}
						} ?>
                    </select>
                </div>
            </td>
        </tr>
		<?php
	}

	public function checkbox_option( $field_name, $label = '', $explain = '', $subfix = '' ) {
		$set_name = $this->set_field( $field_name );
		$class    = 'nimap-' . str_replace( '_', '-', $field_name );
		?>
        <tr class="">
            <th class="col-1" scope="row">
                <label><?php echo esc_html( $label ) ?> </label>
				<?php if ( $explain )
					echo '<span class="nimap-explain-group" data-tooltip="' . esc_attr( $explain ) . '" data-variation="wide"><i class="question circle icon "></i></span>' ?>
            </th>
            <td class="col-2">
                <div class="vi-ui toggle checkbox">
                    <input type="checkbox" <?php checked( self::get_field( $field_name ), 1 ) ?>
                           value="1"
                           name="<?php echo esc_attr( $set_name ) ?>"
                           class="<?php echo esc_attr( $class ) ?>">
                    <label><?php echo esc_html( $subfix ) ?></label>
                </div>
            </td>
            <!--			<td class="col-3"></td>-->
        </tr>
		<?php
	}

	public function color_option( $field_name, $label = '', $explain = '', $suffix = '' ) {
		$set_name = $this->set_field( $field_name );
		$class    = 'nimap-' . str_replace( '_', '-', $field_name );
		?>
        <tr class="">
            <th class="col-1" scope="row">
                <label><?php echo esc_html( $label ) ?> </label>
				<?php if ( $explain )
					echo '<span class="nimap-explain-group" data-tooltip="' . esc_attr( $explain ) . '" data-variation="wide"><i class="question circle icon "></i></span>' ?>
            </th>
            <td class="col-2">
                <div class="">
                    <input type="text" value="<?php echo( esc_attr( self::get_field( $field_name ) ) ) ?>"
                           name="<?php echo esc_attr( $set_name ) ?>"
                           class="<?php echo esc_attr( $class ) ?> nimap-color-picker color-picker">
                    <label><?php echo esc_html( $suffix ) ?></label>
                </div>
            </td>
            <!--			<td class="col-3"></td>-->
        </tr>
		<?php
	}

	public function button_option( $field_name, $label = '', $explain = '', $units = '' ) {
		$class = 'nimap-' . str_replace( '_', '-', $field_name );
		$col   = ! empty( $units ) ? 11 : 12;
		?>
        <tr>
            <th class="col-1" scope="row">
                <label><?php echo esc_html( $label ) ?></label>
            </th>
            <td class="col-2">
                <div class="nimap-button-container s<?php echo esc_attr( $col ) ?>">
                    <div class="vi-ui mini button <?php echo esc_attr( $class ) ?>">
						<?php
						echo esc_html( $label );
						?>
                    </div>
                    <div class="nimap-button-result <?php echo esc_attr( $class ) ?>"></div>
                </div>
				<?php if ( $explain )
					echo '<p class="description">' . esc_html( $explain ) . '</p>' ?>
            </td>
        </tr>
		<?php
	}

	public function string_option( $field_name, $label = '', $string_element = '' ) {
		$class = 'nimap-' . str_replace( '_', '-', $field_name );
		?>
        <tr>
            <th class="col-1" scope="row">
                <label><?php echo esc_html( $label ) ?></label>
            </th>
            <td class="col-2">
                <div class="nimap-button-container">
                    <div class="<?php echo esc_attr( $class ) ?>">
						<?php
						echo wp_kses_post( $string_element );
						?>
                    </div>
                </div>
            </td>
        </tr>
		<?php
	}

	public function accordion_option( $field_name, $value_list, $label = '', $string_element = '' ) {
		$class      = 'nimap-' . str_replace( '_', '-', $field_name );
		$saved_data = self::get_field( $field_name );
		$set_name   = $this->set_field( $field_name, false );
		?>
        <tr>
            <th class="col-1" scope="row">
                <label><?php echo esc_html( $label ) ?></label>
            </th>
            <td class="col-2">
                <div class="nimap-accordion-container">
                    <div class="nimap-accordion-wrap <?php echo esc_attr( $class ) ?>">
						<?php
						foreach ( $saved_data as $o_key => $o_val ) {
							if ( ! is_array( $o_val ) || empty( $o_val ) ) {
								continue;
							} ?>
                            <div class="nimap-accordion-line">
                                <div class="nimap-accordion-line-title">
                                    <input class="vi-ui input"
                                           placeholder="<?php esc_attr_e( 'Title', '9map-map-multi-locations' ); ?>"
                                           name="<?php echo esc_attr( $set_name . '[title][' . $o_key . ']' ) ?>"
                                           value="<?php echo esc_attr( $o_val['title'] ) ?>">
                                </div>
                                <div class="nimap-accordion-line-value">
                                    <select class="vi-ui fluid dropdown"
                                            name="<?php echo esc_attr( $set_name . '[value][' . $o_key . ']' ) ?>"><?php
										foreach ( $value_list as $vl_key => $vl_val ) {
											$line_selected = $vl_key == $o_val['value'] ? 'selected' : '';
											echo "<option value='" . esc_attr( $vl_key ) . "' " . esc_attr( $line_selected ) . ">" . esc_html( $vl_val ) . "</option>";
										}
										?></select>
                                </div>
                                <div class="nimap-accordion-line-buttons">
                                    <!--                                    <div class="nimap-accordion-line-button-move">-->
                                    <!--                                        <i class="vi-ui icon arrows alternate"></i>-->
                                    <!--                                    </div>-->
                                    <div class="nimap-accordion-line-button-remove"
                                         title="<?php esc_attr_e( 'Remove', '9map-map-multi-locations' ); ?>">
                                        <i class="vi-ui icon trash"></i>
                                    </div>
                                </div>
                            </div>
						<?php }
						?>
                    </div>
                    <div class="nimap-accordion-button-add">
                        <div class="vi-ui teal mini button">
							<?php
							esc_html_e( 'Add new', '9map-map-multi-locations' );
							?>
                        </div>
                    </div>
                </div>
            </td>
        </tr>
		<?php
	}

	public function upload_option( $field_name, $label = '', $string_element = '' ) {
		$class = 'nimap-' . str_replace( '_', '-', $field_name );
		?>
        <tr>
            <th class="col-1" scope="row">
                <label><?php echo esc_html( $label ) ?></label>
            </th>
            <td class="col-2">
                <div class="nimap-button-container">
                    <div class="<?php echo esc_attr( $class ) ?>">
						<?php
						echo wp_kses_post( $string_element );
						?>
                    </div>
                </div>
            </td>
        </tr>
		<?php
	}

	public function link_option( $link, $label = '', $title = '', $explain = '', $suffix = '' ) {
//		$set_name = $this->set_field( $field_name );
//		$class    = 'nimap-' . str_replace( '_', '-', $field_name );
		?>
        <tr class="">
            <th class="col-1" scope="row">
                <label><?php echo esc_html( $label ) ?> </label>
				<?php if ( $explain )
					echo '<span class="nimap-explain-group" data-tooltip="' . esc_attr( $explain ) . '" data-variation="wide"><i class="question circle icon "></i></span>' ?>
            </th>
            <td class="col-2">
                <div class="">
                    <a href="<?php echo esc_url( $link ) ?>" target="_blank"
                       class="nimap-design-link"><?php echo esc_html( $title ) ?></a>
                </div>
            </td>
            <!--			<td class="col-3"></td>-->
        </tr>
		<?php
	}

	public function select2_option( $field_name, $label = '', $isPage = false, $placeholder = '', $explain = '', $multi = false, $multilingual = '' ) {
		$set_name = $this->set_field( $field_name, $multi );
		$class    = 'nimap-' . str_replace( '_', '-', $field_name );
		?>
        <tr>
            <th class="col-1" scope="row">
                <label class=""><?php echo esc_html( $label ) ?></label>
            </th>
            <td class="col-2 nimap-select2">
                <div class="<?php echo esc_attr( $class . '-container' ); ?>">
                    <select name="<?php echo esc_attr( $set_name ) ?>"
                            class="nimap-search-page <?php echo esc_attr( $class ) ?> "
                            data-placeholder="<?php echo esc_attr( $placeholder ) ?>">
						<?php
						$field_data_id = self::get_page_locator( $field_name );
						$title_page    = $isPage ? get_the_title( $field_data_id ) : $field_data_id;
						?>
                        <option selected
                                value="<?php echo esc_attr( $field_data_id ) ?>"><?php echo esc_html( $title_page ) ?></option>
                    </select>
					<?php if ( $multilingual ) {
						if ( is_plugin_active( 'sitepress-multilingual-cms/sitepress.php' ) ) {
							global $sitepress;
							$default_lang = $sitepress->get_default_language();
							$languages    = $langs = icl_get_languages( 'skip_missing=N&orderby=KEY&order=DIR&link_empty_to=str' );
							if ( count( $languages ) ) {
								foreach ( $languages as $key => $language ) {
									if ( $key == $default_lang ) {
										continue;
									}
									$field_name_mlg = $field_name . '_' . $key;
									$class_mlg      = 'nimap-' . str_replace( '_', '-', $field_name_mlg );
									$set_name_mlg   = $this->set_field( $field_name_mlg, $multi );
									?>
                                    <p class="nimap-mlg-label"><?php echo esc_html( $language['native_name'] . ':' ) ?></p>
                                    <select name="<?php echo esc_attr( $set_name_mlg ) ?>"
                                            class="nimap-search-page <?php echo esc_attr( $class_mlg ) ?> "
                                            data-placeholder="<?php echo esc_attr( $placeholder ) ?>">
										<?php
										$title_page = self::get_field( $field_name_mlg );
										?>
                                        <option selected
                                                value="<?php echo  esc_attr( self::get_field( $field_name_mlg ) ) ?>"><?php echo esc_html( $title_page ) ?></option>
                                    </select>
									<?php
								}
							}
						} elseif ( class_exists( 'Polylang' ) ) {
							$languages = pll_languages_list();
							foreach ( $languages as $language ) {
								$default_lang = pll_default_language( 'slug' );

								if ( $language == $default_lang ) {
									continue;
								}
								$field_name_mlg = $field_name . '_' . $language;
								$class_mlg      = 'nimap-' . str_replace( '_', '-', $field_name_mlg );
								$set_name_mlg   = $this->set_field( $field_name_mlg, $multi );
								?>
                                <p class="nimap-mlg-label"><?php echo esc_html( $language . ':' ) ?></p>
                                <select name="<?php echo esc_attr( $set_name_mlg ) ?>"
                                        class="nimap-search-page <?php echo esc_attr( $class_mlg ) ?> "
                                        data-placeholder="<?php echo esc_attr( $placeholder ) ?>">
									<?php
									$title_page = self::get_field( $field_name_mlg );
									?>
                                    <option selected
                                            value="<?php echo esc_attr( self::get_field( $field_name_mlg ) ) ?>"><?php echo esc_html( $title_page ) ?></option>
                                </select>
								<?php
							}
						}
					} ?>
                </div>
				<?php if ( $explain )
					echo '<p class="description">' . esc_html( $explain ) . '</p>' ?>
            </td>
        </tr>
		<?php
	}

	public static function enqueue_style( $handles = array(), $srcs = array(), $is_suffix = array(), $des = array(), $type = 'enqueue' ) {
		if ( empty( $handles ) || empty( $srcs ) ) {
			return;
		}
		$action = $type === 'enqueue' ? 'wp_enqueue_style' : 'wp_register_style';
		$suffix = WP_DEBUG ? '' : '.min';
		foreach ( $handles as $i => $handle ) {
			if ( ! $handle || empty( $srcs[ $i ] ) ) {
				continue;
			}
			$suffix_t = ! empty( $is_suffix[ $i ] ) ? '.min' : $suffix;
			$action( $handle, NIMAP_CSS . $srcs[ $i ] . $suffix_t . '.css', ! empty( $des[ $i ] ) ? $des[ $i ] : array(), NIMAP_VERSION );
		}
	}

	public static function enqueue_script( $handles = array(), $srcs = array(), $is_suffix = array(), $des = array(), $type = 'enqueue', $in_footer = false ) {
		if ( empty( $handles ) || empty( $srcs ) ) {
			return;
		}
		$action = $type === 'register' ? 'wp_register_script' : 'wp_enqueue_script';
		$suffix = WP_DEBUG ? '' : '.min';
		foreach ( $handles as $i => $handle ) {
			if ( ! $handle || empty( $srcs[ $i ] ) ) {
				continue;
			}
			$suffix_t = ! empty( $is_suffix[ $i ] ) ? '.min' : $suffix;
			$action( $handle, NIMAP_JS . $srcs[ $i ] . $suffix_t . '.js', ! empty( $des[ $i ] ) ? $des[ $i ] : array( 'jquery' ), NIMAP_VERSION, $in_footer );
		}
	}
}