<?php
//$isPro = frameGmp::_()->getModule('supsystic_promo')->isPro();
$promoData = frameGmp::_()->getModule('supsystic_promo')->addPromoMapTabs();
$addProElementAttrs = $this->isPro ? '' : ' title="' . esc_html(__("This option is available in <a target='_blank' href='%s'>PRO version</a> only, you can get it <a target='_blank' href='%s'>here.</a>", GMP_LANG_CODE)) . '"';
$addProElementClass = $this->isPro ? '' : 'supsystic-tooltip gmpProOpt';
//$addProElementBottomHtml = $this->isPro ? '' : '<span class="gmpProOptMiniLabel"><a target="_blank" href="'. $this->mainLink. '">'. __('PRO option', GMP_LANG_CODE). '</a></span>';
//$addProElementOptBottomHtml = $this->isPro ? '' : '<br /><span class="gmpProOptMiniLabel" style="padding-left: 0;"><a target="_blank" href="'. $this->mainLink. '">'. __('PRO option', GMP_LANG_CODE). '</a></span>';
$isCustSearchAndMarkersPeriodAvailable = true;
if ($this->isPro) {
  // It's not available for old PRO
  $isCustSearchAndMarkersPeriodAvailable = false;
  if (frameGmp::_()->getModule('custom_controls') && method_exists(frameGmp::_()->getModule('custom_controls'), 'isCustSearchAndMarkersPeriodAvailable') && frameGmp::_()->getModule('custom_controls')->isCustSearchAndMarkersPeriodAvailable()) {
    $isCustSearchAndMarkersPeriodAvailable = true;
  }
}
?>
<section>
	<div class="supsystic-item supsystic-panel">
		<div id="containerWrapper">
			<div class="gmpMapBtns supsistic-half-side-box">
				<button id="gmpInsertToContactForm" class="button"><?php _e('Insert to Contact Form', GMP_LANG_CODE); ?></button>
			</div>
			<div class="supsistic-half-side-box" style="position: relative;">
				<select name="shortcode_example" id="gmpCopyTextCodeExamples" style="width: 35%; height: 32px; float: left; margin: 0; font-size: 16px;">
					<option value="shortcode"><?php _e('Map shortcode', GMP_LANG_CODE); ?></option>
					<option value="php_code"><?php _e('PHP code', GMP_LANG_CODE); ?></option>
				</select>
				<input type="text" name="gmpCopyTextCode" value="<?php _e('Shortcode will appear after you save map.', GMP_LANG_CODE); ?>"
					class="gmpMapShortCodeShell gmpStaticWidth" style="width: 64%; height: 31px; float: right; margin: 0; text-align: center;" readonly="readonly">
			</div>
			<div style="clear: both;"></div>
			<?php do_action('gmp_lang_tabs'); ?>
			<div style="clear: both;"></div>
			<div id="gmpMapPropertiesTabs" style="display: none;">
				<h3 class="nav-tab-wrapper" style="margin-bottom: 12px;">
					<a class="nav-tab nav-tab-active" href="#gmpMapTab">
						<p>
							<i class="fa fa-globe" aria-hidden="true"></i>
							<?php _e('Map', GMP_LANG_CODE); ?>
						</p>
					</a>
					<a class="nav-tab" href="#gmpMarkerTab">
						<p>
							<i class="fa fa-map-marker" style="font-size: 18px;"></i>
							<?php _e('Markers', GMP_LANG_CODE); ?>
							<button class="button" id="gmpAddNewMarkerBtn">
								<?php _e('New', GMP_LANG_CODE); ?>
							</button>
						</p>
					</a>
					<a class="nav-tab" href="#gmpShapeTab">
						<p>
							<i class="fa fa-cubes"></i>
							<?php _e('Figures', GMP_LANG_CODE); ?>
							<button class="button gmpProOpt" id="gmpAddNewShapeBtn">
								<?php _e('New', GMP_LANG_CODE); ?>
							</button>
						</p>
					</a>
					<a class="nav-tab" href="#gmpHeatmapTab">
						<p style="padding-top: 5px;">
							<i class="fa fa-map"></i>
							<?php _e('Heatmap Layer', GMP_LANG_CODE); ?>
						</p>
					</a>
					<a class="nav-tab" href="#gmpRouterTab">
						<p style="padding-top: 5px;">
							<i class="fa fa-random" aria-hidden="true"></i>
							<?php _e('Path Router', GMP_LANG_CODE); ?>
						</p>
					</a>
				</h3>
				<div style="clear: both;"></div>
				<div class="supsistic-half-side-box">
					<div id="gmpMapTab" class="gmpTabContent">
						<form id="gmpMapForm">
							<table class="form-table">
								<tr>
									<th scope="row">
										<label class="label-big" for="map_opts_title">
											<?php _e('Map Name', GMP_LANG_CODE); ?>:
										</label>
										<i style="float: right;" class="fa fa-question supsystic-tooltip" data-tooltip-content="#tooltip_01"></i>
										<span class="tooltipContent" id="tooltip_01">
												<?php _e('Your map name', GMP_LANG_CODE); ?>
										</span>
									</th>
									<td>
										<?php echo htmlGmp::wpKsesHtml(
            htmlGmp::text('map_opts[title]', [
              'value' => $this->editMap ? esc_attr($this->map['title']) : '',
              'attrs' => 'style="width: 100%;" id="map_opts_title"',
              'required' => true,
            ]),
          ); ?>
									</td>
								</tr>
								<tr>
									<th scope="row">
										<label for="map_opts_width">
											<?php _e('Map Width', GMP_LANG_CODE); ?>:
										</label>
										<i style="float: right;" class="fa fa-question supsystic-tooltip" data-tooltip-content="#tooltip_02"></i>
										<span class="tooltipContent" id="tooltip_02">
												<?php _e('Your map width', GMP_LANG_CODE); ?>
										</span>
									</th>
									<td>
										<div class="sup-col sup-w-25">
											<?php echo htmlGmp::wpKsesHtml(
             htmlGmp::input('map_opts[width]', [
               'value' => $this->editMap ? $this->map['html_options']['width'] : '100',
               'type' => 'number',
               'attrs' => 'style="width: 100%;" id="map_opts_width"',
             ]),
           ); ?>
										</div>
										<div class="sup-col sup-w-75">
											<label class="supsystic-tooltip" title="<?php _e('Pixels', GMP_LANG_CODE); ?>" style="margin-right: 15px; position: relative; top: 7px;"><?php echo htmlGmp::wpKsesHtml(
  htmlGmp::radiobutton('map_opts[width_units]', [
    'value' => 'px',
    'checked' => $this->editMap ? htmlGmp::checkedOpt($this->map['params'], 'width_units', 'px') : false,
  ]),
); ?>&nbsp;<?php _e('Px', GMP_LANG_CODE); ?></label>
											<label style="margin-right: 15px; position: relative; top: 7px;"><?php echo htmlGmp::wpKsesHtml(
             htmlGmp::radiobutton('map_opts[width_units]', [
               'value' => '%',
               'checked' => $this->editMap ? htmlGmp::checkedOpt($this->map['params'], 'width_units', '%') : true,
             ]),
           ); ?>&nbsp;<?php _e('Percent', GMP_LANG_CODE); ?></label>
										</div>
									</td>
								</tr>
								<tr>
									<th scope="row">
										<label for="map_opts_height">
											<?php _e('Map Height', GMP_LANG_CODE); ?>:
										</label>
										<i style="float: right;" class="fa fa-question supsystic-tooltip" data-tooltip-content="#tooltip_03"></i>
										<span class="tooltipContent" id="tooltip_03">
											<?php _e(
             'Your map height.' .
               '<br /><br />If Adapt map to screen height option is checked - map height will be recalculated on frontend and can be equals to:' .
               '<ul>' .
               '<li>1) your device screen height - height from top of page to top of map (if screen height > height from top of page to top of map)</li>' .
               '<li>2) your device screen height (in other cases)</li>' .
               '</ul>' .
               'Recalculation will be done for maps in page content and widgets except of maps which displaying in Easy Google Maps widget popup (Display as image mode).',
             GMP_LANG_CODE,
           ); ?>
										</span>
									</th>
									<td>
										<div class="gmpMainHeightOpts sup-col sup-w-50 no-p">
											<div class="sup-col sup-w-50" style="padding-right: 15px;">
												<?php echo htmlGmp::wpKsesHtml(
              htmlGmp::input('map_opts[height]', [
                'value' => $this->editMap ? esc_attr($this->map['html_options']['height']) : '250',
                'type' => 'number',
                'attrs' => 'style="width: 100%;" id="map_opts_height"',
              ]),
            ); ?>
											</div>
											<div class="sup-col sup-w-50 no-p">
												<label class="supsystic-tooltip" title="<?php _e('Pixels', GMP_LANG_CODE); ?>" style="margin-right: 15px; position: relative; top: 7px;"><?php echo htmlGmp::wpKsesHtml(
  htmlGmp::radiobutton('map_opts_height_units_is_constant', [
    'value' => 'px',
    'checked' => true,
  ]),
); ?>&nbsp;<?php _e('Px', GMP_LANG_CODE); ?></label>
											</div>
										</div>
										<div class="gmpAdditionalHeightOpts sup-col sup-w-100 no-p">
											<div style="margin-top: 8px;">
												<?php echo htmlGmp::wpKsesHtml(
              htmlGmp::checkboxHiddenVal('map_opts[adapt_map_to_screen_height]', [
                'value' => $this->editMap && isset($this->map['params']['adapt_map_to_screen_height']) ? esc_attr($this->map['params']['adapt_map_to_screen_height']) : false,
              ]),
            ); ?>
												<span style="vertical-align: middle;">
													<?php _e('Adapt map to screen height', GMP_LANG_CODE); ?>
												</span>
											</div>
											<div class="gmpAdditionalAdaptHeightOpts">
												<div style="margin-top: 8px;">
													<label for="map_opts_map_selectors_content_before">
														<?php _e('Content Before', GMP_LANG_CODE); ?>
													</label>
													<?php echo htmlGmp::wpKsesHtml(
               htmlGmp::text('map_opts[selectors][content_before]', [
                 'value' => $this->editMap && isset($this->map['params']['selectors']['content_before']) ? esc_attr($this->map['params']['selectors']['content_before']) : '',
                 'placeholder' => '',
                 'attrs' => 'style="width: 100%;" id="map_opts_selector_content_before"',
               ]),
             ); ?>
												</div>
												<div style="margin-top: 8px;">
													<label for="map_opts_map_selectors_content_after">
														<?php _e('Content After', GMP_LANG_CODE); ?>
													</label>
													<?php echo htmlGmp::wpKsesHtml(
               htmlGmp::text('map_opts[selectors][content_after]', [
                 'value' => $this->editMap && isset($this->map['params']['selectors']['content_after']) ? esc_attr($this->map['params']['selectors']['content_after']) : '',
                 'placeholder' => '',
                 'attrs' => 'style="width: 100%;" id="map_opts_selector_content_after"',
               ]),
             ); ?>
												</div>
											</div>
										</div>
									</td>
								</tr>
								<tr>
									<th scope="row">
										<label for="map_opts_mapId">
											<?php _e('Google Map ID', GMP_LANG_CODE); ?>:
										</label>
										<i style="float: right;" class="fa fa-question supsystic-tooltip" data-tooltip-content="#tooltip_map_id"></i>
										<span class="tooltipContent" id="tooltip_map_id">
											<?php _e('Optional Google Cloud Map ID. When set, the plugin can use Advanced Markers. Google Cloud styling will be used instead of local map stylization.', GMP_LANG_CODE); ?>
										</span>
									</th>
									<td>
										<?php echo htmlGmp::wpKsesHtml(
            htmlGmp::text('map_opts[mapId]', [
              'value' => $this->editMap && isset($this->map['params']['mapId']) ? esc_attr($this->map['params']['mapId']) : '',
              'attrs' => 'style="width: 100%;" id="map_opts_mapId" placeholder="e.g. 123abc456def7890"',
            ]),
          ); ?>
										<div style="margin-top: 6px; color: #666;">
											<?php _e('Leave empty to keep legacy behavior and automatic fallback to classic markers.', GMP_LANG_CODE); ?>
										</div>
									</td>
								</tr>
							</table>
							<?php
/*?><div id="gmpExtendOptsBtnShell" class="supRow-pad">
								<a href="#" id="gmpExtendOptsBtn" class="button"><?php _e('Extended Options', GMP_LANG_CODE)?></a>
							</div><?php */
?>
							<div id="gmpExtendOptsShell" class="supRow">
								<table class="form-table">
									<tr>
										<th scope="row">
											<label for="map_opts_type_control">
												<?php _e('Map type control', GMP_LANG_CODE); ?>:
											</label>
											<i style="float: right;" class="fa fa-question supsystic-tooltip" data-tooltip-content="#tooltip_04"></i>
											<span class="tooltipContent" id="tooltip_04">
													<?php _e('Control view for map type - you can see it in left upper corner by default', GMP_LANG_CODE); ?>
											</span>
										</th>
										<td>
											<div class="sup-col sup-w-50">
												<?php echo htmlGmp::wpKsesHtml(
              htmlGmp::selectbox('map_opts[type_control]', [
                'options' => ['none' => __('None', GMP_LANG_CODE), 'DROPDOWN_MENU' => __('Dropdown Menu', GMP_LANG_CODE), 'HORIZONTAL_BAR' => __('Horizontal Bar', GMP_LANG_CODE)],
                'value' => $this->editMap && isset($this->map['params']['type_control']) ? esc_attr($this->map['params']['type_control']) : 'HORIZONTAL_BAR',
                'attrs' => 'style="width: 100%;" id="map_opts_type_control"',
              ]),
            ); ?>
											</div>
											<div class="sup-col sup-w-50">
												<?php $proLink = frameGmp::_()->getModule('supsystic_promo')->generateMainLink('utm_source=plugin&utm_medium=type_control_position&utm_campaign=googlemaps'); ?>
												<i class="fa fa-arrows supsystic-tooltip" title="<?php _e('Change type control position on map', GMP_LANG_CODE); ?>"></i>

												<?php echo htmlGmp::wpKsesHtml(
              htmlGmp::selectbox('map_opts[type_control_position]', [
                'options' => $this->positionsList,
                'value' => $this->editMap && isset($this->map['params']['type_control_position']) ? esc_attr($this->map['params']['type_control_position']) : 'TOP_RIGHT',
                'attrs' => 'data-for="mapTypeControlOptions" class="gmpMapPosChangeSelect ' . esc_attr($addProElementClass) . '"' . (empty($addProElementAttrs && 1 == 0) ? '' : sprintf($addProElementAttrs, $proLink, $proLink)),
              ]),
            ); ?>

												<?php if (!$this->isPro) { ?>
													<span class="gmpProOptMiniLabel" style="padding-left: 20px;"><a target="_blank" href="<?php echo esc_attr($proLink); ?>"><?php _e('PRO option', GMP_LANG_CODE); ?></a></span>
												<?php } ?>
											</div>
										</td>
									</tr>
									<tr>
										<th scope="row">
											<label for="map_opts_zoom_control">
												<?php _e('Zoom control', GMP_LANG_CODE); ?>:
											</label>
											<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e('Zoom control type on your map. Note, to view Zoom control on the map the Custom Map Controls option must be disabled.', GMP_LANG_CODE); ?>"></i>
										</th>
										<td>
											<div>
												<div class="sup-col sup-w-50">
													<?php echo htmlGmp::wpKsesHtml(
               htmlGmp::selectbox('map_opts[zoom_control]', [
                 'options' => ['none' => __('None', GMP_LANG_CODE), 'DEFAULT' => __('Default', GMP_LANG_CODE) /*, 'LARGE' => __('Large', GMP_LANG_CODE), 'SMALL' => __('Small', GMP_LANG_CODE)*/],
                 'value' => $this->editMap && isset($this->map['params']['zoom_control']) ? esc_attr($this->map['params']['zoom_control']) : 'DEFAULT',
                 'attrs' => 'style="width: 100%;" id="map_opts_zoom_control"',
               ]),
             ); ?>
												</div>
												<div class="sup-col sup-w-50">
													<?php $proLink = frameGmp::_()->getModule('supsystic_promo')->generateMainLink('utm_source=plugin&utm_medium=zoom_control_position&utm_campaign=googlemaps'); ?>
													<i class="fa fa-arrows supsystic-tooltip" title="<?php _e('Change zoom control position on map', GMP_LANG_CODE); ?>"></i>
													<?php echo htmlGmp::wpKsesHtml(
               htmlGmp::selectbox('map_opts[zoom_control_position]', [
                 'options' => $this->positionsList,
                 'value' => $this->editMap && isset($this->map['params']['zoom_control_position']) ? esc_attr($this->map['params']['zoom_control_position']) : 'TOP_LEFT',
                 'attrs' => 'data-for="zoomControlOptions" class="gmpMapPosChangeSelect ' . esc_attr($addProElementClass) . '"' . (empty($addProElementAttrs && 1 == 0) ? '' : sprintf($addProElementAttrs, $proLink, $proLink)),
               ]),
             ); ?>
													<?php if (!$this->isPro) { ?>
														<span class="gmpProOptMiniLabel" style="padding-left: 20px;"><a target="_blank" href="<?php echo esc_attr($proLink); ?>"><?php _e('PRO option', GMP_LANG_CODE); ?></a></span>
													<?php } ?>
												</div>
											</div>
											<div id="gmpDefaultZoomDisable" style="display: none;" title="<?php _e('Notice', GMP_LANG_CODE); ?>">
												<p>
													<?php printf(__('Standard Zoom control will not displaying for this map, because the Custom Map Controls option enabled now.', GMP_LANG_CODE)); ?>
												</p>
											</div>
										</td>
									</tr>
									<tr>
										<th scope="row">
											<label for="map_optsstreet_view_control_check">
												<?php _e('Street view control', GMP_LANG_CODE); ?>:
											</label>
											<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e('Street view control usually is located on right lower corner of your map', GMP_LANG_CODE); ?>"></i>
										</th>
										<td>
											<div class="sup-col sup-w-50">
												<?php echo htmlGmp::wpKsesHtml(
              htmlGmp::checkboxHiddenVal('map_opts[street_view_control]', [
                'value' => $this->editMap && isset($this->map['params']['street_view_control']) ? esc_attr($this->map['params']['street_view_control']) : true,
              ]),
            ); ?>
											</div>
											<div class="sup-col sup-w-50">
												<?php $proLink = frameGmp::_()->getModule('supsystic_promo')->generateMainLink('utm_source=plugin&utm_medium=street_view_control_position&utm_campaign=googlemaps'); ?>
												<i class="fa fa-arrows supsystic-tooltip" title="<?php _e('Change street view control position on map', GMP_LANG_CODE); ?>"></i>
												<?php echo htmlGmp::wpKsesHtml(
              htmlGmp::selectbox('map_opts[street_view_control_position]', [
                'options' => $this->positionsList,
                'value' => $this->editMap && isset($this->map['params']['street_view_control_position']) ? esc_attr($this->map['params']['street_view_control_position']) : 'TOP_LEFT',
                'attrs' => 'data-for="streetViewControlOptions" class="gmpMapPosChangeSelect ' . esc_attr($addProElementClass) . '"' . (empty($addProElementAttrs && 1 == 0) ? '' : sprintf($addProElementAttrs, $proLink, $proLink)),
              ]),
            ); ?>
												<?php if (!$this->isPro) { ?>
													<span class="gmpProOptMiniLabel" style="padding-left: 20px;"><a target="_blank" href="<?php echo esc_attr($proLink); ?>"><?php _e('PRO option', GMP_LANG_CODE); ?></a></span>
												<?php } ?>
											</div>
										</td>
									</tr>
									<tr>
										<td colspan="2" style="padding: 0;">
											<table class="form-table">
												<tr>
													<th scope="row">
														<label for="map_optsdraggable_check">
															<?php _e('Draggable', GMP_LANG_CODE); ?>:
														</label>
														<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e('Enable or disable possibility to drag your map using mouse', GMP_LANG_CODE); ?>"></i>
													</th>
													<td>
														<?php echo htmlGmp::wpKsesHtml(
                htmlGmp::checkboxHiddenVal('map_opts[draggable]', [
                  'value' => $this->editMap && isset($this->map['params']['draggable']) ? esc_attr($this->map['params']['draggable']) : true,
                ]),
              ); ?>
													</td>
													<th scope="row">
														<label for="map_optsmouse_wheel_zoom_check">
															<?php _e('Mouse wheel to zoom', GMP_LANG_CODE); ?>:
														</label>
														<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e(
                'Sometimes you need to disable possibility to zoom your map using mouse wheel. This can be required for example - if you need to use your wheel for some other action, for example scroll your site even if mouse is over your map.',
                GMP_LANG_CODE,
              ); ?>"></i>
													</th>
													<td>
														<?php echo htmlGmp::wpKsesHtml(
                htmlGmp::checkboxHiddenVal('map_opts[mouse_wheel_zoom]', [
                  'value' => $this->editMap && isset($this->map['params']['mouse_wheel_zoom']) ? esc_attr($this->map['params']['mouse_wheel_zoom']) : true,
                ]),
              ); ?>
													</td>
												</tr>
												<tr>
													<th scope="row">
														<label for="map_optsdbl_click_zoom_check">
															<?php _e('Double click to zoom', GMP_LANG_CODE); ?>:
														</label>
														<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e('By default double left click on map will zoom it in. But you can change this here.', GMP_LANG_CODE); ?>"></i>
													</th>
													<td>
														<?php echo htmlGmp::wpKsesHtml(
                htmlGmp::checkboxHiddenVal('map_opts[dbl_click_zoom]', [
                  'value' => $this->editMap && isset($this->map['params']['dbl_click_zoom']) ? esc_attr($this->map['params']['dbl_click_zoom']) : true,
                ]),
              ); ?>
													</td>
													<th scope="row">
														<label for="map_optsis_static_check">
															<?php _e('Set Static', GMP_LANG_CODE); ?>:
														</label>
														<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e('Show map as a Static image. This will allow you to make it cheeper according to new Google Maps API usage Rates. Be aware - not all options will work in this mode!', GMP_LANG_CODE); ?>"></i>
													</th>
													<td>
														<?php echo htmlGmp::wpKsesHtml(
                htmlGmp::checkboxHiddenVal('map_opts[is_static]', [
                  'value' => $this->editMap && isset($this->map['params']['is_static']) ? esc_attr($this->map['params']['is_static']) : false,
                  'attrs' => 'class="gmpProOpt"',
                ]),
              ); ?>
														<?php $proLink = frameGmp::_()->getModule('supsystic_promo')->generateMainLink('utm_source=plugin&utm_medium=static_map&utm_campaign=googlemaps'); ?>
														<?php if (!$this->isPro) { ?>
															<span class="gmpProOptMiniLabel" style="padding-left: 20px;"><a target="_blank" href="<?php echo esc_attr($proLink); ?>"><?php _e('PRO option', GMP_LANG_CODE); ?></a></span>
														<?php } ?>
													</td>
												</tr>
											</table>
										</td>
									</tr>
									<tr>
										<th scope="row">
											<label for="map_opts_map_center_address" class="sup-medium-label">
												<?php _e('Map Center', GMP_LANG_CODE); ?>:
											</label>
											<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e('Sets map center. You can set map center in next ways: type address to use its coords, type the coords\' values in appropriate fields or just drag the map on preview.', GMP_LANG_CODE); ?>"></i>
										</th>
										<td>
											<div>
												<label for="map_opts_map_center_address">
													<?php _e('Address', GMP_LANG_CODE); ?>
												</label>
												<?php echo htmlGmp::wpKsesHtml(
              htmlGmp::text('map_opts[map_center][address]', [
                'value' => $this->editMap && isset($this->map['params']['map_center']['address']) ? esc_attr($this->map['params']['map_center']['address']) : '',
                'placeholder' => '603 Park Avenue, Brooklyn, NY 11206, USA',
                'attrs' => 'style="width: 100%;" id="map_opts_map_center_address"',
              ]),
            ); ?>
											</div>
											<div class="sup-col sup-w-50" style="margin-top: 10px;">
												<label for="map_opts_map_center_coord_x">
													<?php _e('Latitude', GMP_LANG_CODE); ?>
												</label>
												<?php echo htmlGmp::wpKsesHtml(
              htmlGmp::text('map_opts[map_center][coord_x]', [
                'value' => $this->editMap ? esc_attr($this->map['params']['map_center']['coord_x']) : '',
                'attrs' => 'style="width: 100%;" id="map_opts_map_center_coord_x"',
              ]),
            ); ?>
											</div>
											<div class="sup-col sup-w-50" style="margin-top: 10px;">
												<label for="map_opts_map_center_coord_y">
													<?php _e('Longitude', GMP_LANG_CODE); ?>
												</label>
												<?php echo htmlGmp::wpKsesHtml(
              htmlGmp::text('map_opts[map_center][coord_y]', [
                'value' => $this->editMap ? esc_attr($this->map['params']['map_center']['coord_y']) : '',
                'attrs' => 'style="width: 100%;" id="map_opts_map_center_coord_y"',
              ]),
            ); ?>
											</div>
										</td>
									</tr>
									<tr>
										<th scope="row">
											<label for="map_opts_zoom_type" class="sup-medium-label">
												<?php _e('Map Zoom', GMP_LANG_CODE); ?>:
											</label>
											<i style="float: right;" class="fa fa-question supsystic-tooltip" data-tooltip-content="#tooltip_05"></i>
											<span class="tooltipContent" id="tooltip_05">
												<?php _e(
              'Sets map zoom.<br /><br />
												<b>Preset Zoom</b> - sets zoom value for map. You can change this value just change zoom on the map preview.<br /><br />
												<b>Fit Bounds</b> - map zoom will be changed on frontend in a way that all markers and figures will be visible.<br /><br />
												<b>Min Zoom Level</b> - sets minimum zoom level (maximum estrangement), which can be applied for map.<br /><br />
												<b>Max Zoom Level</b> - sets maximum zoom level (maximum approximation), which can be applied for map.
												',
              GMP_LANG_CODE,
            ); ?>
											</span>
										</th>
										<td>
											<?php
           $zoomMin = 1;
           $zoomMax = 21;
           $zoomRange = array_combine(range($zoomMin, $zoomMax), range($zoomMin, $zoomMax));
           ?>
											<?php echo htmlGmp::wpKsesHtml(
             htmlGmp::selectbox('map_opts[zoom_type]', [
               'options' => ['zoom_level' => __('Preset Zoom', GMP_LANG_CODE), 'fit_bounds' => __('Fit Bounds', GMP_LANG_CODE)],
               'value' => $this->editMap && isset($this->map['params']['zoom_type']) ? esc_attr($this->map['params']['zoom_type']) : 'zoom_level',
               'attrs' => 'style="width: 100%;"',
             ]),
           ); ?>
											<div id="zoom_type_options">
												<div>
													<div class="zoom_level sup-col sup-w-50" style="margin-top: 10px;">
														<label for="map_opts_zoom">
															<?php _e('Zoom Level', GMP_LANG_CODE); ?>
														</label>
														<?php echo htmlGmp::wpKsesHtml(
                htmlGmp::selectbox('map_opts[zoom]', [
                  'options' => $zoomRange,
                  'value' => $this->editMap && isset($this->map['params']['zoom']) ? esc_attr($this->map['params']['zoom']) : 8,
                  'attrs' => 'style="width: 100%;"',
                ]),
              ); ?>
														<?php
//echo htmlGmp::hidden('map_opts[zoom]', array('value' => $this->editMap ? $this->map['params']['zoom'] : ''))
?>
													</div>
													<div class="zoom_level sup-col sup-w-50" style="margin-top: 10px;">
														<label for="map_opts_zoom_mobile">
															<?php _e('Mobile Zoom Level', GMP_LANG_CODE); ?>
														</label>
														<?php echo htmlGmp::wpKsesHtml(
                htmlGmp::selectbox('map_opts[zoom_mobile]', [
                  'options' => $zoomRange,
                  'value' => $this->editMap && isset($this->map['params']['zoom_mobile']) ? esc_attr($this->map['params']['zoom_mobile']) : 8,
                  'attrs' => 'style="width: 100%;"',
                ]),
              ); ?>
													</div>
												</div>
												<div>
													<div class="zoom_min_level sup-col sup-w-50" style="margin-top: 10px;">
														<label for="map_opts_zoom_min">
															<?php _e('Min Zoom Level', GMP_LANG_CODE); ?>
														</label>
														<?php echo htmlGmp::wpKsesHtml(
                htmlGmp::selectbox('map_opts[zoom_min]', [
                  'options' => $zoomRange,
                  'value' => $this->editMap && isset($this->map['params']['zoom_min']) ? esc_attr($this->map['params']['zoom_min']) : esc_attr($zoomMin),
                  'attrs' => 'style="width: 100%;"',
                ]),
              ); ?>
													</div>
													<div class="zoom_max_level sup-col sup-w-50" style="margin-top: 10px;">
														<label for="map_opts_zoom_max">
															<?php _e('Max Zoom Level', GMP_LANG_CODE); ?>
														</label>
														<?php echo htmlGmp::wpKsesHtml(
                htmlGmp::selectbox('map_opts[zoom_max]', [
                  'options' => $zoomRange,
                  'value' => $this->editMap && isset($this->map['params']['zoom_max']) ? esc_attr($this->map['params']['zoom_max']) : esc_attr($zoomMax),
                  'attrs' => 'style="width: 100%;"',
                ]),
              ); ?>
													</div>
												</div>
											</div>
										</td>
									</tr>
									<tr>
										<th scope="row">
											<label for="map_opts_map_type">
												<?php _e('Google Map Theme', GMP_LANG_CODE); ?>:
											</label>
											<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e('You can select your Google Map theme - Road Map, Hybrid, Satellite or Terrain - here. By default your map will have Road Map Google maps theme.', GMP_LANG_CODE); ?>"></i>
										</th>
										<td>
											<?php echo htmlGmp::wpKsesHtml(
             htmlGmp::selectbox('map_opts[map_type]', [
               'options' => ['ROADMAP' => __('Road Map', GMP_LANG_CODE), 'HYBRID' => __('Hybrid', GMP_LANG_CODE), 'SATELLITE' => __('Satellite', GMP_LANG_CODE), 'TERRAIN' => __('Terrain', GMP_LANG_CODE)],
               'value' => $this->editMap && isset($this->map['params']['map_type']) ? esc_attr($this->map['params']['map_type']) : 'ROADMAP',
               'attrs' => 'style="width: 100%;" id="map_opts_map_type"',
             ]),
           ); ?>
										</td>
									</tr>
									<tr>
										<th scope="row">
											<label for="map_opts_map_stylization">
												<?php _e('Map Stylization', GMP_LANG_CODE); ?>:
											</label>
											<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e('Make your map unique with our Map Themes, just try to change it here - and you will see results on your Map Preview.', GMP_LANG_CODE); ?>"></i>
										</th>
										<td>
											<?php echo htmlGmp::wpKsesHtml(
             htmlGmp::selectbox('map_opts[map_stylization]', [
               'options' => $this->stylizationsForSelect,
               'value' => $this->editMap && isset($this->map['params']['map_stylization']) ? esc_attr($this->map['params']['map_stylization']) : 'none',
               'attrs' => 'style="width: ' . ($this->isPro ? '100%' : 'calc(100% - 200px)') . ';" id="map_opts_map_stylization"',
             ]),
           ); ?>
											<?php if (!$this->isPro) { ?>
												<a target="_blank" href="<?php echo esc_attr($this->mainLink); ?>" class="sup-standard-link">
													<i class="fa fa-plus"></i>
													<?php _e('Get 300+ Themes with PRO', GMP_LANG_CODE); ?>
												</a>
											<?php } ?>
										</td>
									</tr>
									<tr>
										<th scope="row">
											<label for="map_opts_marker_clasterer" class="sup-medium-label">
												<?php _e('Markers Clusterization', GMP_LANG_CODE); ?>:
											</label>
											<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e(
             'If you have many markers - you can have a problems with viewing them when zoom out for example: they will just cover each-other. Marker clusterization can solve this problem by grouping your markers in groups when they are too close to each-other.',
             GMP_LANG_CODE,
           ); ?>"></i>
										</th>
										<td>
											<?php
           echo htmlGmp::wpKsesHtml(
             htmlGmp::selectbox('map_opts[marker_clasterer]', [
               'options' => ['none' => __('None', GMP_LANG_CODE), 'MarkerClusterer' => __('Base Clusterization', GMP_LANG_CODE)],
               'value' => $this->editMap && isset($this->map['params']['marker_clasterer']) ? esc_attr($this->map['params']['marker_clasterer']) : 'none',
               'attrs' => 'style="width: 100%;" id="map_opts_marker_clasterer"',
             ]),
           );

           // Prevent to use old default claster icon cdn icon because it is missing
           $oldDefClasterIcon = 'https://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/images/m1.png';
           $curClusterIcon = uriGmp::_(
             $this->editMap && isset($this->map['params']['marker_clasterer_icon']) && $this->map['params']['marker_clasterer_icon'] && $this->map['params']['marker_clasterer_icon'] != $oldDefClasterIcon
               ? esc_attr($this->map['params']['marker_clasterer_icon'])
               : GMP_MODULES_PATH . '/gmap/img/m1.png',
           );
           $curClusterIconWidth = $this->editMap && isset($this->map['params']['marker_clasterer_icon_width']) && $this->map['params']['marker_clasterer_icon_width'] ? esc_attr($this->map['params']['marker_clasterer_icon_width']) : 53;
           $curClusterIconHeight = $this->editMap && isset($this->map['params']['marker_clasterer_icon_height']) && $this->map['params']['marker_clasterer_icon_height'] ? esc_attr($this->map['params']['marker_clasterer_icon_height']) : 52;
           ?>
											<div id="gmpMarkerClastererSubOpts" style="display: none;">
												<div class="gmpClastererSubOpts">
													<div class="sup-col" style="max-width: 50%; min-width: 20%; float: right; padding: 0; text-align: center;">
														<a id="gmpUploadClastererIconBtn" href="#" class="button" style="width: 100%; margin-bottom: 5px;"><?php _e('Upload Icon', GMP_LANG_CODE); ?></a><br />
														<a id="gmpDefaultClastererIconBtn" href="#" class="button" style="width: 100%; margin-bottom: 5px;"><?php _e('Default Icon', GMP_LANG_CODE); ?></a>
														<div class="gmpClastererUplRes"></div>
													</div>
													<label for="map_opts_marker_clasterer_icon">
														<?php _e('Cluster Icon', GMP_LANG_CODE); ?>
													</label><br />
													<img id="gmpMarkerClastererIconPrevImg" src="<?php echo esc_attr($curClusterIcon); ?>" style="max-width: 53px; height: auto; margin: 5px 0;" />
													<?php echo htmlGmp::hidden('map_opts[marker_clasterer_icon]', ['value' => esc_attr($curClusterIcon)]); ?>
													<?php echo htmlGmp::hidden('map_opts[marker_clasterer_icon_width]', ['value' => esc_attr($curClusterIconWidth)]); ?>
													<?php echo htmlGmp::hidden('map_opts[marker_clasterer_icon_height]', ['value' => esc_attr($curClusterIconHeight)]); ?>
													<div style="clear: both;"></div>
												</div>
												<div class="gmpClastererSubOpts">
													<label for="map_opts_marker_clasterer_grid_size">
														<?php _e('Cluster Area Size', GMP_LANG_CODE); ?>
													</label>
													<i class="fa fa-question supsystic-tooltip" title="<?php _e('Sets the grid size of cluster. The higher the size - the more area of capture the markers to the cluster.', GMP_LANG_CODE); ?>"></i>
													<br />
													<div class="sup-col sup-w-75">
														<?php echo htmlGmp::wpKsesHtml(
                htmlGmp::text('map_opts[marker_clasterer_grid_size]', [
                  'value' => $this->editMap && isset($this->map['params']['marker_clasterer_grid_size']) ? esc_attr($this->map['params']['marker_clasterer_grid_size']) : '60',
                  'attrs' => 'style="width: 100%;" id="gmpMarkerClastererGridSize" ',
                ]),
              ); ?>
													</div>
													<div class="sup-col" style="max-width: 50%; min-width: 20%; float: right; padding: 0; text-align: center;">
														<a id="gmpDefaultClastererGridSizeBtn" href="#" class="button" style="width: 100%; margin-bottom: 5px;"><?php _e('Default', GMP_LANG_CODE); ?></a>
													</div>
												</div>
											</div>
										</td>
									</tr>
									<tr>
										<th scope="row">
											<label for="map_opts_markers_list_type">
												<?php _e('Markers List', GMP_LANG_CODE); ?>:
											</label>
											<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e('Display all map markers - as list below Your map. This will help your users get more info about your markers and find required marker more faster.', GMP_LANG_CODE); ?>"></i>
											<?php if (!$this->isPro) { ?>
												<?php $proLink = frameGmp::_()->getModule('supsystic_promo')->generateMainLink('utm_source=plugin&utm_medium=markers_list&utm_campaign=googlemaps'); ?>
												<br /><span class="gmpProOptMiniLabel"><a target="_blank" href="<?php echo esc_attr($proLink); ?>"><?php _e('PRO option', GMP_LANG_CODE); ?></a></span>
											<?php } ?>
										</th>
										<td>
											<a id="gmpMapMarkersListBtn" href="#" class="button"><?php _e('Select Markers List type', GMP_LANG_CODE); ?></a>
											<?php echo htmlGmp::wpKsesHtml(
             htmlGmp::hidden('map_opts[markers_list_type]', [
               'value' => $this->editMap && isset($this->map['params']['markers_list_type']) ? esc_attr($this->map['params']['markers_list_type']) : '',
             ]),
           ); ?>
											<div id="gmpMapMarkersListSettings" style="display: none;">
												<div style="margin-top: 10px;clear: both;">
													<div class="sup-col sup-w-50">
														<label for="map_opts_markers_list_color">
															<?php _e('Markers List Color', GMP_LANG_CODE); ?>
														</label><br />
														<?php echo htmlGmp::wpKsesHtml(
                htmlGmp::colorpicker('map_opts[markers_list_color]', [
                  'value' => $this->editMap && isset($this->map['params']['markers_list_color']) ? esc_attr($this->map['params']['markers_list_color']) : '#55BA68',
                ]),
              ); ?>
													</div>
													<div class="sup-col sup-w-50">
														<label for="map_opts_markers_list_hide_empty_block">
															<?php _e('Hide empty blocks', GMP_LANG_CODE); ?>
														</label><br />
														<?php echo htmlGmp::wpKsesHtml(
                htmlGmp::checkboxHiddenVal('map_opts[markers_list_hide_empty_block]', [
                  'value' => $this->editMap && isset($this->map['params']['markers_list_hide_empty_block']) ? esc_attr($this->map['params']['markers_list_hide_empty_block']) : false,
                  'attrs' => 'id="map_opts_markers_list_hide_empty_block"',
                ]),
              ); ?>
													</div>
												</div>
												<div style="margin-top: 10px;clear: both;">
													<div class="sup-col sup-w-50">
														<label for="map_opts_markers_list_collapse_mobile">
															<?php _e('Collapse markers list on mobile', GMP_LANG_CODE); ?>
														</label><br />
														<?php echo htmlGmp::wpKsesHtml(
                htmlGmp::checkboxHiddenVal('map_opts[markers_list_collapse][mobile]', [
                  'value' => $this->editMap && isset($this->map['params']['markers_list_collapse']['mobile']) ? esc_attr($this->map['params']['markers_list_collapse']['mobile']) : false,
                  'attrs' => 'id="map_opts_markers_list_collapse_mobile"',
                ]),
              ); ?>
													</div>
													<div class="sup-col sup-w-50">
                                                        <label for="map_opts_markers_list_loop">
                                                            <?php _e('Enable markers list loop', GMP_LANG_CODE); ?>
                                                        </label><br />
                                                        <?php echo htmlGmp::wpKsesHtml(
                                                          htmlGmp::checkboxHiddenVal('map_opts[markers_list_loop]', [
                                                            'value' => $this->editMap && isset($this->map['params']['markers_list_loop']) ? esc_attr($this->map['params']['markers_list_loop']) : false,
                                                            'attrs' => 'id="map_opts_markers_list_loop"',
                                                          ]),
                                                        ); ?>
                                                    </div>
												</div>
												<div style="clear: both;">
													<div class="sup-col" style="width: 100%;">
														<h4>
															<span><?php _e('Autoplay options', GMP_LANG_CODE); ?></span>
															<i style="float: right;" class="fa fa-question supsystic-tooltip" data-tooltip-content="#tooltip_12" style="float: right;margin-right: -15px;"></i>
															<span class="tooltipContent" id="tooltip_12">
																	<?php _e(
                   'Using for all markers lists types with slides.<br /><br /><b>Steps</b>: Steps to go for each auto play request. Possible value can be 1, 2, -1, -2 ...<br /><br /><b>Idle</b>: Interval to go for next slide since the previous stopped if the slider is auto playing, default value is 3000<br /><br /><b>Duration</b>: Specifies default duration (swipe) for slide in milliseconds, default value is 160',
                   GMP_LANG_CODE,
                 ); ?>
															</span>
														</h4>
													</div>
												</div>
												<div style="clear: both;">
													<div class="sup-col sup-w-50">
														<label for="map_opts_markers_list_autoplay_enable">
															<?php _e('Enable Autoplay', GMP_LANG_CODE); ?>
														</label><br />
														<?php echo htmlGmp::wpKsesHtml(
                htmlGmp::checkboxHiddenVal('map_opts[markers_list_autoplay][enable]', [
                  'value' => $this->editMap && isset($this->map['params']['markers_list_autoplay']['enable']) ? esc_attr($this->map['params']['markers_list_autoplay']['enable']) : false,
                  'attrs' => 'id="map_opts_markers_list_autoplay_enable"',
                ]),
              ); ?>
													</div>
													<div class="sup-col sup-w-50">
														<label for="map_opts_markers_list_autoplay_steps">
															<?php _e('Steps', GMP_LANG_CODE); ?>
														</label><br />
														<?php echo htmlGmp::wpKsesHtml(
                htmlGmp::text('map_opts[markers_list_autoplay][steps]', [
                  'value' => $this->editMap && isset($this->map['params']['markers_list_autoplay']['steps']) ? esc_attr($this->map['params']['markers_list_autoplay']['steps']) : '1',
                  'attrs' => 'style="width: 100%;" id="map_opts_markers_list_autoplay_steps" placeholder="1"',
                ]),
              ); ?>
													</div>
												</div>
												<div style="clear: both;">
													<div class="sup-col sup-w-50">
														<label for="map_opts_markers_list_autoplay_idle">
															<?php _e('Idle (milliseconds)', GMP_LANG_CODE); ?>
														</label><br />
														<?php echo htmlGmp::wpKsesHtml(
                htmlGmp::text('map_opts[markers_list_autoplay][idle]', [
                  'value' => $this->editMap && isset($this->map['params']['markers_list_autoplay']['idle']) ? esc_attr($this->map['params']['markers_list_autoplay']['idle']) : '3000',
                  'attrs' => 'style="width: 100%;" id="map_opts_markers_list_autoplay_idle" placeholder="3000"',
                ]),
              ); ?>
													</div>
													<div class="sup-col sup-w-50">
														<label for="map_opts_markers_list_autoplay_duration">
															<?php _e('Duration (milliseconds)', GMP_LANG_CODE); ?>
														</label><br />
														<?php echo htmlGmp::wpKsesHtml(
                htmlGmp::text('map_opts[markers_list_autoplay][duration]', [
                  'value' => $this->editMap && isset($this->map['params']['markers_list_autoplay']['duration']) ? esc_attr($this->map['params']['markers_list_autoplay']['duration']) : '160',
                  'attrs' => 'style="width: 100%;" id="map_opts_markers_list_autoplay_duration" placeholder="160"',
                ]),
              ); ?>
													</div>
												</div>
											</div>
										</td>
									</tr>
									<tr>
										<th scope="row">
											<label for="map_opts_enable_trafic_layer">
												<?php _e('Traffic Layer', GMP_LANG_CODE); ?>:
											</label>
											<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e('Add real-time traffic information to your map.', GMP_LANG_CODE); ?>"></i>
											<?php if (!$this->isPro) { ?>
												<?php $proLink = frameGmp::_()->getModule('supsystic_promo')->generateMainLink('utm_source=plugin&utm_medium=trafic_layer&utm_campaign=googlemaps'); ?>
												<br /><span class="gmpProOptMiniLabel"><a target="_blank" href="<?php echo esc_attr($proLink); ?>"><?php _e('PRO option', GMP_LANG_CODE); ?></a></span>
											<?php } ?>
										</th>
										<td>
											<?php echo htmlGmp::wpKsesHtml(
             htmlGmp::checkboxHiddenVal('map_opts[enable_trafic_layer]', [
               'value' => $this->editMap && isset($this->map['params']['enable_trafic_layer']) ? esc_attr($this->map['params']['enable_trafic_layer']) : false,
               'attrs' => 'class="gmpProOpt"',
             ]),
           ); ?>
										</td>
									</tr>
									<tr>
										<th scope="row">
											<label for="map_opts_enable_transit_layer">
												<?php _e('Transit Layer', GMP_LANG_CODE); ?>:
											</label>
											<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e(
             'Display the public transit network of a city on your map. When the Transit Layer is enabled, and the map is centered on a city that supports transit information, the map will display major transit lines as thick, colored lines.',
             GMP_LANG_CODE,
           ); ?>"></i>
											<?php if (!$this->isPro) { ?>
												<?php $proLink = frameGmp::_()->getModule('supsystic_promo')->generateMainLink('utm_source=plugin&utm_medium=transit_layer&utm_campaign=googlemaps'); ?>
												<br /><span class="gmpProOptMiniLabel"><a target="_blank" href="<?php echo esc_attr($proLink); ?>"><?php _e('PRO option', GMP_LANG_CODE); ?></a></span>
											<?php } ?>
										</th>
										<td>
											<?php echo htmlGmp::wpKsesHtml(
             htmlGmp::checkboxHiddenVal('map_opts[enable_transit_layer]', [
               'value' => $this->editMap && isset($this->map['params']['enable_transit_layer']) ? esc_attr($this->map['params']['enable_transit_layer']) : false,
               'attrs' => 'class="gmpProOpt"',
             ]),
           ); ?>
										</td>
									</tr>
									<tr>
										<th scope="row">
											<label for="map_opts_enable_bicycling_layer">
												<?php _e('Bicycling Layer', GMP_LANG_CODE); ?>:
											</label>
											<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e(
             'Add a layer of bike paths, suggested bike routes and other overlays specific to bicycling usage on top of the given map.Dark green routes indicated dedicated bicycle routes. Light green routes indicate streets with dedicated bike lanes. Dashed routes indicate streets or paths otherwise recommended for bicycle usage.',
             GMP_LANG_CODE,
           ); ?>"></i>
											<?php if (!$this->isPro) { ?>
												<?php $proLink = frameGmp::_()->getModule('supsystic_promo')->generateMainLink('utm_source=plugin&utm_medium=bicycling_layer&utm_campaign=googlemaps'); ?>
												<br /><span class="gmpProOptMiniLabel"><a target="_blank" href="<?php echo esc_attr($proLink); ?>"><?php _e('PRO option', GMP_LANG_CODE); ?></a></span>
											<?php } ?>
										</th>
										<td>
											<?php echo htmlGmp::wpKsesHtml(
             htmlGmp::checkboxHiddenVal('map_opts[enable_bicycling_layer]', [
               'value' => $this->editMap && isset($this->map['params']['enable_bicycling_layer']) ? esc_attr($this->map['params']['enable_bicycling_layer']) : false,
               'attrs' => 'class="gmpProOpt"',
             ]),
           ); ?>
										</td>
									</tr>
									<tr>
										<th scope="row">
											<?php if (!$this->isPro) { ?>
												<?php $proLink = frameGmp::_()->getModule('supsystic_promo')->generateMainLink('utm_source=plugin&utm_medium=add_kml_layers&utm_campaign=googlemaps'); ?>
											<?php } ?>
											<label for="map_opts_add_kml_layers">
												<?php _e('Add KML layers', GMP_LANG_CODE); ?>:
											</label>
											<i style="float: right;" class="fa fa-question supsystic-tooltip" data-tooltip-content="#tooltip_06"></i>
											<span class="tooltipContent" id="tooltip_06">
												<?php
            _e(
              'Add KML files to display custom layers on the map. Additional options:' .
                '<br /><br /><b>Enable KML layers filter</b> - add form to map for dynamically enable / disable KML layers and sublayers. <br /><br />  <b>Load KML faster</b> - Use for large KML files. <b>Warning </b>-  filters will stop working!<br',
              GMP_LANG_CODE,
            );
            if (!$this->isPro) {
              echo esc_html('<a href="' . esc_attr($proLink) . '" target="_blank"><img src="' . esc_attr($this->promoModPath) . 'img/kml/kml.png" /></a>');
            }
            ?>
											</span>
											<?php if (!$this->isPro) { ?>
												<br /><span class="gmpProOptMiniLabel"><a target="_blank" href="<?php echo esc_attr($proLink); ?>"><?php _e('PRO option', GMP_LANG_CODE); ?></a></span>
											<?php } ?>
										</th>
										<td>
											<div style="margin-top: 10px;">
												<label for="map_opts_enable_google_kml_api">
													<?php echo htmlGmp::wpKsesHtml(
               htmlGmp::checkboxHiddenVal('map_opts[enable_google_kml_api]', [
                 'value' => $this->editMap && isset($this->map['params']['enable_google_kml_api']) ? esc_attr($this->map['params']['enable_google_kml_api']) : false,
                 'attrs' => 'class="gmpProOpt" id="map_opts_enable_google_kml_api"',
               ]),
             ); ?>
													<?php _e('Load kml faster', GMP_LANG_CODE); ?>
												</label>
											</div>
											<?php
           $hiddenClass = '';
           if (isset($this->map['params']['enable_google_kml_api']) && !empty($this->map['params']['enable_google_kml_api'])) {
             $hiddenClass = 'gmpHidden';
           }
           ?>
											<div style="margin-top: 10px;" class="<?php echo $hiddenClass; ?>" >
												<label for="map_opts_enable_kml_filter">
													<?php echo htmlGmp::wpKsesHtml(
               htmlGmp::checkboxHiddenVal('map_opts[enable_kml_filter]', [
                 'value' => $this->editMap && isset($this->map['params']['enable_kml_filter']) ? esc_attr($this->map['params']['enable_kml_filter']) : false,
                 'attrs' => 'class="gmpProOpt" id="map_opts_enable_kml_filter"',
               ]),
             ); ?>
													<?php _e('Enable KML layers filter', GMP_LANG_CODE); ?>
												</label>
											</div>

											<div id="gmpKmlFileRowExample" class="gmpKmlFileRow" style="display: none; margin-top: 10px;">
												<div style="clear: both;"></div>
												<label><?php _e('Enter KML file URL', GMP_LANG_CODE); ?></label>
												<label class="gmpShowSublayersLabel" style="float: right;">
													<?php echo htmlGmp::wpKsesHtml(htmlGmp::hidden('map_opts[kml_filter][show_sublayers][]', ['value' => '', 'attrs' => 'class="gmpShowSublayersInput gmpProOpt" disabled="disabled"'])); ?>
													<?php _e('Hide Sublayers at KML filter', GMP_LANG_CODE); ?>
												</label>
												<div style="clear: both;"></div>
												<a href="#" title="<?php _e('Remove KML field', GMP_LANG_CODE); ?>" class="button gmpProOpt" onclick="gmpKmlRemoveFileRowBtnClick(this); return false;">
													<i class="fa fa-trash-o"></i>
												</a>
												<?php echo htmlGmp::wpKsesHtml(htmlGmp::text('map_opts[kml_file_url][]', ['value' => '', 'attrs' => 'class="gmpProOpt" style="width: 86%; float: right;" disabled="disabled"'])); ?>
												<span class="gmpKmlUploadMsg" style="float: right; width: 100%; text-align: right;" ></span>
												<a 	href="#"
													class="gmpKmlUploadFileBtn button gmpProOpt"
													data-nonce="<?php echo wp_create_nonce('upload-kml-file'); ?>"
													data-url="<?php echo uriGmp::_([
               'baseUrl' => admin_url('admin-ajax.php'),
               'page' => 'kml',
               'action' => 'addFromFile',
               'reqType' => 'ajax',
               '_wpnonce' => wp_create_nonce('gmp_nonce'),
               'pl' => GMP_CODE,
             ]); ?>"
													id="gmpKmlUploadFileBtn"
													style="margin: 5px 0px; float: right;">
													<?php _e('or Upload KML file', GMP_LANG_CODE); ?>
												</a><br />
												<label class="gmpKmlImportToMarkerLbl">
													<span class="gmpKitmLblText"><?php _e('Import markers from layer', GMP_LANG_CODE); ?></span>
												</label>
											</div>
											<?php if (!empty($this->map['params']['kml_import_to_marker']) && count($this->map['params']['kml_import_to_marker'])) {
             foreach ($this->map['params']['kml_import_to_marker'] as $omKey => $oneMarker) {
               $isKmlImpToMarkerVal = 0;
               if ($oneMarker == 'on') {
                 $isKmlImpToMarkerVal = 1;
               }
               echo htmlGmp::wpKsesHtml(
                 htmlGmp::hidden('map_opts[kml_import_to_marker][]', [
                   'value' => esc_attr($isKmlImpToMarkerVal),
                   'attrs' => ' class="gmpProOpt gmpKmlImportToMarkerHid" data-order="' . esc_attr($omKey) . '" ',
                 ]),
               );
             }
           } ?>
											<div id="gmpKmlFileRowsShell"></div>
											<a href="#" class="button gmpProOpt" id="gmpKmlAddFileRowBtn" style="margin: 5px 5px 5px 0px; float: left;">
												<?php _e('Add more files', GMP_LANG_CODE); ?>
											</a>
										</td>
									</tr>
									<tr>
										<th scope="row">
											<?php if (!$this->isPro) { ?>
												<?php $proLink = frameGmp::_()->getModule('supsystic_promo')->generateMainLink('utm_source=plugin&utm_medium=enable_custom_map_controls&utm_campaign=googlemaps'); ?>
											<?php } ?>
											<label for="map_opts_enable_custom_map_controls">
												<?php _e('Custom Map Controls', GMP_LANG_CODE); ?>:
											</label>

											<i style="float: right;" class="fa fa-question supsystic-tooltip" data-tooltip-content="#tooltip_08"></i>
											<span class="tooltipContent" id="tooltip_08">
												<?php
            _e('Add custom map controls to the map.', GMP_LANG_CODE);
            if (!$this->isPro) {
              echo esc_html('<a href="' . esc_attr($proLink) . '" target="_blank"><img src="' . esc_attr($this->promoModPath) . 'img/custom_controls/custom_map_controls.png" /></a>');
            }
            ?>
											</span>

											<?php if (!$this->isPro) { ?>
												<br /><span class="gmpProOptMiniLabel"><a target="_blank" href="<?php echo esc_attr($proLink); ?>"><?php _e('PRO option', GMP_LANG_CODE); ?></a></span>
											<?php } ?>
										</th>
										<td>
											<?php echo htmlGmp::wpKsesHtml(
             htmlGmp::checkboxHiddenVal('map_opts[enable_custom_map_controls]', [
               'value' => $this->editMap && isset($this->map['params']['enable_custom_map_controls']) ? esc_attr($this->map['params']['enable_custom_map_controls']) : false,
               'attrs' => 'class="gmpProOpt" onclick="gmpAddCustomControlsOptions()"',
             ]),
           ); ?>
											<div id="custom_controls_options" style="display: none;">
												<div style="margin-top: 10px;">
												<label for="map_opts_custom_controls_type">
													<?php _e('Controls type', GMP_LANG_CODE); ?>
												</label>
												<?php echo htmlGmp::wpKsesHtml(
              htmlGmp::selectbox('map_opts[custom_controls_type]', [
                'options' => ['gmpSquareControls' => __('Square', GMP_LANG_CODE), 'gmpRoundedEdgesControls' => __('Rounded edges', GMP_LANG_CODE), 'gmpRoundControls' => __('Round', GMP_LANG_CODE)],
                'value' => $this->editMap && isset($this->map['params']['custom_controls_type']) ? esc_attr($this->map['params']['custom_controls_type']) : 'round',
                'attrs' => 'class="gmpProOpt" style="width: 100%;" id="map_opts_custom_controls_type"',
              ]),
            ); ?>
												</div>
												<div style="margin-top: 10px;">
													<label for="map_opts_custom_controls_bg_color">
														<?php _e('Background color', GMP_LANG_CODE); ?>
													</label></br>
													<?php if (!$this->isPro) { ?>
													<?php echo htmlGmp::wpKsesHtml(
               htmlGmp::colorpicker('map_opts[custom_controls_bg_color]', [
                 'attrs' => 'class="gmpProOpt"',
                 'value' => $this->editMap && isset($this->map['params']['custom_controls_bg_color']) ? esc_attr($this->map['params']['custom_controls_bg_color']) : '#55BA68',
               ]),
             ); ?>
													<?php } else { ?>
														<?php echo htmlGmp::wpKsesHtml(
                htmlGmp::colorpicker('map_opts[custom_controls_bg_color]', [
                  'value' => $this->editMap && isset($this->map['params']['custom_controls_bg_color']) ? esc_attr($this->map['params']['custom_controls_bg_color']) : '#55BA68',
                ]),
              ); ?>
													<?php } ?>
												</div>
												<div style="margin-top: 10px;">
												<label for="map_opts_custom_controls_txt_color">
													<?php _e('Text color', GMP_LANG_CODE); ?>
												</label></br>
												<?php if (!$this->isPro) { ?>
													<?php echo htmlGmp::wpKsesHtml(
               htmlGmp::colorpicker('map_opts[custom_controls_txt_color]', [
                 'attrs' => 'class="gmpProOpt"',
                 'value' => $this->editMap && isset($this->map['params']['custom_controls_txt_color']) ? esc_attr($this->map['params']['custom_controls_txt_color']) : '#000000',
               ]),
             ); ?>
												<?php } else { ?>
													<?php echo htmlGmp::wpKsesHtml(
               htmlGmp::colorpicker('map_opts[custom_controls_txt_color]', [
                 'value' => $this->editMap && isset($this->map['params']['custom_controls_txt_color']) ? esc_attr($this->map['params']['custom_controls_txt_color']) : '#000000',
               ]),
             ); ?>
												<?php } ?>
												</div>
												<div style="margin-top: 10px;">
													<?php echo htmlGmp::wpKsesHtml(
               htmlGmp::checkboxHiddenVal('map_opts[custom_filter_show_all]', [
                 'value' => $this->editMap && isset($this->map['params']['custom_filter_show_all']) ? esc_attr($this->map['params']['custom_filter_show_all']) : true,
                 'attrs' => 'class="gmpProOpt"',
               ]),
             ); ?>
														<label for="map_opts_custom_filter_show_all">
															<?php _e('Show All Markers on Map by default', GMP_LANG_CODE); ?>
														</label>
												</div>
												<div style="margin-top: 10px;">
													<label for="map_opts_custom_controls_unit">
														<?php _e('Controls unit of measurement', GMP_LANG_CODE); ?>
													</label>
													<?php echo htmlGmp::wpKsesHtml(
               htmlGmp::selectbox('map_opts[custom_controls_unit]', [
                 'options' => $this->customControlsUnit,
                 'value' => $this->editMap && isset($this->map['params']['custom_controls_unit']) ? esc_attr($this->map['params']['custom_controls_unit']) : 'meters',
                 'attrs' => 'class="gmpProOpt" style="width: 100%;" id="map_opts_custom_controls_unit"',
               ]),
             ); ?>
												</div>
												<div style="margin-top: 10px;">
													<label for="map_opts_custom_controls_position">
														<?php _e('Controls position', GMP_LANG_CODE); ?>
													</label>
													<?php echo htmlGmp::wpKsesHtml(
               htmlGmp::selectbox('map_opts[custom_controls_position]', [
                 'options' => $this->positionsList,
                 'value' => $this->editMap && isset($this->map['params']['custom_controls_position']) ? esc_attr($this->map['params']['custom_controls_position']) : 'TOP_LEFT',
                 'attrs' => 'class="gmpProOpt" style="width: 100%;" id="map_opts_custom_controls_position"',
               ]),
             ); ?>
												</div>
												<div style="margin-top: 10px;">
													<label for="map_opts_custom_controls_slider_min">
														<?php _e('Min Search Radius:', GMP_LANG_CODE); ?>
													</label></br>
													<?php echo htmlGmp::wpKsesHtml(
               htmlGmp::text('map_opts[custom_controls_slider_min]', [
                 'value' => $this->editMap && isset($this->map['params']['custom_controls_slider_min']) ? esc_attr($this->map['params']['custom_controls_slider_min']) : '100',
                 'attrs' => 'class="gmpProOpt" style="width: 100%;" id="map_opts_custom_controls_slider_min"',
               ]),
             ); ?>
												</div>
												<div style="margin-top: 10px;">
													<label for="map_opts_custom_controls_slider_max">
														<?php _e('Max Search Radius:', GMP_LANG_CODE); ?>
													</label></br>
													<?php echo htmlGmp::wpKsesHtml(
               htmlGmp::text('map_opts[custom_controls_slider_max]', [
                 'value' => $this->editMap && isset($this->map['params']['custom_controls_slider_max']) ? esc_attr($this->map['params']['custom_controls_slider_max']) : '1000',
                 'attrs' => 'class="gmpProOpt" style="width: 100%;" id="map_opts_custom_controls_slider_max"',
               ]),
             ); ?>
												</div>
												<div style="margin-top: 10px;">
													<label for="map_opts_custom_controls_slider_step">
														<?php _e('Search Step:', GMP_LANG_CODE); ?>
													</label></br>
													<?php echo htmlGmp::wpKsesHtml(
               htmlGmp::text('map_opts[custom_controls_slider_step]', [
                 'value' => $this->editMap && isset($this->map['params']['custom_controls_slider_step']) ? esc_attr($this->map['params']['custom_controls_slider_step']) : '10',
                 'attrs' => 'class="gmpProOpt" style="width: 100%;" id="map_opts_custom_controls_slider_step"',
               ]),
             ); ?>
												</div>
												<div style="margin-top: 10px;">
													<label for="map_opts_custom_controls_search_country">
														<?php _e('Search Country', GMP_LANG_CODE); ?>
													</label>
													<?php echo htmlGmp::wpKsesHtml(
               htmlGmp::selectbox('map_opts[custom_controls_search_country]', [
                 'options' => array_merge(['' => 'All Countries'], $this->countries),
                 'value' => $this->editMap && isset($this->map['params']['custom_controls_search_country']) ? esc_attr($this->map['params']['custom_controls_search_country']) : 'round',
                 'attrs' => 'class="gmpProOpt" style="width: 100%;" id="map_opts_custom_controls_search_country"',
               ]),
             ); ?>
												</div>
												<?php if ($isCustSearchAndMarkersPeriodAvailable) { ?>
												<div style="margin-top: 10px;">
													<label>
														<?php
              $isCustomSearchParamArr = [];
              if (!empty($this->map['params']['custom_controls_improve_search']) && $this->map['params']['custom_controls_improve_search'] == 1) {
                $isCustomSearchParamArr = ['checked' => 'checked'];
              }
              echo htmlGmp::wpKsesHtml(htmlGmp::checkbox('map_opts[custom_controls_improve_search]', $isCustomSearchParamArr));
              ?>
														<?php _e('Use improved markers search', GMP_LANG_CODE); ?>
													</label>
													<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e('This option allows you to search and show multiple markers for selected date, categories and keywords. NOTE: it removes separate markers categories filter button from custom map controls.', GMP_LANG_CODE); ?>"></i>
												</div>
												<div class="gmpImprSearchSubOpt" style="display: none; margin-top: 10px;">
													<label>
														<?php
              $isSearchExtend = [];
              if (!empty($this->map['params']['button_search_extend']) && $this->map['params']['button_search_extend'] == 1) {
                $isSearchExtend = ['checked' => 'checked'];
              }
              echo htmlGmp::wpKsesHtml(htmlGmp::checkbox('map_opts[button_search_extend]', $isSearchExtend));
              ?>
														<?php _e('Center Search Button', GMP_LANG_CODE); ?>
													</label>
													<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e('Check this option if you want to separate and center search button', GMP_LANG_CODE); ?>"></i>
												</div>
												<?php } ?>
												<div style="margin-top: 10px;">
													<label>
														<?php
              $isFilterEnable = [];
              if (!empty($this->map['params']['button_filter_enable']) && $this->map['params']['button_filter_enable'] == 1) {
                $isFilterEnable = ['checked' => 'checked'];
              }
              echo htmlGmp::wpKsesHtml(htmlGmp::checkbox('map_opts[button_filter_enable]', $isFilterEnable));
              ?>
														<?php _e('Disable filter button', GMP_LANG_CODE); ?>
													</label>
													<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e('Check this option if you want to disable filters button on frontend', GMP_LANG_CODE); ?>"></i>
												</div>
											</div>
										</td>
									</tr>
									<tr>
										<th scope="row">
											<label for="map_opts_enable_full_screen_btn">
												<?php _e('Full Screen Button', GMP_LANG_CODE); ?>:
											</label>
											<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e('Add a button on map to open it full screen.', GMP_LANG_CODE); ?>"></i>
											<?php if (!$this->isPro) { ?>
												<?php $proLink = frameGmp::_()->getModule('supsystic_promo')->generateMainLink('utm_source=plugin&utm_medium=enable_full_screen_btn&utm_campaign=googlemaps'); ?>
												<br /><span class="gmpProOptMiniLabel"><a target="_blank" href="<?php echo esc_attr($proLink); ?>"><?php _e('PRO option', GMP_LANG_CODE); ?></a></span>
											<?php } ?>
										</th>
										<td>
											<?php echo htmlGmp::wpKsesHtml(
             htmlGmp::checkboxHiddenVal('map_opts[enable_full_screen_btn]', [
               'value' => $this->editMap && isset($this->map['params']['enable_full_screen_btn']) ? esc_attr($this->map['params']['enable_full_screen_btn']) : false,
               'attrs' => 'class="gmpProOpt"',
             ]),
           ); ?>
										</td>
									</tr>
									<tr>
										<th scope="row">
											<label for="map_opts_hide_poi">
												<?php _e('Hide POI', GMP_LANG_CODE); ?>:
											</label>
											<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e('Hide the Points Of Interest - landmark or other object, the marked points on the map, for example: hotels, campsites, fuel stations etc.', GMP_LANG_CODE); ?>"></i>
											<?php if (!$this->isPro) { ?>
												<?php $proLink = frameGmp::_()->getModule('supsystic_promo')->generateMainLink('utm_source=plugin&utm_medium=hide_poi&utm_campaign=googlemaps'); ?>
												<br /><span class="gmpProOptMiniLabel"><a target="_blank" href="<?php echo esc_attr($proLink); ?>"><?php _e('PRO option', GMP_LANG_CODE); ?></a></span>
											<?php } ?>
										</th>
										<td>
											<?php echo htmlGmp::wpKsesHtml(
             htmlGmp::checkboxHiddenVal('map_opts[hide_poi]', [
               'value' => $this->editMap && isset($this->map['params']['hide_poi']) ? esc_attr($this->map['params']['hide_poi']) : false,
               'attrs' => 'class="gmpProOpt"',
             ]),
           ); ?>
										</td>
									</tr>
									<tr>
										<th scope="row">
											<label for="map_opts_hide_countries">
												<?php _e('Hide Countries', GMP_LANG_CODE); ?>:
											</label>
											<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e('Hide all administrative data about countries: names, borders etc.', GMP_LANG_CODE); ?>"></i>
											<?php if (!$this->isPro) { ?>
												<?php $proLink = frameGmp::_()->getModule('supsystic_promo')->generateMainLink('utm_source=plugin&utm_medium=hide_countries&utm_campaign=googlemaps'); ?>
												<br /><span class="gmpProOptMiniLabel"><a target="_blank" href="<?php echo esc_attr($proLink); ?>"><?php _e('PRO option', GMP_LANG_CODE); ?></a></span>
											<?php } ?>
										</th>
										<td>
											<?php echo htmlGmp::wpKsesHtml(
             htmlGmp::checkboxHiddenVal('map_opts[hide_countries]', [
               'value' => $this->editMap && isset($this->map['params']['hide_countries']) ? esc_attr($this->map['params']['hide_countries']) : false,
               'attrs' => 'class="gmpProOpt"',
             ]),
           ); ?>
										</td>
									</tr>
									<tr>
										<th scope="row">
											<label for="map_opts_hide_marker icon title">
												<?php _e('Hide Tooltips of Markers', GMP_LANG_CODE); ?>:
											</label>
											<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e('Hide the tooltips, which displayed by mouse hover on markers\' icons.', GMP_LANG_CODE); ?>"></i>
										</th>
										<td>
											<?php echo htmlGmp::wpKsesHtml(
             htmlGmp::checkboxHiddenVal('map_opts[hide_marker_tooltip]', [
               'value' => $this->editMap && isset($this->map['params']['hide_marker_tooltip']) ? esc_attr($this->map['params']['hide_marker_tooltip']) : false,
             ]),
           ); ?>
										</td>
									</tr>
									<tr>
										<th scope="row">
											<label for="map_opts_center_on_cur_marker_infownd">
												<?php _e('Center on current opened marker', GMP_LANG_CODE); ?>:
											</label>
											<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e('On frontend the map will be centered on current marker with opened info window.', GMP_LANG_CODE); ?>"></i>
										</th>
										<td>
											<?php echo htmlGmp::wpKsesHtml(
             htmlGmp::checkboxHiddenVal('map_opts[center_on_cur_marker_infownd]', [
               'value' => $this->editMap && isset($this->map['params']['center_on_cur_marker_infownd']) ? esc_attr($this->map['params']['center_on_cur_marker_infownd']) : false,
               'attrs' => '',
             ]),
           ); ?>
										</td>
									</tr>
									<tr>
										<th scope="row">
											<label for="map_opts_center_on_cur_user_pos">
												<?php _e('Center on current user location', GMP_LANG_CODE); ?>:
											</label>
											<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e('On frontend map will be centered on current user location.', GMP_LANG_CODE); ?>"></i>
											<?php if (!$this->isPro) { ?>
												<?php $proLink = frameGmp::_()->getModule('supsystic_promo')->generateMainLink('utm_source=plugin&utm_medium=center_on_cur_user_pos&utm_campaign=googlemaps'); ?>
												<br /><span class="gmpProOptMiniLabel"><a target="_blank" href="<?php echo esc_attr($proLink); ?>"><?php _e('PRO option', GMP_LANG_CODE); ?></a></span>
											<?php } ?>
										</th>
										<td>
											<?php echo htmlGmp::wpKsesHtml(
             htmlGmp::checkboxHiddenVal('map_opts[center_on_cur_user_pos]', [
               'value' => $this->editMap && isset($this->map['params']['center_on_cur_user_pos']) ? esc_attr($this->map['params']['center_on_cur_user_pos']) : false,
               'attrs' => 'class="gmpProOpt"',
             ]),
           ); ?>
											<div id="gmpCurUserPosOptions" style="margin-top: 10px; display: none;">
												<?php echo htmlGmp::wpKsesHtml(
              htmlGmp::hidden('map_opts[center_on_cur_user_pos_icon]', [
                'value' => $this->editMap && isset($this->map['params']['center_on_cur_user_pos_icon']) ? esc_attr($this->map['params']['center_on_cur_user_pos_icon']) : 1 /*Default Icon ID*/,
              ]),
            ); ?>
												<img id="gmpCurUserPosIconPrevImg" src="" style="float: left;" />
												<div style="float: right">
													<a href="#" id="gmpCurUserPosIconBtn" class="button gmpProOpt"><?php _e('Choose Icon', GMP_LANG_CODE); ?></a>
													<a href="#" id="gmpUploadCurUserPosIconBtn" class="button gmpProOpt"><?php _e('Upload Icon', GMP_LANG_CODE); ?></a>
													<div class="gmpCurUserPosUplRes"></div>
													<div class="gmpCurUserPosFileUpRes"></div>
												</div>
												<div style="clear: both;"></div>
											</div>
										</td>
									</tr>
									<tr>
										<th scope="row">
											<label for="map_opts_frontend_add_markers">
												<?php _e('Add markers on frontend', GMP_LANG_CODE); ?>:
											</label>
												<i style="float: right;" class="fa fa-question supsystic-tooltip" data-tooltip-content="#tooltip_07"></i>
												<span class="tooltipContent" id="tooltip_07">
													<?php _e(
               'You can add markers at the current map with the frontend using the form, which can be displayed using the shortcode (it placed below preview map). Additional options that affect the operation of the form:' .
                 '<br /><br /><b>Logged In Users Only</b> - form will be displayed only for logged in users.' .
                 '<br /><br /><b>Disable WP Editor</b> - disable / enable WP Editor for the Marker Description field of the form.' .
                 '<br /><br /><b>Delete markers</b> - disable / enable interface for deleting markers on frontend. Each user can delete only his own markers.' .
                 '<br /><br /><b>Use markers categories</b> - disable / enable interface for choose the marker category on frontend.' .
                 "<br /><br /><b>Use limits for marker's adding</b> - allows you to limit the number of markers, which user can add from one IP address at the current map for a certain amount of time." .
                 "<br /><br /><b>Max marker's count</b> - the maximum number of markers, which can be added over certain amount of time." .
                 '<br /><br /><b>For allotted time (minutes)</b> - the number of minutes, during which you can add the maximum number of markers.' .
                 '<br /><br />For example, during three minutes you can add only two markers at the map. If you try to add a third marker - the form will not be saved and you will see the notice with amount of time you must wait. After the right amount of time will pass - you can add next two markers, etc.' .
                 "<br /><br />You can add markers at the current map with the frontend using the form, which can be displayed using the shortcode. Please place this shortcode at the same page as it's map map. Please note that the page will be overloaded after adding marker.",
               GMP_LANG_CODE,
             ); ?>
												</span>
											<?php if (!$this->isPro) { ?>
												<?php $proLink = frameGmp::_()->getModule('supsystic_promo')->generateMainLink('utm_source=plugin&utm_medium=frontend_add_markers&utm_campaign=googlemaps'); ?>
												<br /><span class="gmpProOptMiniLabel"><a target="_blank" href="<?php echo esc_attr($proLink); ?>"><?php _e('PRO option', GMP_LANG_CODE); ?></a></span>
											<?php } ?>
										</th>
										<td>
											<?php echo htmlGmp::wpKsesHtml(
             htmlGmp::checkboxHiddenVal('map_opts[frontend_add_markers]', [
               'value' => $this->editMap && isset($this->map['params']['frontend_add_markers']) ? esc_attr($this->map['params']['frontend_add_markers']) : false,
               'attrs' => 'class="gmpProOpt" id="map_opts_frontend_add_markers"',
             ]),
           ); ?>
											<div id="gmpAddMarkersOnFrontendOptions" style="display: none;">
												<div style="margin-top: 10px;">
													<?php echo htmlGmp::wpKsesHtml(
               htmlGmp::text('gmpCopyTextCode', [
                 'value' => '', // Will be inserted from JS
                 'attrs' => 'class="gmpCopyTextCode gmpMapMarkerFormCodeShell gmpStaticWidth" style="width: 100%; text-align: center;"',
               ]),
             ); ?>
												</div>
												<div style="margin-top: 10px;">
													<?php echo htmlGmp::wpKsesHtml(
               htmlGmp::checkboxHiddenVal('map_opts[frontend_add_markers_logged_in_only]', [
                 'value' => $this->editMap && isset($this->map['params']['frontend_add_markers_logged_in_only']) ? esc_attr($this->map['params']['frontend_add_markers_logged_in_only']) : false,
                 'attrs' => 'class="gmpProOpt" id="map_opts_frontend_add_markers_logged_in_only"',
               ]),
             ); ?>
													<label for="map_opts_frontend_add_markers_logged_in_only"><?php _e('Logged In Users Only', GMP_LANG_CODE); ?></label>
												</div>
												<div style="margin-top: 10px;">
													<?php echo htmlGmp::wpKsesHtml(
               htmlGmp::checkboxHiddenVal('map_opts[frontend_add_markers_disable_wp_editor]', [
                 'value' => $this->editMap && isset($this->map['params']['frontend_add_markers_disable_wp_editor']) ? esc_attr($this->map['params']['frontend_add_markers_disable_wp_editor']) : false,
                 'attrs' => 'class="gmpProOpt" id="map_opts_frontend_add_markers_disable_wp_editor"',
               ]),
             ); ?>
													<label for="map_opts_frontend_add_markers_disable_wp_editor"><?php _e('Disable WP Editor', GMP_LANG_CODE); ?></label>
												</div>
												<div style="margin-top: 10px;">
													<?php echo htmlGmp::wpKsesHtml(
               htmlGmp::checkboxHiddenVal('map_opts[frontend_add_markers_delete_markers]', [
                 'value' => $this->editMap && isset($this->map['params']['frontend_add_markers_delete_markers']) ? esc_attr($this->map['params']['frontend_add_markers_delete_markers']) : false,
                 'attrs' => 'class="gmpProOpt" id="map_opts_frontend_add_markers_delete_markers"',
               ]),
             ); ?>
													<label for="map_opts_frontend_add_markers_delete_markers"><?php _e('Delete markers', GMP_LANG_CODE); ?></label>
												</div>
												<div style="margin-top: 10px;">
													<?php echo htmlGmp::wpKsesHtml(
               htmlGmp::checkboxHiddenVal('map_opts[frontend_add_markers_use_markers_categories]', [
                 'value' => $this->editMap && isset($this->map['params']['frontend_add_markers_use_markers_categories']) ? esc_attr($this->map['params']['frontend_add_markers_use_markers_categories']) : false,
                 'attrs' => 'class="gmpProOpt" id="map_opts_frontend_add_markers_use_markers_categories"',
               ]),
             ); ?>
													<label for="map_opts_frontend_add_markers_use_markers_categories"><?php _e('Use markers categories', GMP_LANG_CODE); ?></label>
												</div>
												<div style="margin-top: 10px;">
													<?php echo htmlGmp::wpKsesHtml(
               htmlGmp::checkboxHiddenVal('map_opts[frontend_add_markers_use_limits]', [
                 'value' => $this->editMap && isset($this->map['params']['frontend_add_markers_use_limits']) ? esc_attr($this->map['params']['frontend_add_markers_use_limits']) : false,
                 'attrs' => 'class="gmpProOpt" id="map_opts_frontend_add_markers_use_limits"',
               ]),
             ); ?>
													<label for="map_opts_frontend_add_markers_use_limits"><?php _e('Use limits for marker\'s adding', GMP_LANG_CODE); ?></label>
												</div>
												<div id="gmpUseLimitsForMarkerAddingOptions" style="display: none; margin-top: 10px;">
													<div class="sup-col sup-w-50">
														<label for="map_opts_frontend_add_markers_use_count_limits">
															<?php _e('Max marker\'s count', GMP_LANG_CODE); ?>
														</label>
														<?php echo htmlGmp::wpKsesHtml(
                htmlGmp::text('map_opts[frontend_add_markers_use_count_limits]', [
                  'value' => $this->editMap && isset($this->map['params']['frontend_add_markers_use_count_limits']) ? esc_attr($this->map['params']['frontend_add_markers_use_count_limits']) : '10',
                  'attrs' => 'style="width: 100%;" id="map_opts_frontend_add_markers_use_count_limits"',
                ]),
              ); ?>
													</div>
													<div class="sup-col sup-w-50">
														<label for="map_opts_frontend_add_markers_use_time_limits">
															<?php _e('For allotted time (minutes)', GMP_LANG_CODE); ?>
														</label>
														<?php echo htmlGmp::wpKsesHtml(
                htmlGmp::text('map_opts[frontend_add_markers_use_time_limits]', [
                  'value' => $this->editMap && isset($this->map['params']['frontend_add_markers_use_time_limits']) ? esc_attr($this->map['params']['frontend_add_markers_use_time_limits']) : '10',
                  'attrs' => 'style="width: 100%;" id="map_opts_frontend_add_markers_use_time_limits"',
                ]),
              ); ?>
													</div>
												</div>
											</div>
										</td>
									</tr>
									<tr>
										<th scope="row">
											<label for="map_opts_places_en_toolbar">
												<?php _e('Use Places Toolbar', GMP_LANG_CODE); ?>:
											</label>
											<i style="float: right;" class="fa fa-question supsystic-tooltip" data-tooltip-content="#tooltip_10"></i>
											<span class="tooltipContent" id="tooltip_10">
												<?php
            _e('Activate the toolbar for search Places (restaurants, schools, museums, etc.) on the map. Use the shortcode to display toolbar on wherever you need, but toolbar must be placed on the same page as its map.', GMP_LANG_CODE);
            echo '<br />';
            if (!$this->isPro) {
              echo esc_html('<a href="' . esc_attr($proLink) . '" target="_blank"><img src="' . esc_attr($this->promoModPath) . 'img/places/places.png" /></a>');
            }
            ?>
											</span>
											<?php if (!$this->isPro) { ?>
												<?php $proLink = frameGmp::_()->getModule('supsystic_promo')->generateMainLink('utm_source=plugin&utm_medium=places_toolbar&utm_campaign=googlemaps'); ?>
												<br /><span class="gmpProOptMiniLabel"><a target="_blank" href="<?php echo esc_attr($proLink); ?>"><?php _e('PRO option', GMP_LANG_CODE); ?></a></span>
											<?php } ?>
										</th>
										<td>
											<?php echo htmlGmp::wpKsesHtml(
             htmlGmp::checkboxHiddenVal('map_opts[places][en_toolbar]', [
               'value' => $this->editMap && isset($this->map['params']['places']['en_toolbar']) ? esc_attr($this->map['params']['places']['en_toolbar']) : false,
               'attrs' => 'class="gmpProOpt" id="map_opts_places_en_toolbar"',
             ]),
           ); ?>
											<div id="gmpPlacesToolbarOptions" style="display: none;">
												<div style="margin-top: 10px;">
													<?php echo htmlGmp::wpKsesHtml(
               htmlGmp::text('gmpCopyTextCode', [
                 'value' => '', // Will be inserted from JS
                 'attrs' => 'class="gmpCopyTextCode gmpPlacesToolbarCodeShell gmpStaticWidth" style="width: 100%; text-align: center;"',
               ]),
             ); ?>
												</div>
												<div style="margin-top: 10px;">
													<label for="map_opts_places_slider_min">
														<?php _e('Min Search Radius:', GMP_LANG_CODE); ?>
													</label></br>
													<?php echo htmlGmp::wpKsesHtml(
               htmlGmp::text('map_opts[places][slider_min]', [
                 'value' => $this->editMap && isset($this->map['params']['places']['slider_min']) ? esc_attr($this->map['params']['places']['slider_min']) : '100',
                 'attrs' => 'class="gmpProOpt" style="width: 100%;" id="map_opts_places_slider_min"',
               ]),
             ); ?>
												</div>
												<div style="margin-top: 10px;">
													<label for="map_opts_places_slider_max">
														<?php _e('Max Search Radius:', GMP_LANG_CODE); ?>
													</label></br>
													<?php echo htmlGmp::wpKsesHtml(
               htmlGmp::text('map_opts[places][slider_max]', [
                 'value' => $this->editMap && isset($this->map['params']['places']['slider_max']) ? esc_attr($this->map['params']['places']['slider_max']) : '1000',
                 'attrs' => 'class="gmpProOpt" style="width: 100%;" id="map_opts_places_slider_max"',
               ]),
             ); ?>
												</div>
												<div style="margin-top: 10px;">
													<label for="map_opts_places_slider_step">
														<?php _e('Search Step:', GMP_LANG_CODE); ?>
													</label></br>
													<?php echo htmlGmp::wpKsesHtml(
               htmlGmp::text('map_opts[places][slider_step]', [
                 'value' => $this->editMap && isset($this->map['params']['places][slider_step']) ? esc_attr($this->map['params']['places][slider_step']) : '10',
                 'attrs' => 'class="gmpProOpt" style="width: 100%;" id="map_opts_places_slider_step"',
               ]),
             ); ?>
												</div>
											</div>
										</td>
									</tr>
									<tr>
										<th scope="row">
											<label for="map_opts_marker_filter_color">
												<?php _e('Filter background', GMP_LANG_CODE); ?>:
											</label>
											<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e('Background color for markers filter. (for 7 markers list type)', GMP_LANG_CODE); ?>"></i>
										</th>
										<td>
											<?php echo htmlGmp::wpKsesHtml(
             htmlGmp::colorpicker('map_opts[marker_filter_color]', [
               'value' => $this->editMap && isset($this->map['params']['marker_filter_color']) ? esc_attr($this->map['params']['marker_filter_color']) : '#f1f1f1;',
               'attrs' => 'id="map_opts_marker_filter_color"',
             ]),
           ); ?>
										</td>
									</tr>
									<tr>
										<th scope="row">
											<label for="map_opts_marker_filter_button_title">
												<?php _e('Filters select all button title', GMP_LANG_CODE); ?>:
											</label>
											<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e('Filters select all button title. (for 7 markers list type)', GMP_LANG_CODE); ?>"></i>
										</th>
										<td>
											<?php echo htmlGmp::wpKsesHtml(
             htmlGmp::text('map_opts[marker_filter_button_title]', [
               'value' => $this->editMap && isset($this->map['params']['marker_filter_button_title']) ? esc_attr($this->map['params']['marker_filter_button_title']) : 'Select all',
               'attrs' => 'id="map_opts_marker_filter_button_title"',
             ]),
           ); ?>
										</td>
									</tr>
									<tr>
										<th scope="row">
											<label for="map_opts_marker_filter_show_all_parents">
												<?php _e('Show all parent categories in Filter', GMP_LANG_CODE); ?>:
											</label>
											<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e('Show parent categories even if they have no markers, but their child categories have.', GMP_LANG_CODE); ?>"></i>
										</th>
										<td>
											<?php echo htmlGmp::wpKsesHtml(
             htmlGmp::checkboxHiddenVal('map_opts[marker_filter_show_all_parents]', [
               'value' => $this->editMap && isset($this->map['params']['marker_filter_show_all_parents']) ? esc_attr($this->map['params']['marker_filter_show_all_parents']) : false,
               'attrs' => 'id="map_opts_marker_filter_show_all_parents"',
             ]),
           ); ?>
										</td>
									</tr>
									<tr style="border-bottom: 1px solid #e3dbdb!important;">
										<th scope="row">
											<label class="label-big">
												<?php _e('Info Window', GMP_LANG_CODE); ?>:
											</label>
											<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e('Parameters of markers / shapes info-window PopUp', GMP_LANG_CODE); ?>"></i>
										</th>
										<td></td>
									</tr>
									<tr>
										<th scope="row">
											<label for="map_opts_marker_infownd_type">
												<?php _e('Appearance', GMP_LANG_CODE); ?>:
											</label>
											<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e('Choose the appearance type of infowindow.', GMP_LANG_CODE); ?>"></i>
										</th>
										<td>
											<?php echo htmlGmp::wpKsesHtml(
             htmlGmp::selectbox('map_opts[marker_infownd_type]', [
               'options' => dispatcherGmp::applyFilters('addInfoWindowStyles', ['' => __('Default', GMP_LANG_CODE), 'rounded_edges' => __('Rounded Edges', GMP_LANG_CODE)]),
               'value' => $this->editMap && isset($this->map['params']['marker_infownd_type']) ? esc_attr($this->map['params']['marker_infownd_type']) : 'default',
               'attrs' => 'style="width: 100%;" id="map_opts_marker_infownd_type"',
             ]),
           ); ?>
											<div id="gmpMarkerInfoWndTypeSubOpts">
												<div class="gmpSubOpt" data-type="rounded_edges" style="display: none; margin-top: 10px;">
													<?php echo htmlGmp::wpKsesHtml(
               htmlGmp::checkboxHiddenVal('map_opts[marker_infownd_hide_close_btn]', [
                 'value' => $this->editMap && isset($this->map['params']['marker_infownd_hide_close_btn']) ? esc_attr($this->map['params']['marker_infownd_hide_close_btn']) : true,
                 'attrs' => 'class="gmpProOpt" id="map_opts_marker_infownd_hide_close_btn"',
               ]),
             ); ?>
													<label for="map_opts_marker_infownd_hide_close_btn"><?php _e('Hide Close Button', GMP_LANG_CODE); ?></label>
												</div>
											</div>
										</td>
									</tr>
									<tr>
										<th scope="row">
											<label for="map_opts_marker_infownd_width">
												<?php _e('Width', GMP_LANG_CODE); ?>:
											</label>
											<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e('Width of info window', GMP_LANG_CODE); ?>"></i>
										</th>
										<td>
										<?php
          $markersInfoWndWidthUnits = isset($this->map['params']['marker_infownd_width_units']) && $this->map['params']['marker_infownd_width_units'];
          $markersInfoWndWidthInput = isset($this->map['params']['marker_infownd_width']) && $this->map['params']['marker_infownd_width'];
          $markersInfoWndWidthInputViewStyle = $this->editMap && $markersInfoWndWidthUnits && htmlGmp::checkedOpt($this->map['params'], 'marker_infownd_width_units', 'px') ? 'block' : 'none';
          $markersInfoWndWidthUnitsLabelStyle = $this->editMap && $markersInfoWndWidthUnits && htmlGmp::checkedOpt($this->map['params'], 'marker_infownd_width_units', 'px') ? '7px' : '0px';
          ?>
											<div class="sup-col" style="padding-right: 0px;">
												<label for="map_opts_marker_infownd_width_units" style="margin-right: 15px; position: relative; top: <?php echo esc_attr($markersInfoWndWidthUnitsLabelStyle); ?>;">
													<?php echo htmlGmp::wpKsesHtml(
               htmlGmp::radiobutton('map_opts[marker_infownd_width_units]', [
                 'value' => 'auto',
                 'checked' => $this->editMap && $markersInfoWndWidthUnits ? htmlGmp::checkedOpt($this->map['params'], 'marker_infownd_width_units', 'auto') : true,
               ]),
             ); ?>&nbsp;<?php _e('Auto', GMP_LANG_CODE); ?>
												</label>
												<label
													for="map_opts_marker_infownd_width_units"
													class="supsystic-tooltip"
													title="<?php _e('The value defines maximum width of the description. Window will be drawn according to content size but not wider than the value.', GMP_LANG_CODE); ?>"
													style="margin-right: 15px; position: relative; top: <?php echo esc_attr($markersInfoWndWidthUnitsLabelStyle); ?>;"
												>
													<?php echo htmlGmp::wpKsesHtml(
               htmlGmp::radiobutton('map_opts[marker_infownd_width_units]', [
                 'value' => 'px',
                 'checked' => $this->editMap && $markersInfoWndWidthUnits ? htmlGmp::checkedOpt($this->map['params'], 'marker_infownd_width_units', 'px') : false,
               ]),
             ); ?>&nbsp;<?php _e('Px', GMP_LANG_CODE); ?>
												</label>
											</div>
											<div class="sup-col sup-w-25">
												<?php echo htmlGmp::wpKsesHtml(
              htmlGmp::text('map_opts[marker_infownd_width]', [
                'value' => $this->editMap && $markersInfoWndWidthInput ? esc_attr($this->map['params']['marker_infownd_width']) : '200',
                'attrs' => 'style="width: 100%; display: ' . esc_attr($markersInfoWndWidthInputViewStyle) . ';"',
              ]),
            ); ?>
											</div>
										</td>
									</tr>
									<tr>
										<th scope="row">
											<label for="map_opts_marker_infownd_height">
												<?php _e('Height', GMP_LANG_CODE); ?>:
											</label>
											<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e('Height of info window', GMP_LANG_CODE); ?>"></i>
										</th>
										<td>
											<?php
           $markersInfoWndHeightUnits = isset($this->map['params']['marker_infownd_height_units']) && $this->map['params']['marker_infownd_height_units'];
           $markersInfoWndHeightInput = isset($this->map['params']['marker_infownd_height']) && $this->map['params']['marker_infownd_height'];
           $markersInfoWndHeightInputViewStyle = $this->editMap && $markersInfoWndHeightUnits && htmlGmp::checkedOpt($this->map['params'], 'marker_infownd_height_units', 'px') ? 'block' : 'none';
           $markersInfoWndHeightUnitsLabelStyle = $this->editMap && $markersInfoWndHeightUnits && htmlGmp::checkedOpt($this->map['params'], 'marker_infownd_height_units', 'px') ? '7px' : '0px';
           ?>
											<div class="sup-col" style="padding-right: 0px;">
												<label for="map_opts_marker_infownd_height_units" style="margin-right: 15px; position: relative; top: <?php echo esc_attr($markersInfoWndHeightUnitsLabelStyle); ?>;">
													<?php echo htmlGmp::wpKsesHtml(
               htmlGmp::radiobutton('map_opts[marker_infownd_height_units]', [
                 'value' => 'auto',
                 'checked' => $this->editMap && $markersInfoWndHeightUnits ? htmlGmp::checkedOpt($this->map['params'], 'marker_infownd_height_units', 'auto') : true,
               ]),
             ); ?>&nbsp;<?php _e('Auto', GMP_LANG_CODE); ?>
												</label>
												<label
													for="map_opts_marker_infownd_height_units"
													class="supsystic-tooltip"
													title="<?php _e('Pixels', GMP_LANG_CODE); ?>"
													style="margin-right: 15px; position: relative; top: <?php echo esc_attr($markersInfoWndHeightUnitsLabelStyle); ?>;"
													>
													<?php echo htmlGmp::wpKsesHtml(
               htmlGmp::radiobutton('map_opts[marker_infownd_height_units]', [
                 'value' => 'px',
                 'checked' => $this->editMap && $markersInfoWndHeightUnits ? htmlGmp::checkedOpt($this->map['params'], 'marker_infownd_height_units', 'px') : false,
               ]),
             ); ?>&nbsp;<?php _e('Px', GMP_LANG_CODE); ?>
												</label>
											</div>
											<div class="sup-col sup-w-25">
												<?php echo htmlGmp::wpKsesHtml(
              htmlGmp::text('map_opts[marker_infownd_height]', [
                'value' => $this->editMap && $markersInfoWndHeightInput ? esc_attr($this->map['params']['marker_infownd_height']) : '100',
                'attrs' => 'style="width: 100%; display: ' . esc_attr($markersInfoWndHeightInputViewStyle) . ';"',
              ]),
            ); ?>
											</div>
										</td>
									</tr>
									<tr>
										<th scope="row">
											<label for="map_opts_marker_title_color">
												<?php _e('Title Color', GMP_LANG_CODE); ?>:
											</label>
											<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e('You can set your info window title color here', GMP_LANG_CODE); ?>"></i>
										</th>
										<td>
											<?php echo htmlGmp::wpKsesHtml(
             htmlGmp::colorpicker('map_opts[marker_title_color]', [
               'value' => $this->editMap && isset($this->map['params']['marker_title_color']) ? esc_attr($this->map['params']['marker_title_color']) : '#A52A2A',
             ]),
           ); ?>
										</td>
									</tr>
									<tr>
										<th scope="row">
											<label for="map_opts_marker_infownd_bg_color">
												<?php _e('Background Color', GMP_LANG_CODE); ?>:
											</label>
											<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e('You can set your info window background color here', GMP_LANG_CODE); ?>"></i>
										</th>
										<td>
											<?php echo htmlGmp::wpKsesHtml(
             htmlGmp::colorpicker('map_opts[marker_infownd_bg_color]', [
               'value' => $this->editMap && isset($this->map['params']['marker_infownd_bg_color']) ? esc_attr($this->map['params']['marker_infownd_bg_color']) : '#FFFFFF',
             ]),
           ); ?>
										</td>
									</tr>
									<tr>
										<th scope="row">
											<label for="map_opts_marker_title_size">
												<?php _e('Title Font Size', GMP_LANG_CODE); ?>:
											</label>
											<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e('You can set your info window title font size here', GMP_LANG_CODE); ?>"></i>
										</th>
										<td>
											<div class="sup-col sup-w-25">
												<?php echo htmlGmp::wpKsesHtml(
              htmlGmp::text('map_opts[marker_title_size]', [
                'value' => $this->editMap && isset($this->map['params']['marker_title_size']) ? esc_attr($this->map['params']['marker_title_size']) : '19',
                'attrs' => 'style="width: 100%;" id="map_opts_marker_title_size"',
              ]),
            ); ?>
											</div>
											<div class="sup-col sup-w-75">
												<label class="supsystic-tooltip" title="<?php _e('Pixels', GMP_LANG_CODE); ?>" style="margin-right: 15px; position: relative; top: 7px;">
													<?php echo htmlGmp::wpKsesHtml(
               htmlGmp::radiobutton('map_opts[marker_title_size_units]', [
                 'value' => 'px',
                 'checked' => true,
               ]),
             ); ?>&nbsp;<?php _e('Px', GMP_LANG_CODE); ?></label>
											</div>
										</td>
									</tr>
									<tr style="border-bottom: 1px solid #e3dbdb!important;">
										<th scope="row">
											<label for="map_opts_marker_desc_size">
												<?php _e('Description Font Size', GMP_LANG_CODE); ?>:
											</label>
											<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e('You can set your info window description font size here', GMP_LANG_CODE); ?>"></i>
										</th>
										<td>
											<div class="sup-col sup-w-25">
												<?php echo htmlGmp::wpKsesHtml(
              htmlGmp::text('map_opts[marker_desc_size]', [
                'value' => $this->editMap && isset($this->map['params']['marker_desc_size']) ? esc_attr($this->map['params']['marker_desc_size']) : '13',
                'attrs' => 'style="width: 100%;" id="map_opts_marker_desc_size"',
              ]),
            ); ?>
											</div>
											<div class="sup-col sup-w-75">
												<label class="supsystic-tooltip" title="<?php _e('Pixels', GMP_LANG_CODE); ?>" style="margin-right: 15px; position: relative; top: 7px;">
													<?php echo htmlGmp::wpKsesHtml(
               htmlGmp::radiobutton('map_opts[marker_desc_size_units]', [
                 'value' => 'px',
                 'checked' => true,
               ]),
             ); ?>&nbsp;<?php _e('Px', GMP_LANG_CODE); ?></label>
											</div>
										</td>
									</tr>
									<tr>
										<th scope="row">
											<?php if (!$this->isPro) { ?>
												<?php $proLink = frameGmp::_()->getModule('supsystic_promo')->generateMainLink('utm_source=plugin&utm_medium=enable_directions_btn&utm_campaign=googlemaps'); ?>
											<?php } ?>
											<label for="map_opts_enable_directions_btn">
												<?php _e('Directions Button', GMP_LANG_CODE); ?>:
											</label>
											<i style="float: right;" class="fa fa-question supsystic-tooltip" data-tooltip-content="#tooltip_11"></i>
											<span class="tooltipContent" id="tooltip_11">
												<?php
            _e('Add a button at marker info window to get direction from the entered address to the marker. If Show route data option is enabled - the total route time and distance will be shown by click on the route polyline.', GMP_LANG_CODE);
            if (!$this->isPro) {
              echo esc_html('<a href="' . esc_attr($proLink) . '" target="_blank"><img src="' . esc_attr($this->promoModPath) . 'img/directions/get_directions.png" /></a>');
            }
            ?>
											</span>
											<?php if (!$this->isPro) { ?>
												<br /><span class="gmpProOptMiniLabel"><a target="_blank" href="<?php echo esc_attr($proLink); ?>"><?php _e('PRO option', GMP_LANG_CODE); ?></a></span>
											<?php } ?>
										</th>
										<td>
											<?php echo htmlGmp::wpKsesHtml(
             htmlGmp::checkboxHiddenVal('map_opts[enable_directions_btn]', [
               'value' => $this->editMap && isset($this->map['params']['enable_directions_btn']) ? esc_attr($this->map['params']['enable_directions_btn']) : false,
               'attrs' => 'class="gmpProOpt"',
             ]),
           ); ?>
											<div id="gmpDirectionsOptions" style="margin-top: 10px; display: none;">
												<div style="margin-top: 10px;">
													<?php echo htmlGmp::wpKsesHtml(
               htmlGmp::checkboxHiddenVal('map_opts[directions_alternate_routes]', [
                 'value' => $this->editMap && isset($this->map['params']['directions_alternate_routes']) ? esc_attr($this->map['params']['directions_alternate_routes']) : false,
                 'attrs' => 'class="gmpProOpt"',
               ]),
             ); ?>
													<span>
													<?php _e('Show alternate routes', GMP_LANG_CODE); ?>
												</span>
												</div>
												<div style="margin-top: 10px;">
													<?php echo htmlGmp::wpKsesHtml(
               htmlGmp::checkboxHiddenVal('map_opts[directions_data_show]', [
                 'value' => $this->editMap && isset($this->map['params']['directions_data_show']) ? esc_attr($this->map['params']['directions_data_show']) : false,
                 'attrs' => 'class="gmpProOpt"',
               ]),
             ); ?>
													<span>
														<?php _e('Show route data', GMP_LANG_CODE); ?>
													</span>
												</div>
												<div style="margin-top: 10px;">
													<?php echo htmlGmp::wpKsesHtml(
               htmlGmp::checkboxHiddenVal('map_opts[directions_steps_show]', [
                 'value' => $this->editMap && isset($this->map['params']['directions_steps_show']) ? esc_attr($this->map['params']['directions_steps_show']) : false,
                 'attrs' => 'class="gmpProOpt"',
               ]),
             ); ?>
													<span>
														<?php _e('Show route steps', GMP_LANG_CODE); ?>
													</span>
												</div>
												<div style="margin-top: 10px;">
													<?php echo htmlGmp::wpKsesHtml(
               htmlGmp::checkboxHiddenVal('map_opts[directions_miles]', [
                 'value' => $this->editMap && isset($this->map['params']['directions_miles']) ? esc_attr($this->map['params']['directions_miles']) : false,
                 'attrs' => 'class="gmpProOpt"',
               ]),
             ); ?>
													<span>
														<?php _e('Use miles', GMP_LANG_CODE); ?>
													</span>
												</div>
											</div>
										</td>
									</tr>
									<tr>
										<th scope="row">
											<label for="map_opts_enable_infownd_print_btn">
												<?php _e('Print Button', GMP_LANG_CODE); ?>:
											</label>
											<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e('Add Print button to markers info window', GMP_LANG_CODE); ?>"></i>
											<?php if (!$this->isPro) { ?>
												<?php $proLink = frameGmp::_()->getModule('supsystic_promo')->generateMainLink('utm_source=plugin&utm_medium=enable_infownd_print_btn&utm_campaign=googlemaps'); ?>
												<br /><span class="gmpProOptMiniLabel"><a target="_blank" href="<?php echo esc_attr($proLink); ?>"><?php _e('PRO option', GMP_LANG_CODE); ?></a></span>
											<?php } ?>
										</th>
										<td>
											<?php echo htmlGmp::wpKsesHtml(
             htmlGmp::checkboxHiddenVal('map_opts[enable_infownd_print_btn]', [
               'value' => $this->editMap && isset($this->map['params']['enable_infownd_print_btn']) ? esc_attr($this->map['params']['enable_infownd_print_btn']) : false,
               'attrs' => 'class="gmpProOpt"',
             ]),
           ); ?>
										</td>
									</tr>
								</table>
							</div>
							<?php echo htmlGmp::wpKsesHtml(htmlGmp::hidden('mod', ['value' => 'gmap'])); ?>
							<?php echo htmlGmp::wpKsesHtml(htmlGmp::hidden('action', ['value' => 'save'])); ?>
							<?php echo htmlGmp::defaultNonceForAdminPanel(); ?>
							<?php echo htmlGmp::wpKsesHtml(htmlGmp::hidden('map_opts[id]', ['value' => $this->editMap ? esc_attr($this->map['id']) : ''])); ?>
						</form>
					</div>
					<div id="gmpMarkerTab" class="gmpTabContent">
						<form id="gmpMarkerForm">
							<table class="form-table">
								<tr>
									<th scope="row">
										<label class="label-big" for="marker_opts_title">
											<?php _e('Marker Name', GMP_LANG_CODE); ?>:
										</label>
										<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e('Your marker title', GMP_LANG_CODE); ?>"></i>
									</th>
									<td>
										<?php echo htmlGmp::wpKsesHtml(
            htmlGmp::text('marker_opts[title]', [
              'value' => '',
              'attrs' => 'style="width: 100%;" id="marker_opts_title"',
            ]),
          ); ?>
									</td>
								</tr>
								<tr>
									<th scope="row">
										<label>
											<?php _e('Marker Description', GMP_LANG_CODE); ?>:
										</label>
										<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e('Write here all text, that you want to appear in marker info-window PopUp', GMP_LANG_CODE); ?>"></i>
									</th>
									<td></td>
								</tr>
								<tr>
									<th colspan="2">
										<?php wp_editor('', 'markerDescription', [
            //'textarea_name' => 'marker_opts[description]',
            'textarea_rows' => 10,
          ]); ?>
										<?php echo htmlGmp::wpKsesHtml(htmlGmp::hidden('marker_opts[description]', ['value' => ''])); ?>
									</th>
								</tr>
								<?php dispatcherGmp::doAction('addEditMapPart', 'gmapEditMapMarkerListDesc'); ?>
								<tr>
									<th scope="row">
										<label class="label-big" for="gmpMarkerIconBtn">
											<?php _e('Icon', GMP_LANG_CODE); ?>:
										</label>
										<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e('Your marker Icon, that will appear on your map for this marker', GMP_LANG_CODE); ?>"></i>
									</th>
									<td>
										<?php echo htmlGmp::wpKsesHtml(
            htmlGmp::hidden('marker_opts[icon]', [
              'value' => 1 /*Default Icon ID*/,
            ]),
          ); ?>
										<img id="gmpMarkerIconPrevImg" src="" style="float: left;" />
										<div style="float: right">
											<a id="gmpMarkerIconBtn" href="#" class="button"><?php _e('Choose Icon', GMP_LANG_CODE); ?></a>
											<a id="gmpUploadIconBtn" href="#" class="button"><?php _e('Upload Icon', GMP_LANG_CODE); ?></a>
											<div class="gmpUplRes"></div>
											<div class="gmpFileUpRes"></div>
										</div>
										<div style="clear: both;"></div>
									</td>
								</tr>
								<tr>
									<th scope="row">
										<label for="marker_opts_address">
											<?php _e('Address', GMP_LANG_CODE); ?>:
										</label>
										<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e('Search your location by address, just start typing here', GMP_LANG_CODE); ?>"></i>
									</th>
									<td>
										<?php echo htmlGmp::wpKsesHtml(
            htmlGmp::text('marker_opts[address]', [
              'value' => '',
              'placeholder' => '603 Park Avenue, Brooklyn, NY 11206, USA',
              'attrs' => 'style="width: 100%;" id="marker_opts_address"',
            ]),
          ); ?>
									</td>
								</tr>
								<tr>
									<th scope="row">
										<label for="marker_opts_coord_x">
											<?php _e('Latitude', GMP_LANG_CODE); ?>:
										</label>
										<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e('Latitude for your marker', GMP_LANG_CODE); ?>"></i>
									</th>
									<td>
										<?php echo htmlGmp::wpKsesHtml(
            htmlGmp::text('marker_opts[coord_x]', [
              'value' => '',
              'placeholder' => '40.69827799999999',
              'attrs' => 'style="width: 100%;" id="marker_opts_coord_x"',
            ]),
          ); ?>
									</td>
								</tr>
								<tr>
									<th scope="row">
										<label for="marker_opts_coord_y">
											<?php _e('Longitude', GMP_LANG_CODE); ?>:
										</label>
										<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e('Longitude for your marker', GMP_LANG_CODE); ?>"></i>
									</th>
									<td>
										<?php echo htmlGmp::wpKsesHtml(
            htmlGmp::text('marker_opts[coord_y]', [
              'value' => '',
              'placeholder' => '-73.95141139999998',
              'attrs' => 'style="width: 100%;" id="marker_opts_coord_y"',
            ]),
          ); ?>
									</td>
								</tr>
								<tr>
									<th scope="row">
										<label for="marker_opts_marker_group_id">
											<?php _e('Marker Category', GMP_LANG_CODE); ?>:
										</label>
										<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e('Choose marker category', GMP_LANG_CODE); ?>"></i>
									</th>
									<td>
										<div style="width: 100%;">
											<?php echo htmlGmp::wpKsesHtml(
             htmlGmp::selectlist('marker_opts[marker_group_id]', [
               'options' => $this->markerGroupsForSelect,
               'value' => '',
               'attrs' => 'style="width: 100%;" id="marker_opts_marker_group_id" class="chosen-select"',
             ]),
           ); ?>
										</div>
									</td>
								</tr>
								<tr>
									<th scope="row">
										<label for="marker_opts_marker_link">
											<?php _e('Marker Link', GMP_LANG_CODE); ?>:
										</label>
										<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e('Link for opening by click on the marker', GMP_LANG_CODE); ?>"></i>
									</th>
									<td>
										<?php echo htmlGmp::wpKsesHtml(
            htmlGmp::checkbox('marker_opts[params][marker_link]', [
              'checked' => '',
              'attrs' => 'id="marker_link" onclick="gmpAddLinkOptions()"',
            ]),
          ); ?>
										<div id="link_options" style="display: none;">
											<?php echo htmlGmp::wpKsesHtml(
             htmlGmp::text('marker_opts[params][marker_link_src]', [
               'value' => '',
               'attrs' => 'style="width: 90%; float: right; margin: 0px 0px 10px 0px;"',
             ]),
           ); ?>
											<div style="clear: both;"></div>
											<?php echo htmlGmp::wpKsesHtml(
             htmlGmp::checkbox('marker_opts[params][marker_link_new_wnd]', [
               'checked' => '',
             ]),
           ); ?>
											<span>
												<?php _e('Open in new window', GMP_LANG_CODE); ?>
											</span>
										</div>
									</td>
								</tr>
								<tr>
									<th scope="row">
										<label for="marker_opts_show_description">
											<?php _e('Show description by default', GMP_LANG_CODE); ?>:
										</label>
										<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e('Open marker description when map load', GMP_LANG_CODE); ?>"></i>
									</th>
									<td>
										<?php echo htmlGmp::wpKsesHtml(
            htmlGmp::checkbox('marker_opts[params][show_description]', [
              'checked' => '',
            ]),
          ); ?>
									</td>
								</tr>
								<tr>
									<th scope="row">
										<label for="marker_opts_description_mouse_hover">
											<?php _e('Show description by mouse hover', GMP_LANG_CODE); ?>:
										</label>
										<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e('Open marker description by mouse hover', GMP_LANG_CODE); ?>"></i>
									</th>
									<td>
										<?php echo htmlGmp::wpKsesHtml(
            htmlGmp::checkbox('marker_opts[params][description_mouse_hover]', [
              'checked' => '',
            ]),
          ); ?>
									</td>
								</tr>
								<tr id="marker_opts_description_mouse_leave">
									<th scope="row">
										<label for="marker_opts_description_mouse_leave">
											<?php _e('Hide description on mouse leave', GMP_LANG_CODE); ?>:
										</label>
										<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e('Hide description when mouse leaves the marker area', GMP_LANG_CODE); ?>"></i>
									</th>
									<td>
										<?php echo htmlGmp::wpKsesHtml(
            htmlGmp::checkbox('marker_opts[params][description_mouse_leave]', [
              'checked' => '',
            ]),
          ); ?>
									</td>
								</tr>
								<tr>
									<th scope="row">
										<label for="marker_opts_clasterer_exclude">
											<?php _e('Exclude from Cluster', GMP_LANG_CODE); ?>:
										</label>
										<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e('Exclude marker from cluster if Markers Clusterization option is enabled.', GMP_LANG_CODE); ?>"></i>
									</th>
									<td>
										<?php echo htmlGmp::wpKsesHtml(
            htmlGmp::checkbox('marker_opts[params][clasterer_exclude]', [
              'checked' => '',
            ]),
          ); ?>
									</td>
								</tr>
								<?php if ($isCustSearchAndMarkersPeriodAvailable) { ?>
								<tr>
									<th scope="row">
											<label>
												<?php _e('Display period for the markers', GMP_LANG_CODE); ?>:
											</label>
											<i style="float: right;" class="fa fa-question supsystic-tooltip" data-tooltip-content="#tooltip_12"></i>
											<span class="tooltipContent" id="tooltip_12">
												<?php _e(
              'Display markers on the map by a selected period. A marker will automatically start to appear on the specified date and disappear automatically at the appointed time.',
              GMP_LANG_CODE,
            ); ?> </br> <a href='https://supsystic.com/example/markers-displaying-by-period/'>https://supsystic.com/example/markers-displaying-by-period/</a> </br></br> <img style='width:100%' src=''>
											</span>

											<?php if (!$this->isPro) { ?>
												<?php $proLink = frameGmp::_()->getModule('supsystic_promo')->generateMainLink('utm_source=plugin&utm_medium=marker_period_from&utm_campaign=googlemaps'); ?>
												<br /><span class="gmpProOptMiniLabel"><a target="_blank" href="<?php echo esc_attr($proLink); ?>"><?php _e('PRO option', GMP_LANG_CODE); ?></a></span>
											<?php } ?>
									</th>
									<td>
									</td>
								</tr>
								<tr>
									<th>
										<label>
											<?php _e('Period From', GMP_LANG_CODE); ?>
										</label>

										<?php if (!$this->isPro) { ?>
											<?php $proLink = frameGmp::_()->getModule('supsystic_promo')->generateMainLink('utm_source=plugin&utm_medium=marker_period_from&utm_campaign=googlemaps'); ?>
											<br /><span class="gmpProOptMiniLabel"><a target="_blank" href="<?php echo esc_attr($proLink); ?>"><?php _e('PRO option', GMP_LANG_CODE); ?></a></span>
										<?php } ?>
									</th>
									<td>
										<?php if ($this->isPro) {
            echo htmlGmp::wpKsesHtml(
              htmlGmp::text('marker_opts[period_date_from]', [
                'value' => '',
                'attrs' => 'id="markerPeriodDateFrom"',
              ]),
            );
          } ?>
									</td>
								</tr>
								<tr>
									<th>
										<label>
											<?php _e('Period To', GMP_LANG_CODE); ?>
										</label>

										<?php if (!$this->isPro) { ?>
											<?php $proLink = frameGmp::_()->getModule('supsystic_promo')->generateMainLink('utm_source=plugin&utm_medium=marker_period_to&utm_campaign=googlemaps'); ?>
											<br /><span class="gmpProOptMiniLabel"><a target="_blank" href="<?php echo $proLink; ?>"><?php _e('PRO option', GMP_LANG_CODE); ?></a></span>
										<?php } ?>
									</th>
									<td>
										<?php if ($this->isPro) {
            echo htmlGmp::wpKsesHtml(
              htmlGmp::text('marker_opts[period_date_to]', [
                'value' => '',
                'attrs' => 'id="markerPeriodDateTo"',
              ]),
            );
          } ?>
									</td>
								</tr>
								<?php } ?>
							</table>
							<?php echo htmlGmp::wpKsesHtml(htmlGmp::hidden('mod', ['value' => 'marker'])); ?>
							<?php echo htmlGmp::wpKsesHtml(htmlGmp::hidden('action', ['value' => 'save'])); ?>
							<?php echo htmlGmp::defaultNonceForAdminPanel(); ?>
							<?php echo htmlGmp::wpKsesHtml(htmlGmp::hidden('marker_opts[id]', ['value' => ''])); ?>
							<?php echo htmlGmp::wpKsesHtml(htmlGmp::hidden('marker_opts[map_id]', ['value' => $this->editMap ? esc_attr($this->map['id']) : ''])); ?>
							<?php echo htmlGmp::wpKsesHtml(htmlGmp::hidden('marker_opts[path]', ['value' => ''])); ?>
						</form>
					</div>
					<div id="gmpShapeTab" class="gmpTabContent">
						<?php if ($this->isPro) { ?>
							<form id="gmpShapeForm">
								<table class="form-table">
									<tr>
										<th scope="row">
											<label class="label-big" for="shape_opts_title">
												<?php _e('Figure Name', GMP_LANG_CODE); ?>:
											</label>
											<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e('Your figure title', GMP_LANG_CODE); ?>"></i>
										</th>
										<td>
											<?php echo htmlGmp::wpKsesHtml(
             htmlGmp::text('shape_opts[title]', [
               'value' => '',
               'attrs' => 'style="width: 100%;"',
             ]),
           ); ?>
										</td>
									</tr>
									<tr>
										<th scope="row">
											<label class="label-big" for="shape_opts_type">
												<?php _e('Figure Type', GMP_LANG_CODE); ?>:
											</label>
											<i style="float: right;" class="fa fa-question supsystic-tooltip" data-tooltip-content="#tooltip_15"></i>
											<span class="tooltipContent" id="tooltip_15">
												<?php _e(
              'Type of your figure:' .
                '<br /><br /><b>Polyline</b> - a series of straight segments on the map.' .
                '<br /><br /><b>Polygon</b> - area enclosed by a closed path (or loop), which is defined by a series of coordinates.' .
                '<br /><br /><b>Circle</b> - circle shape,defined by center coordinates and radius.',
              GMP_LANG_CODE,
            ); ?>"></span>
										</th>
										<td>
											<?php echo htmlGmp::wpKsesHtml(
             htmlGmp::selectbox('shape_opts[type]', [
               'options' => [
                 'polyline' => __('Polyline', GMP_LANG_CODE),
                 'polygon' => __('Polygon', GMP_LANG_CODE),
                 'circle' => __('Circle', GMP_LANG_CODE),
               ],
               'value' => 'polyline',
               'attrs' => 'style="width: 100%;"',
             ]),
           ); ?>
										</td>
									</tr>
									<tr>
										<td colspan="2" style="padding: 0 10px 0 0;">
											<div class="gmpCommonShapeParam gmpParamLeft">
												<label class="label" for="shape_opts_line_color">
													<?php _e('Line Color', GMP_LANG_CODE); ?>
												</label></br>
												<?php echo htmlGmp::wpKsesHtml(
              htmlGmp::colorpicker('shape_opts[params][strokeColor]', [
                'value' => '',
              ]),
            ); ?>
											</div>
											<div class="gmpCommonShapeParam">
												<label class="label" for="shape_opts_line_opacity">
													<?php _e('Line Opacity', GMP_LANG_CODE); ?>
												</label></br>
												<?php echo htmlGmp::wpKsesHtml(
              htmlGmp::selectbox('shape_opts[params][strokeOpacity]', [
                'options' => [
                  '0' => 0,
                  '0.1' => 0.1,
                  '0.2' => 0.2,
                  '0.3' => 0.3,
                  '0.4' => 0.4,
                  '0.5' => 0.5,
                  '0.6' => 0.6,
                  '0.7' => 0.7,
                  '0.8' => 0.8,
                  '0.9' => 0.9,
                  '1' => 1,
                ],
                'value' => '',
              ]),
            ); ?>
											</div>
											<div class="gmpCommonShapeParam  gmpParamRight">
												<label class="label" for="shape_opts_line_weight">
													<?php _e('Line Weight', GMP_LANG_CODE); ?>
												</label></br>
												<?php echo htmlGmp::wpKsesHtml(
              htmlGmp::text('shape_opts[params][strokeWeight]', [
                'value' => '',
                'attrs' => 'style="width: 100%;"',
              ]),
            ); ?>
											</div>
											<div class="gmpPolygonShapeParam gmpParamLeft">
												<label class="label" for="shape_opts_fill_color">
													<?php _e('Fill Color', GMP_LANG_CODE); ?>
												</label></br>
												<?php echo htmlGmp::wpKsesHtml(
              htmlGmp::colorpicker('shape_opts[params][fillColor]', [
                'value' => '',
              ]),
            ); ?>
											</div>
											<div class="gmpPolygonShapeParam">
												<label class="label" for="shape_opts_fill_opacity">
													<?php _e('Fill Opacity', GMP_LANG_CODE); ?>
												</label></br>
												<?php echo htmlGmp::wpKsesHtml(
              htmlGmp::selectbox('shape_opts[params][fillOpacity]', [
                'options' => [
                  '0' => 0,
                  '0.1' => 0.1,
                  '0.2' => 0.2,
                  '0.3' => 0.3,
                  '0.4' => 0.4,
                  '0.5' => 0.5,
                  '0.6' => 0.6,
                  '0.7' => 0.7,
                  '0.8' => 0.8,
                  '0.9' => 0.9,
                  '1' => 1,
                ],
                'value' => '',
              ]),
            ); ?>
											</div>
											<div style="clear: both;"></div>
											<div class="gmpPolygonShapeParam gmpPolygonShapeDesc">
												<div>
													<label>
														<?php _e('Figure Description', GMP_LANG_CODE); ?>:
													</label>
													<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e('Write here all text, that you want to appear in shape info-window PopUp', GMP_LANG_CODE); ?>"></i>
												</div>
												<?php wp_editor('', 'shapeDescription', [
              'textarea_rows' => 10,
            ]); ?>
												<?php echo htmlGmp::wpKsesHtml(htmlGmp::hidden('shape_opts[description]', ['value' => ''])); ?>
											</div>
										</td>
									</tr>
									<tr>
										<th scope="row">
											<label for="shape_opts_coords">
												<?php _e('Points', GMP_LANG_CODE); ?>:
											</label>
											<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e(
             'Figure\'s points list: you can search the point by address (just start typing in Address field), type the Latitude and Longitude of point in appropriate fields or activate Add by Click button, and then draw figure on the map by clicking on it. Important! You must deactivate Add by Click button after ending of the draw.',
             GMP_LANG_CODE,
           ); ?>"></i>
										</th>
										<td>
											<a href="#" class="button" id="gmpShapeAddPointByClickBtn" style="float: left;">
												<?php _e('Add by Click', GMP_LANG_CODE); ?>
											</a>
											<a href="#" class="button" id="gmpShapeAddPointRowBtn" style="float: right;">
												<?php _e('Add New Point', GMP_LANG_CODE); ?>
											</a>
										</td>
									</tr>
									<tr>
										<td colspan="2" style="padding-top: 10px; padding-left: 0;">
											<div class="gmpShapePointRowExample" style="display: none;">
												<div style="clear: both;">
													<div style="display: inline-block; width: 50%;">
														<label for="shape_opts_address">
															<?php _e('Address', GMP_LANG_CODE); ?>
															<?php echo htmlGmp::text('shape_opts[coords][0][address]', [
                 'value' => '',
                 'placeholder' => '603 Park Avenue, Brooklyn, NY 11206, USA',
                 'attrs' => 'class="gmpShapeAddress" data-type="address" style="width: 100%;" disabled="disabled"',
               ]); ?>
														</label>
													</div>
													<div style="display: inline-block; width: 20%;">
														<label for="shape_opts_coord_x">
															<?php _e('Latitude', GMP_LANG_CODE); ?>
															<?php echo htmlGmp::text('shape_opts[coords][0][coord_x]', [
                 'value' => '',
                 'placeholder' => '40.69827799999999',
                 'attrs' => 'class="gmpShapeCoordX" data-type="coord_x" style="width: 100%;" disabled="disabled"',
               ]); ?>
														</label>
													</div>
													<div style="display: inline-block; width: 20%;">
														<label for="shape_opts_coord_y">
															<?php _e('Longitude', GMP_LANG_CODE); ?>
															<?php echo htmlGmp::text('shape_opts[coords][0][coord_y]', [
                 'value' => '',
                 'placeholder' => '-73.95141139999998',
                 'attrs' => 'class="gmpShapeCoordY" data-type="coord_y" style="width: 100%;" disabled="disabled"',
               ]); ?>
														</label>
													</div>
													<div style="display: none; width: 10%;">
														<label for="shape_opts_radius">
															<?php _e('Radius', GMP_LANG_CODE); ?>
															<?php echo htmlGmp::text('shape_opts[coords][0][radius]', [
                 'value' => '',
                 'placeholder' => '10000',
                 'attrs' => 'class="gmpShapeRadius" data-type="radius" data-def="100000" style="width: 100%;" disabled="disabled"',
               ]); ?>
														</label>
													</div>
													<a href="#" title="<?php _e('Remove Point', GMP_LANG_CODE); ?>" class="button" id="gmpShapeRemovePointRowBtn">
														<i class="fa fa-trash-o"></i>
													</a>
												</div>
											</div>
											<div id="gmpShapePointRowsShell"></div>
										</td>
									</tr>
								</table>
								<?php echo htmlGmp::wpKsesHtml(htmlGmp::hidden('mod', ['value' => 'shape'])); ?>
								<?php echo htmlGmp::wpKsesHtml(htmlGmp::hidden('action', ['value' => 'save'])); ?>
								<?php echo htmlGmp::defaultNonceForAdminPanel(); ?>
								<?php echo htmlGmp::wpKsesHtml(htmlGmp::hidden('shape_opts[id]', ['value' => ''])); ?>
								<?php echo htmlGmp::wpKsesHtml(htmlGmp::hidden('shape_opts[map_id]', ['value' => $this->editMap ? esc_attr($this->map['id']) : ''])); ?>
							</form>
						<?php } else {echo $promoData['gmpShapeTab']['content'];} ?>
					</div>
					<div id="gmpHeatmapTab" class="gmpTabContent">
					<?php if ($this->isPro) { ?>
						<form id="gmpHeatmapForm">
							<div style="margin: 0 0 15px 0; padding: 12px 14px; border-left: 4px solid #dba617; background: #fff8e5; color: #5f4b00;">
								<strong><?php _e('Deprecation notice:', GMP_LANG_CODE); ?></strong>
								<?php _e('The Heatmap Layer functionality in the Maps JavaScript API is no longer supported. This API was deprecated on May 27, 2025 and will be made unavailable in a later version of the Maps JavaScript API, releasing in May 2026.', GMP_LANG_CODE); ?>
								<?php _e('Supsystic plans to migrate this module to a replacement heatmap solution with backward compatibility in the near future.', GMP_LANG_CODE); ?>
								<a href="https://developers.google.com/maps/deprecations" target="_blank" rel="noopener noreferrer"><?php _e('Learn more', GMP_LANG_CODE); ?></a>.
							</div>
							<table class="form-table">
								<tr>
									<th scope="row">
										<label class="label-big">
											<?php _e('Points', GMP_LANG_CODE); ?>:
										</label>
										<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e(
            'To add Heatmap Layer points you need to activate Add Points button and draw each point by click on map. To remove points you need to activate Remove Points button and delete necessary point by click on it or just click on Delete Heatmap Layer button to remove all Heatmap Layer points. Important! You must to deactivate Add by Click and Remove by Click buttons after ending of the add / remove points.',
            GMP_LANG_CODE,
          ); ?>"></i>
									</th>
									<td>
										<div class="gmpHeatmapPointsBtns">
											<a href="#" class="button" id="gmpHeatmapAddPointBtn">
												<?php _e('Add Point', GMP_LANG_CODE); ?>
											</a>
											<a href="#" class="button" id="gmpHeatmapRemovePointBtn">
												<?php _e('Remove Point', GMP_LANG_CODE); ?>
											</a>
										</div>
										<div class="gmpHeatmapPointsCount">
											<label>
												<?php _e('Points Count', GMP_LANG_CODE); ?>:
											</label>
											<div id="gmpHeatmapPointsNumber"></div>
										</div>
									</td>
								</tr>
								<tr>
									<th scope="row">
										<label>
											<?php _e('Radius', GMP_LANG_CODE); ?>:
										</label>
										<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e('Heatmap Layer points radius in pixels', GMP_LANG_CODE); ?>"></i>
									</th>
									<td>
										<?php echo htmlGmp::wpKsesHtml(
            htmlGmp::text('heatmap_opts[params][radius]', [
              'value' => '',
              'attrs' => 'style="width: 100%;"',
            ]),
          ); ?>
									</td>
								</tr>
								<tr>
									<th scope="row">
										<label>
											<?php _e('Opacity', GMP_LANG_CODE); ?>:
										</label>
										<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e('Heatmap Layer points opacity', GMP_LANG_CODE); ?>"></i>
									</th>
									<td>
										<?php echo htmlGmp::wpKsesHtml(
            htmlGmp::selectbox('heatmap_opts[params][opacity]', [
              'options' => [
                '0' => 0,
                '0.1' => 0.1,
                '0.2' => 0.2,
                '0.3' => 0.3,
                '0.4' => 0.4,
                '0.5' => 0.5,
                '0.6' => 0.6,
                '0.7' => 0.7,
                '0.8' => 0.8,
                '0.9' => 0.9,
                '1' => 1,
              ],
              'value' => '',
              'attrs' => 'style="width: 100%;"',
            ]),
          ); ?>
									</td>
								</tr>
								<tr>
									<th scope="row">
										<label>
											<?php _e('Gradient', GMP_LANG_CODE); ?>:
										</label>
										<i style="float: right;" class="fa fa-question supsystic-tooltip" title="<?php _e('Heatmap Layer points color gradient.', GMP_LANG_CODE); ?>"></i>
									</th>
									<td>
										<a href="#" class="button" id="gmpHeatmapAddColorBtn">
											<?php _e('Add Color', GMP_LANG_CODE); ?>
										</a>
										<a href="#" class="button" id="gmpHeatmapClearColorsBtn" style="float: right;">
											<?php _e('Clear', GMP_LANG_CODE); ?>
										</a>
										<div class="gmpHeatmapGradientExample gmpHeatmapGradient" style="display: none; margin-top: 10px;">
											<input type="text" name="heatmap_opts[params][gradient][]" value="#5ED836" disabled="disabled" />
											<a href="#" class="button gmpHeatmapRemoveColorBtn" title="<?php _e('Remove Color', GMP_LANG_CODE); ?>" onclick="gmpHeatmapRemoveColorBtnClick(this); return false;">
												<i class="fa fa-trash-o"></i>
											</a>
										</div>
										<div id="gmpHeatmapGradientFirstColorContainer">

										</div>
										<?php echo htmlGmp::wpKsesHtml(htmlGmp::hidden('heatmap_opts[params][gradient][]', ['value' => '', 'attrs' => 'class="firstHeatmapColor"'])); ?>
										<div id="gmpHeatmapGradientContainer"></div>
									</td>
								</tr>
							</table>
							<?php echo htmlGmp::wpKsesHtml(htmlGmp::hidden('mod', ['value' => 'heatmap'])); ?>
							<?php echo htmlGmp::wpKsesHtml(htmlGmp::hidden('action', ['value' => 'save'])); ?>
							<?php echo htmlGmp::defaultNonceForAdminPanel(); ?>
							<?php echo htmlGmp::wpKsesHtml(htmlGmp::hidden('heatmap_opts[id]', ['value' => ''])); ?>
							<?php echo htmlGmp::wpKsesHtml(htmlGmp::hidden('heatmap_opts[map_id]', ['value' => $this->editMap ? esc_attr($this->map['id']) : ''])); ?>
						</form>
					<?php } else {echo $promoData['gmpHeatmapTab']['content'];} ?>
				</div>
				<div id="gmpRouterTab" class="gmpTabContent">
					<?php if ($this->isPro) { ?>
						<?php if (empty($this->map['id'])) { ?>
							<div class="gmpRouterWarning"><?php _e('Warning! Save Map and Refresh Page Before Working with Path Router.', GMP_LANG_CODE); ?></div>
						<?php } ?>
						<form id="gmpRouterForm">
							<div class="gmpRouterAbout"><?php _e('This is an easy way to build route between different points, choose travel mod, optimize path by Google solution of the traveling salesperson problem, or select your order of route.', GMP_LANG_CODE); ?></div>
							<div class="gmpRouterBtn" data-show="how-it-works"><?php _e('How It Works', GMP_LANG_CODE); ?></div>
							<div class="gmpRouterBtn" data-show="troubleshooting"><?php _e('Troubleshooting', GMP_LANG_CODE); ?></div>
							<div class="gmpRouterBlock" data-show="how-it-works" style="display:none;">
								<div class="gmpRouterRow"><?php _e('1) Choose a starting point.', GMP_LANG_CODE); ?></div>
								<div class="gmpRouterRow"><?php _e('2) Select the end point of the route. If the route must return to the starting position, specify the starting point.', GMP_LANG_CODE); ?></div>
								<div class="gmpRouterRow"><?php _e('3) Add the required number of waypoints and description for them.', GMP_LANG_CODE); ?></div>
								<div class="gmpRouterRow"><?php _e('4) Click build route.', GMP_LANG_CODE); ?></div>
								<div class="gmpRouterRow"><?php _e('5) Click save route.', GMP_LANG_CODE); ?></div>
								<div class="gmpRouterRow"><?php _e('6) Past shortcode on specific page.', GMP_LANG_CODE); ?></div>
							</div>							
							<div class="gmpRouterBlock" data-show="troubleshooting" style="display:none;">
								<div class="gmpRouterRow"><?php _e('Problem: Title & Description from text fields not displayed after (building a route/saving) a route on a map route. ', GMP_LANG_CODE); ?></div>
								<div class="gmpRouterRow"><?php _e('Solution: Specify the address without apartments, offices, floors, try to put a waypoint within a radius of several meters..', GMP_LANG_CODE); ?></div>
								<div class="gmpRouterRow"><?php _e('Problem: Route building does not work, errors occur in the developer console..', GMP_LANG_CODE); ?></div>
								<div class="gmpRouterRow"><?php _e('Solution: Check that your Google Maps API key supports the "Google Geocoder API" and "Google Directions API".', GMP_LANG_CODE); ?></div>
							</div>
							<table class="form-table">
									<tr>
										<th scope="row">
											<label for="map_opts_map_center_address" class="sup-medium-label">
												<?php _e('Router Settings:', GMP_LANG_CODE); ?>
											</label>
										</th>
										<td>
											<div style="margin-top: 10px">
												<label for="route_opts_travel_mod" style="width:150px; display:inline-block;">
															<?php _e('Travel Mod', GMP_LANG_CODE); ?>
												</label>
												<?php echo htmlGmp::wpKsesHtml(
              htmlGmp::selectbox('route_opts[travel_mod]', [
                'options' => [
                  'DRIVING' => __('Driving', GMP_LANG_CODE),
                  'WALKING' => __('Walking', GMP_LANG_CODE),
                  'BICYCLING' => __('Bicycling', GMP_LANG_CODE),
                  'TRANSIT' => __('Transit', GMP_LANG_CODE),
                ],
                'value' => $this->editMap && !empty($this->routeData['params']['travel_mod']) ? esc_attr($this->routeData['params']['travel_mod']) : 'DRIVING',
                'attrs' => 'style="width: 120px;" id="route_opts_travel_mod"',
              ]),
            ); ?>
											</div>
											<div style="margin-top: 10px">
												<label for="route_opts_optimize_path"  style="width:150px; display:inline-block;">
															<?php _e('Optimize Travel Path', GMP_LANG_CODE); ?>
												</label>
												<?php echo htmlGmp::wpKsesHtml(
              htmlGmp::selectbox('route_opts[optimize_path]', [
                'options' => [
                  'optimize' => __('Optimize', GMP_LANG_CODE),
                  'not_optimize' => __('Not Optimize', GMP_LANG_CODE),
                ],
                'value' => $this->editMap && !empty($this->routeData['params']['optimize_path']) ? esc_attr($this->routeData['params']['optimize_path']) : 'optimize',
                'attrs' => 'style="width: 120px;" id="route_opts_optimize_path"',
              ]),
            ); ?>
											</div>
										</td>
									</tr>
									<tr>
										<th scope="row">
											<label for="map_opts_map_center_address" class="sup-medium-label">
												<?php _e('Base Router Waypoints:', GMP_LANG_CODE); ?>
											</label>
										</th>
										<td>
											<div>
												<div style="clear: both;">
													<div class="sup-col sup-w-50" style="margin-top: 10px">
														<label for="route_opts_start_point_address"><?php _e('Start Point Address', GMP_LANG_CODE); ?></label>
														<?php echo htmlGmp::wpKsesHtml(
                htmlGmp::text('route_opts[start_point_address]', [
                  'value' => $this->editMap && !empty($this->routeData['params']['start_point_address']) ? esc_attr($this->routeData['params']['start_point_address']) : '',
                  'placeholder' => '',
                  'attrs' => 'style="width: 100%;" id="route_opts_start_point_address"',
                ]),
              ); ?>
														<label for="route_opts_start_point_desc"><?php _e('Start Point Title & Description', GMP_LANG_CODE); ?></label>
														<?php echo htmlGmp::wpKsesHtml(
                htmlGmp::textarea('route_opts[start_point_desc]', [
                  'value' => $this->editMap && !empty($this->routeData['params']['start_point_desc']) ? esc_attr($this->routeData['params']['start_point_desc']) : '',
                  'textarea_rows' => 10,
                  'placeholder' => '',
                  'attrs' => 'style="width: 100%;" id="route_opts_start_point_desc"',
                ]),
              ); ?>
													</div>
													<div class="sup-col sup-w-50" style="margin-top: 20px;">
														<div class="btn btnAddBaseAddressByClickOnMap"><i class="fa fa-map-marker" aria-hidden="true"></i> <?php _e('Select by Click on Map', GMP_LANG_CODE); ?></div>
													</div>
												</div>
											</div>
											<div>
												<div style="clear: both;">
													<div class="sup-col sup-w-50" style="margin-top: 10px">
														<label for="route_opts_end_point_address"><?php _e('End Point Address', GMP_LANG_CODE); ?></label>
														<?php echo htmlGmp::wpKsesHtml(
                htmlGmp::text('route_opts[end_point_address]', [
                  'value' => $this->editMap && !empty($this->routeData['params']['end_point_address']) ? esc_attr($this->routeData['params']['end_point_address']) : '',
                  'placeholder' => '',
                  'attrs' => 'style="width: 100%;" id="route_opts_end_point_address"',
                ]),
              ); ?>
														<label for="route_optsend_point_desc"><?php _e('End Point Title & Description', GMP_LANG_CODE); ?></label>
														<?php echo htmlGmp::wpKsesHtml(
                htmlGmp::textarea('route_opts[end_point_desc]', [
                  'value' => $this->editMap && !empty($this->routeData['params']['end_point_desc']) ? esc_attr($this->routeData['params']['end_point_desc']) : '',
                  'textarea_rows' => 10,
                  'placeholder' => '',
                  'attrs' => 'style="width: 100%;" id="route_opts_end_point_desc"',
                ]),
              ); ?>
													</div>
													<div class="sup-col sup-w-50" style="margin-top: 20px;">
														<div class="btn btnAddEndAddressByClickOnMap"><i class="fa fa-map-marker" aria-hidden="true"></i> <?php _e('Select by Click on Map', GMP_LANG_CODE); ?></div>
													</div>
												</div>
											</div>
										</td>
									</tr>
									<tr>
										<th scope="row">
											<label for="map_opts_map_center_address" class="sup-medium-label">
												<?php _e('Middle Router Waypoints:', GMP_LANG_CODE); ?><br>
												<span style="font-size:12px; font-weight:normal;"><?php _e('(To change the order of waypoints, click and drag the block.)', GMP_LANG_CODE); ?></span>
											</label>
										</th>
										<td>

											<div class="waypontsWrapper sortable">

											<div class="waypointRouterRow waypointRouterRowCopy" style="display:none;">
													<div class="sup-col sup-w-50" style="margin-top: 10px">
														<label><?php _e('Point Address', GMP_LANG_CODE); ?></label>
														<?php echo htmlGmp::wpKsesHtml(
                htmlGmp::text('route_opts[router_points_address][]', [
                  'value' => '',
                  'placeholder' => '',
                  'attrs' => 'class="router_points_address" style="width: 100%;"',
                ]),
              ); ?>
														<label><?php _e('Point Title & Description', GMP_LANG_CODE); ?></label>
														<?php echo htmlGmp::wpKsesHtml(
                htmlGmp::textarea('route_opts[router_points_title][]', [
                  'value' => '',
                  'textarea_rows' => 10,
                  'placeholder' => '',
                  'attrs' => 'class="router_points_title" style="width: 100%;"',
                ]),
              ); ?>
													</div>
													<div class="sup-col sup-w-50"  style="margin-top: 20px;">
														<div class="btn btnAddAddressByClickOnMap"><i class="fa fa-map-marker" aria-hidden="true"></i> <?php _e('Select by Click on Map', GMP_LANG_CODE); ?></div>
														<div class="btn btnDeleteWaypoint"><i class="fa fa-times" aria-hidden="true"></i> <?php _e('Delete Waypoint', GMP_LANG_CODE); ?></div>
													</div>
											</div>
											
											<?php if (!$this->editMap || empty($this->routeData['params']['router_points_address'][1])) { ?>
											<div class="waypointRouterRow">
													<div class="sup-col sup-w-50" style="margin-top: 10px">
														<label><?php _e('Point Address', GMP_LANG_CODE); ?></label>
														<?php echo htmlGmp::wpKsesHtml(
                htmlGmp::text('route_opts[router_points_address][]', [
                  'value' => '',
                  'placeholder' => '',
                  'attrs' => 'class="router_points_address" style="width: 100%;"',
                ]),
              ); ?>
														<label><?php _e('Point Title & Description', GMP_LANG_CODE); ?></label>
														<?php echo htmlGmp::wpKsesHtml(
                htmlGmp::textarea('route_opts[router_points_title][]', [
                  'value' => '',
                  'textarea_rows' => 10,
                  'placeholder' => '',
                  'attrs' => 'class="router_points_title" style="width: 100%;"',
                ]),
              ); ?>
													</div>
													<div class="sup-col sup-w-50"  style="margin-top: 20px;">
														<div class="btn btnAddAddressByClickOnMap"><i class="fa fa-map-marker" aria-hidden="true"></i> <?php _e('Select by Click on Map', GMP_LANG_CODE); ?></div>
														<div class="btn btnDeleteWaypoint"><i class="fa fa-times" aria-hidden="true"></i> <?php _e('Delete Waypoint', GMP_LANG_CODE); ?></div>
													</div>
											</div>
											<?php } ?>

											<?php if (!empty($this->routeData['params']['router_points_address']) && count($this->routeData['params']['router_points_address']) > 1) { ?>
												<?php foreach ($this->routeData['params']['router_points_address'] as $key => $waypointRow) { ?>													
													<?php if (empty($waypointRow)) {
               continue;
             } ?>
													<div class="waypointRouterRow">
													<div class="sup-col sup-w-50" style="margin-top: 10px">
														<label><?php _e('Point Address', GMP_LANG_CODE); ?></label>
														<?php echo htmlGmp::wpKsesHtml(
                htmlGmp::text('route_opts[router_points_address][]', [
                  'value' => esc_attr($waypointRow),
                  'placeholder' => '',
                  'attrs' => 'class="router_points_address" style="width: 100%;"',
                ]),
              ); ?>
														<label><?php _e('Point Title & Description', GMP_LANG_CODE); ?></label>
														<?php echo htmlGmp::wpKsesHtml(
                htmlGmp::textarea('route_opts[router_points_title][]', [
                  'value' => esc_attr($this->routeData['params']['router_points_title'][$key]),
                  'textarea_rows' => 10,
                  'placeholder' => '',
                  'attrs' => 'class="router_points_title" style="width: 100%;"',
                ]),
              ); ?>
													</div>
													<div class="sup-col sup-w-50"  style="margin-top: 20px;">
														<div class="btn btnAddAddressByClickOnMap"><i class="fa fa-map-marker" aria-hidden="true"></i> <?php _e('Select by Click on Map', GMP_LANG_CODE); ?></div>
														<div class="btn btnDeleteWaypoint"><i class="fa fa-times" aria-hidden="true"></i> <?php _e('Delete Waypoint', GMP_LANG_CODE); ?></div>
													</div>
											</div>
												<?php } ?>
											<?php } ?>

											</div>

										</td>
									</tr>
									<tr>
										<th scope="row">
											<label for="map_opts_map_center_address" class="sup-medium-label">
												<?php _e('Actions:', GMP_LANG_CODE); ?>
											</label>
										</th>
										<td>
											<div class="routerRow">
												<div class="btn btnAddNewPoint"><i class="fa fa-plus" aria-hidden="true"></i> <?php _e('Add New Middle Waypoint', GMP_LANG_CODE); ?></div>
											</div>
										</td>
									</tr>
							</table>
							<?php echo htmlGmp::wpKsesHtml(htmlGmp::hidden('pl', ['value' => 'gmp'])); ?>
							<?php echo htmlGmp::wpKsesHtml(htmlGmp::hidden('reqType', ['value' => 'ajax'])); ?>
							<?php echo htmlGmp::wpKsesHtml(htmlGmp::hidden('mod', ['value' => 'heatmap'])); ?>
							<?php echo htmlGmp::wpKsesHtml(htmlGmp::hidden('action', ['value' => ''])); ?>
							<?php echo htmlGmp::defaultNonceForAdminPanel(); ?>
							<?php echo htmlGmp::wpKsesHtml(htmlGmp::hidden('url', ['value' => ''])); ?>
							<?php echo htmlGmp::wpKsesHtml(htmlGmp::hidden('json', ['value' => ''])); ?>
							<?php echo htmlGmp::wpKsesHtml(htmlGmp::hidden('route_opts[map_id]', ['value' => $this->editMap ? esc_attr($this->map['id']) : ''])); ?>
						</form>
					<?php } else {echo $promoData['gmpRouterTab']['content'];} ?>
				</div>
				</div>
				<div class="supsistic-half-side-box" style="position: relative;">
				<div id="gmpMapRightStickyBar" class="supsystic-sticky">
					<?php if ($this->isPro) { ?>
						<div id="gmpPathRouterMap" style="width: 100%; height: 500px; display:none;"></div>
					<?php } ?>
					<div id="gmpMapPreview" style="width: 100%; height: 350px;"></div>
					<div class="gmpMapProControlsCon" id="gmpMapProControlsCon_<?php echo esc_attr($this->viewId); ?>">
						<?php dispatcherGmp::doAction('addAdminMapBottomControls', $this->editMap ? $this->map : []); ?>
					</div>
					<?php echo htmlGmp::wpKsesHtml(htmlGmp::hidden('rand_view_id', ['value' => esc_attr($this->viewId), 'attrs' => 'id="gmpViewId"'])); ?>
					<div id="gmpMapMainBtns" class="gmpControlBtns row" style="display: none;">
						<div class="sup-col sup-w-50">
							<button id="gmpMapSaveBtn" class="button button-primary" style="width: 100%;">
								<i class="fa dashicons-before dashicons-admin-site"></i>
								<?php _e('Save Map', GMP_LANG_CODE); ?>
							</button>
						</div>
						<div class="sup-col sup-w-50" style="padding-right: 0;">
							<button id="gmpMapDeleteBtn" class="button button-primary" style="width: 100%;">
								<i class="fa dashicons-before dashicons-trash"></i>
								<?php _e('Delete Map', GMP_LANG_CODE); ?>
							</button>
						</div>
						<div style="clear: both;"></div>
					</div>
					<div id="gmpMarkerMainBtns" class="gmpControlBtns row" style="display: none;">
						<div class="sup-col sup-w-50">
							<button id="gmpSaveMarkerBtn" class="button button-primary" style="width: 100%;">
								<i class="fa fa-map-marker"></i>
								<?php _e('Save Marker', GMP_LANG_CODE); ?>
							</button>
						</div>
						<div class="sup-col sup-w-50" style="padding-right: 0;">
							<button id="gmpMarkerDeleteBtn" class="button button-primary" style="width: 100%;">
								<i class="fa dashicons-before dashicons-trash"></i>
								<?php _e('Delete Marker', GMP_LANG_CODE); ?>
							</button>
						</div>
						<div style="clear: both;"></div>
					</div>
					<div id="gmpShapeMainBtns" class="gmpControlBtns row" style="display: none;">
						<div class="sup-col sup-w-50">
							<button id="gmpSaveShapeBtn" class="button button-primary" style="width: 100%;">
								<i class="fa fa-cubes"></i>
								<?php _e('Save Figure', GMP_LANG_CODE); ?>
							</button>
						</div>
						<div class="sup-col sup-w-50" style="padding-right: 0;">
							<button id="gmpShapeDeleteBtn" class="button button-primary" style="width: 100%;">
								<i class="fa dashicons-before dashicons-trash"></i>
								<?php _e('Delete Figure', GMP_LANG_CODE); ?>
							</button>
						</div>
						<div style="clear: both;"></div>
					</div>
					<div id="gmpHeatmapMainBtns" class="gmpControlBtns row" style="display: none;">
						<div class="sup-col sup-w-50">
							<button id="gmpSaveHeatmapBtn" class="button button-primary" style="width: 100%;">
								<i class="fa fa-map"></i>
								<?php _e('Save Heatmap Layer', GMP_LANG_CODE); ?>
							</button>
						</div>
						<div class="sup-col sup-w-50" style="padding-right: 0;">
							<button id="gmpHeatmapDeleteBtn" class="button button-primary" style="width: 100%;">
								<i class="fa dashicons-before dashicons-trash"></i>
								<?php _e('Delete Heatmap Layer', GMP_LANG_CODE); ?>
							</button>
						</div>
						<div style="clear: both;"></div>
					</div>
					<div id="gmpRouterMainBtns" class="gmpControlBtns row" style="display: none;">
						<div class="sup-col sup-w-50">
							<button id="gmpRouteBuildBtn" class="button button-primary gmpRouteBuildBtn" style="width: 100%;">
								<i class="fa fa-random"></i>
								<?php _e('Build Route', GMP_LANG_CODE); ?>
							</button>
						</div>
						<div class="sup-col sup-w-50" style="padding-right: 0;">
							<button id="gmpRouteSaveBtn" class="button button-primary gmpRouteSaveBtn" style="width: 100%;">
								<i class="fa fa-floppy-o"></i>
								<?php _e('Save Route', GMP_LANG_CODE); ?>
							</button>
						</div>
						<div style="clear: both;"></div>
					</div>
					<div id="gmpMarkerList">
						<input id="gmpMarkersSearchInput" type="text" placeholder="<?php _e('Search by name', GMP_LANG_CODE); ?>" style="display: none; width: 100%; margin: 0;" >
						<table id="gmpMarkersListGrid" class="supsystic-tbl-pagination-shell"></table>
					</div>
					<div id="gmpShapeList">
						<table id="gmpShapesListGrid" class="supsystic-tbl-pagination-shell"></table>
					</div>
					<?php
/*?>
					<div class="supRow">
						<div id="gmpMarkerList">
							<div style="display: none;" id="markerRowTemplate" class="supRow gmpMapMarkerRow">
								<div class="supXs12 egm-marker">
									<div class="supRow">
										<div class="supXs2 egm-marker-icon">
											<img alt="" src="">
										</div>
										<div class="supXs4 egm-marker-title">
										</div>
										<div class="supXs3 egm-marker-latlng">
										</div>
										<div class="supXs3 egm-marker-actions">
											<button title="<?php _e('Edit', GMP_LANG_CODE)?>" type="button" class="button button-small egm-marker-edit">
												<i class="fa fa-fw fa-pencil"></i>
											</button>
											<button title="<?php _e('Delete', GMP_LANG_CODE)?>" type="button" class="button button-small egm-marker-remove">
												<i class="fa fa-fw fa-trash-o"></i>
											</button>
										</div>
									</div>
								</div>
								<div style="clear: both;"></div>
							</div>
						</div>
					</div>
				<?php */
?>
				</div>
			</div>
			</div>
			<div style="clear: both;"></div>
		</div>
	</div>
</section>
<!--Icons Wnd-->
<div id="gmpIconsWnd" style="display: none;">
	<ul class="iconsList">
		<?php foreach ($this->icons as $icon) { ?>
			<?php if (!in_array($icon['title'], ['marker', 'flag', 'pin', 'star'], true)): ?>
				<li class="previewIcon" data-id="<?php echo esc_attr($icon['id']); ?>" title="<?php echo esc_attr($icon['title']); ?>">
					<img src="<?php echo esc_attr($icon['path']); ?>" ><i class="fa fa-times" aria-hidden="true"></i>
				</li>
			<?php else: ?>
				<li class="previewIcon" data-id="<?php echo esc_attr($icon['id']); ?>" title="<?php echo esc_attr($icon['title']); ?>">
					<img src="<?php echo esc_attr($icon['path']); ?>" >
				</li>
			<?php endif; ?>
		<?php } ?>
	</ul>
</div>
<!--Map Markers List Wnd-->
<div id="gmpMarkersListWnd" style="display: none;" title="<?php _e('Show markers list with your map on frontend', GMP_LANG_CODE); ?>">
	<!--Mml == Map Markers List-->
	<ul id="gmpMml">
		<?php foreach ($this->markerLists as $lKey => $lData) { ?>
		<li class="gmpMmlElement gmpMmlElement-<?php echo esc_attr($lKey); ?>" data-key="<?php echo esc_attr($lKey); ?>">
			<img src="<?php echo esc_attr($this->promoModPath); ?>img/markers_list/<?php echo esc_attr($lData['prev_img']); ?>" /><br />
			<div class="gmpMmlElementBtnShell">
				<a href="<?php echo frameGmp::_()
      ->getModule('supsystic_promo')
      ->generateMainLink('utm_source=plugin&utm_medium=marker_list_' . esc_attr($lKey) . '&utm_campaign=googlemaps'); ?>" target="_blank" class="button button-primary gmpMmlApplyBtn" data-apply-label="<?php _e('Apply', GMP_LANG_CODE); ?>" data-active-label="<?php _e('Selected', GMP_LANG_CODE); ?>">
					<?php $this->isPro ? _e('Apply', GMP_LANG_CODE) : _e('Available in PRO', GMP_LANG_CODE); ?>
				</a>
			</div>
		</li>
		<?php } ?>
	</ul>
</div>
<!--Insert To Contact Form Wnd-->
<div id="gmpInsertToContactFormWnd" style="display: none;" title="<?php _e('Select Contact Form', GMP_LANG_CODE); ?>">
	<?php if ($this->isContactFormsInstalled) { ?>
		<?php if ($this->contactFormsForSelect) { ?>
			<select name="contact_form" style="width: 100%; margin: 20px 0 0 0;">
				<?php foreach ($this->contactFormsForSelect as $k => $v) { ?>
					<option value="<?php echo esc_attr($k); ?>"><?php echo esc_attr($v); ?></option>
				<?php } ?>
			</select>
		<?php } else { ?>
			<span style="font-size: 14px; line-height: 25px;"><?php echo sprintf(
     'You have no Contact Forms for now. <a target="_blank" href="%s">Create your first contact form</a> then just reload page with your Map settings, and you will see list with available Contact Forms for your Map.',
     frameCfs::_()->getModule('options')->getTabUrl('forms_add_new'),
   ); ?>
			</span>
		<?php } ?>
	<?php } else { ?>
		<span style="font-size: 14px; line-height: 25px;"><?php echo sprintf(
    'You need to install Contact Forms by Supsystic to use this feature. <a target="_blank" href="%s">Install plugin</a> from your admin area, or visit it\'s official page on Wordpress.org <a target="_blank" href="%s">here.</a>',
    admin_url('plugin-install.php?tab=search&type=term&s=Contact+Forms+by+Supsystic'),
    'https://wordpress.org/plugins/contact-form-by-supsystic/',
  ); ?>
		</span>
	<?php } ?>
</div>
<!--Map Authorization Fail Wnd-->
<div id="gmpMapAuthorizationFailWnd" style="display: none;" title="<?php _e('Oops! Something went wrong...', GMP_LANG_CODE); ?>">
	<span style="font-size: 14px; line-height: 25px;">
		<?php echo sprintf(
    __(
      'Map can not be loaded completely. Probably, you are using our base Google Map API key.<br /><br />
This key is used by default for all our users in accordance with <a target="_blank" href="%s">Google Maps APIs Standard Plan</a>.
But each API key has fixed limits on count of maps loads per day.<br /><br />
You can create <a target="_blank" href="%s">your own Google Maps API key</a> and type it on <a target="_blank" href="%s">Settings tab</a>.
It\'s free, takes 10-20 minutes of your time and lets to apply your own API key only for your sites.
If you already use own Google Maps API key - you should open <a target="_blank" href="%s">Google Developer console</a> and check:
<ul style="padding-left: 20px; list-style: decimal;">
<li>Have you set correct settings to use your Google Map API key?</li>
<li>Have you paste correct Google Map API key on the <a target="_blank" href="%s">Settings tab</a>?</li>
<li>Open <a target="_blank" href="%s">browser console</a>, find Google Map API error and read its description in <a target="_blank" href="%s">Map API Errors table</a>.</li>
</ul>',
      GMP_LANG_CODE,
    ),
    '//developers.google.com/maps/pricing-and-plans/standard-plan-2016-update',
    '//supsystic.com/google-maps-api-key/',
    frameGmp::_()->getModule('options')->getTabUrl('settings'),
    '//console.developers.google.com/apis/credentials',
    frameGmp::_()->getModule('options')->getTabUrl('settings'),
    '//developers.google.com/maps/documentation/javascript/error-messages#checking-errors',
    '//developers.google.com/maps/documentation/javascript/error-messages#deverrorcodes',
  ); ?>
	</span>
</div>
