<?php
/**
 * Settings → Maps by DeltaBreen: the publishable key and the site-wide defaults.
 */

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

/** Keep only what the renderer accepts. */
function deltabreen_maps_sanitize( $input ) {
	$input = (array) $input;
	$key   = deltabreen_maps_clean_key( $input['key'] ?? '' );
	if ( '' === $key && '' !== trim( (string) ( $input['key'] ?? '' ) ) ) {
		add_settings_error( 'deltabreen_maps', 'bad_key', __( 'That is not a publishable key (pk_…). A secret key (sk_…) must never go in a web page.', 'maps-by-deltabreen' ) );
	}
	return array(
		'key'        => $key,
		'style'      => deltabreen_maps_clean_style( $input['style'] ?? 'meadow' ),
		'height'     => deltabreen_maps_clean_height( $input['height'] ?? '400px' ),
		'language'   => deltabreen_maps_clean_language( $input['language'] ?? '' ),
		'units'      => deltabreen_maps_clean_units( $input['units'] ?? '' ),
		'countries'  => deltabreen_maps_clean_countries( $input['countries'] ?? '' ),
		'directions' => deltabreen_maps_clean_directions( $input['directions'] ?? 'auto' ),
		'consent'    => ! empty( $input['consent'] ) ? 'click' : '',
		'lazy'       => deltabreen_maps_clean_lazy( $input['lazy'] ?? '' ),
		'controls'   => deltabreen_maps_clean_controls( $input['controls'] ?? '' ),
		'gestures'   => deltabreen_maps_clean_gestures( $input['gestures'] ?? '' ),
		'accent'     => deltabreen_maps_clean_accent( $input['accent'] ?? '' ),
		'theme'      => deltabreen_maps_clean_theme( $input['theme'] ?? '' ),
		'public_locations' => ! empty( $input['public_locations'] ) ? '1' : '',
		'location_pages'   => ! empty( $input['location_pages'] ) ? '1' : '',
		'cookie_tool'      => in_array( $input['cookie_tool'] ?? 'auto', array_merge( array( 'auto', 'none' ), array_keys( DELTABREEN_MAPS_COOKIE_TOOLS ) ), true ) ? $input['cookie_tool'] : 'auto',
		'cookie_category'  => substr( preg_replace( '/[^A-Za-z0-9_\-]/', '', (string) ( $input['cookie_category'] ?? '' ) ), 0, 60 ),
		'place_types'      => array_values( array_intersect( array_map( 'sanitize_key', (array) ( $input['place_types'] ?? array() ) ), array_keys( deltabreen_maps_place_type_choices() ) ) ),
		'place_source'     => in_array( $input['place_source'] ?? '', array( 'acf', 'meta' ), true ) ? $input['place_source'] : 'box',
		'place_acf'        => sanitize_key( $input['place_acf'] ?? '' ),
		'place_meta_lat'   => preg_replace( '/[^A-Za-z0-9_\-]/', '', (string) ( $input['place_meta_lat'] ?? '' ) ),
		'place_meta_lng'   => preg_replace( '/[^A-Za-z0-9_\-]/', '', (string) ( $input['place_meta_lng'] ?? '' ) ),
	);
}

add_action(
	'admin_init',
	function () {
		register_setting( 'deltabreen_maps', 'deltabreen_maps', array( 'sanitize_callback' => 'deltabreen_maps_sanitize' ) );
	}
);

add_action(
	'admin_enqueue_scripts',
	function ( $hook ) {
		if ( 'settings_page_deltabreen-maps' !== $hook ) {
			return;
		}
		deltabreen_maps_enqueue_admin();
		wp_enqueue_script( 'deltabreen-maps-settings', plugins_url( 'admin/settings.js', __FILE__ ), array( 'deltabreen-maps-admin', 'wp-i18n' ), DELTABREEN_MAPS_VERSION, true );
		deltabreen_maps_script_translations( 'deltabreen-maps-settings' );
		wp_enqueue_script( 'deltabreen-maps-shortcode', plugins_url( 'admin/shortcode.js', __FILE__ ), array( 'wp-i18n' ), DELTABREEN_MAPS_VERSION, true );
		deltabreen_maps_script_translations( 'deltabreen-maps-shortcode' );
		wp_enqueue_style( 'wp-color-picker' );
		wp_enqueue_script( 'wp-color-picker' );
		wp_add_inline_script( 'wp-color-picker', 'jQuery(function ($) { $(".deltabreen-color").wpColorPicker(); });' );
	}
);

add_action(
	'admin_menu',
	function () {
		add_options_page( __( 'Maps by DeltaBreen', 'maps-by-deltabreen' ), __( 'Maps by DeltaBreen', 'maps-by-deltabreen' ), 'manage_options', 'deltabreen-maps', 'deltabreen_maps_settings_page' );
	}
);

/** The settings screen. */
function deltabreen_maps_settings_page() {
	if ( ! current_user_can( 'manage_options' ) ) {
		return;
	}
	$o    = deltabreen_maps_options();
	$host = wp_parse_url( home_url(), PHP_URL_HOST );
	// phpcs:ignore WordPress.Security.NonceVerification.Recommended -- only picks which message to show.
	$result  = isset( $_GET['deltabreen_connect'] ) ? sanitize_key( wp_unslash( $_GET['deltabreen_connect'] ) ) : '';
	$message = '' !== $result ? deltabreen_maps_connect_message( $result ) : null;
	?>
	<div class="wrap">
		<h1><?php esc_html_e( 'Maps by DeltaBreen', 'maps-by-deltabreen' ); ?></h1>
		<?php if ( $message ) : ?>
			<div class="notice notice-<?php echo esc_attr( $message[0] ); ?>"><p><?php echo esc_html( $message[1] ); ?></p></div>
		<?php endif; ?>
		<?php deltabreen_maps_getting_started(); ?>
		<div class="card" style="max-width:720px">
			<?php if ( '' === $o['key'] ) : ?>
				<h2><?php esc_html_e( 'Connect this site', 'maps-by-deltabreen' ); ?></h2>
				<p>
					<?php
					printf(
						/* translators: %s: this site's host name. */
						esc_html__( 'Sign in to Maps by DeltaBreen, or create a free account, approve, and %s gets a map key of its own. Nothing to copy.', 'maps-by-deltabreen' ),
						'<code>' . esc_html( (string) $host ) . '</code>'
					);
					?>
				</p>
			<?php else : ?>
				<h2><?php esc_html_e( 'This site is connected', 'maps-by-deltabreen' ); ?></h2>
				<p><?php esc_html_e( 'Maps on this site use the key below. Check it any time a map does not show.', 'maps-by-deltabreen' ); ?></p>
			<?php endif; ?>
			<?php if ( deltabreen_maps_can_connect() ) : ?>
				<form method="post" action="<?php echo esc_url( admin_url( 'admin-post.php' ) ); ?>" style="display:inline-block;margin-right:8px">
					<input type="hidden" name="action" value="deltabreen_maps_connect" />
					<?php wp_nonce_field( 'deltabreen_maps_connect' ); ?>
					<button type="submit" class="button <?php echo '' === $o['key'] ? 'button-primary' : ''; ?>"><?php '' === $o['key'] ? esc_html_e( 'Connect with Maps by DeltaBreen', 'maps-by-deltabreen' ) : esc_html_e( 'Connect again', 'maps-by-deltabreen' ); ?></button>
				</form>
			<?php else : ?>
				<p class="description"><?php esc_html_e( 'Connecting needs this site to use HTTPS; paste a publishable key below instead.', 'maps-by-deltabreen' ); ?></p>
			<?php endif; ?>
			<?php if ( '' !== $o['key'] ) : ?>
				<button type="button" class="button" id="deltabreen-maps-check"><?php esc_html_e( 'Check my key', 'maps-by-deltabreen' ); ?></button>
			<?php endif; ?>
			<div id="deltabreen-maps-check-result" aria-live="polite" style="margin-top:8px"></div>
		</div>
		<form method="post" action="options.php">
			<?php settings_fields( 'deltabreen_maps' ); ?>
			<table class="form-table" role="presentation">
				<tr>
					<th scope="row"><label for="deltabreen-maps-key"><?php esc_html_e( 'Publishable key', 'maps-by-deltabreen' ); ?></label></th>
					<td>
						<input id="deltabreen-maps-key" name="deltabreen_maps[key]" type="text" class="regular-text code" value="<?php echo esc_attr( $o['key'] ); ?>" placeholder="pk_…" autocomplete="off" />
						<p class="description">
							<?php
							printf(
								/* translators: 1: the service's link, 2: this site's host name. */
								esc_html__( 'Filled in by Connect. Or make one yourself at %1$s (Keys → New key → Publishable), add %2$s to its allowed sites, and paste it here.', 'maps-by-deltabreen' ),
								'<a href="https://maps.deltabreen.eu/app/keys" target="_blank" rel="noopener">maps.deltabreen.eu</a>',
								'<code>' . esc_html( (string) $host ) . '</code>'
							);
							?>
						</p>
					</td>
				</tr>
				<tr>
					<th scope="row"><label for="deltabreen-maps-style"><?php esc_html_e( 'Default look', 'maps-by-deltabreen' ); ?></label></th>
					<td>
						<select id="deltabreen-maps-style" name="deltabreen_maps[style]">
							<option value="auto" <?php selected( $o['style'], 'auto' ); ?>><?php esc_html_e( 'Light or dark, as the visitor\'s device is', 'maps-by-deltabreen' ); ?></option>
							<?php foreach ( DELTABREEN_MAPS_LOOKS as $look ) : ?>
								<option value="<?php echo esc_attr( $look ); ?>" <?php selected( $o['style'], $look ); ?>><?php echo esc_html( ucfirst( $look ) ); ?></option>
							<?php endforeach; ?>
						</select>
						<p class="description"><?php esc_html_e( 'A block or shortcode can pick another, or a published style URL of your own.', 'maps-by-deltabreen' ); ?></p>
					</td>
				</tr>
				<tr>
					<th scope="row"><label for="deltabreen-maps-height"><?php esc_html_e( 'Default height', 'maps-by-deltabreen' ); ?></label></th>
					<td><input id="deltabreen-maps-height" name="deltabreen_maps[height]" type="text" class="small-text" style="width:6em" value="<?php echo esc_attr( $o['height'] ); ?>" /> <span class="description"><?php esc_html_e( 'e.g. 400px or 60vh', 'maps-by-deltabreen' ); ?></span></td>
				</tr>
				<tr>
					<th scope="row"><label for="deltabreen-maps-language"><?php esc_html_e( 'Label language', 'maps-by-deltabreen' ); ?></label></th>
					<td><input id="deltabreen-maps-language" name="deltabreen_maps[language]" type="text" class="small-text" value="<?php echo esc_attr( $o['language'] ); ?>" /> <span class="description"><?php esc_html_e( 'A code such as de or ja, or auto for each visitor\'s language; empty for local names.', 'maps-by-deltabreen' ); ?></span></td>
				</tr>
				<tr>
					<th scope="row"><label for="deltabreen-maps-units"><?php esc_html_e( 'Distances in', 'maps-by-deltabreen' ); ?></label></th>
					<td>
						<select id="deltabreen-maps-units" name="deltabreen_maps[units]">
							<option value="" <?php selected( $o['units'], '' ); ?>><?php esc_html_e( 'The usual unit for the site\'s language', 'maps-by-deltabreen' ); ?></option>
							<option value="km" <?php selected( $o['units'], 'km' ); ?>><?php esc_html_e( 'Kilometres', 'maps-by-deltabreen' ); ?></option>
							<option value="mi" <?php selected( $o['units'], 'mi' ); ?>><?php esc_html_e( 'Miles', 'maps-by-deltabreen' ); ?></option>
						</select>
						<p class="description"><?php esc_html_e( 'For the store locator.', 'maps-by-deltabreen' ); ?></p>
					</td>
				</tr>
				<tr>
					<th scope="row"><label for="deltabreen-maps-directions"><?php esc_html_e( 'Directions link', 'maps-by-deltabreen' ); ?></label></th>
					<td>
						<select id="deltabreen-maps-directions" name="deltabreen_maps[directions]">
							<option value="auto" <?php selected( $o['directions'], 'auto' ); ?>><?php esc_html_e( 'The visitor\'s own maps app (Apple Maps on iPhone, iPad and Mac; Google Maps elsewhere)', 'maps-by-deltabreen' ); ?></option>
							<option value="google" <?php selected( $o['directions'], 'google' ); ?>><?php esc_html_e( 'Always Google Maps', 'maps-by-deltabreen' ); ?></option>
							<option value="apple" <?php selected( $o['directions'], 'apple' ); ?>><?php esc_html_e( 'Always Apple Maps', 'maps-by-deltabreen' ); ?></option>
							<option value="off" <?php selected( $o['directions'], 'off' ); ?>><?php esc_html_e( 'No Directions link', 'maps-by-deltabreen' ); ?></option>
						</select>
						<p class="description"><?php esc_html_e( 'For pin popups and the store locator; a block or shortcode can choose otherwise.', 'maps-by-deltabreen' ); ?></p>
					</td>
				</tr>
				<tr>
					<th scope="row"><label for="deltabreen-maps-countries"><?php esc_html_e( 'Search in', 'maps-by-deltabreen' ); ?></label></th>
					<td><input id="deltabreen-maps-countries" name="deltabreen_maps[countries]" type="text" class="regular-text" placeholder="ie,gb" value="<?php echo esc_attr( $o['countries'] ); ?>" /> <span class="description"><?php esc_html_e( 'Two-letter country codes, comma-separated, that address searches keep to; empty for the whole world.', 'maps-by-deltabreen' ); ?></span></td>
				</tr>
				</table>
				<h2><?php esc_html_e( 'How maps behave', 'maps-by-deltabreen' ); ?></h2>
				<p class="description"><?php esc_html_e( 'For every map on the site; a block or shortcode can choose otherwise.', 'maps-by-deltabreen' ); ?></p>
				<table class="form-table" role="presentation">
					<tr>
						<th scope="row"><?php esc_html_e( 'Ask before showing maps', 'maps-by-deltabreen' ); ?></th>
						<td>
							<label><input name="deltabreen_maps[consent]" type="checkbox" value="1" <?php checked( 'click', $o['consent'] ); ?> /> <?php esc_html_e( 'Show a "Show map" button in each map\'s place, and load nothing from the map service until a visitor presses it', 'maps-by-deltabreen' ); ?></label>
							<p class="description"><?php esc_html_e( 'For cookie and privacy banners. Visitors can choose to always show maps on this site.', 'maps-by-deltabreen' ); ?></p>
						</td>
					</tr>
					<tr>
						<th scope="row"><label for="deltabreen-maps-cookie-tool"><?php esc_html_e( 'Follow a cookie banner', 'maps-by-deltabreen' ); ?></label></th>
						<td>
							<?php $deltabreen_found = deltabreen_maps_cookie_tool_found(); ?>
							<select id="deltabreen-maps-cookie-tool" name="deltabreen_maps[cookie_tool]">
								<option value="auto" <?php selected( $o['cookie_tool'], 'auto' ); ?>>
									<?php
									echo esc_html(
										'' !== $deltabreen_found
											/* translators: %s: the name of the cookie banner plugin this site runs. */
											? sprintf( __( 'The one this site runs: %s', 'maps-by-deltabreen' ), DELTABREEN_MAPS_COOKIE_TOOLS[ $deltabreen_found ] )
											: __( 'The one this site runs (none found)', 'maps-by-deltabreen' )
									);
									?>
								</option>
								<?php foreach ( DELTABREEN_MAPS_COOKIE_TOOLS as $deltabreen_key => $deltabreen_name ) : ?>
									<option value="<?php echo esc_attr( $deltabreen_key ); ?>" <?php selected( $o['cookie_tool'], $deltabreen_key ); ?>><?php echo esc_html( $deltabreen_name ); ?></option>
								<?php endforeach; ?>
								<option value="none" <?php selected( $o['cookie_tool'], 'none' ); ?>><?php esc_html_e( 'None: only the map\'s own Show map button', 'maps-by-deltabreen' ); ?></option>
							</select>
							<label><?php esc_html_e( 'its category or service', 'maps-by-deltabreen' ); ?> <input name="deltabreen_maps[cookie_category]" type="text" class="code" style="width:12em" placeholder="<?php echo esc_attr( deltabreen_maps_cookie_default( '' !== $deltabreen_found ? $deltabreen_found : 'complianz' ) ); ?>" value="<?php echo esc_attr( $o['cookie_category'] ); ?>" /></label>
							<p class="description"><?php esc_html_e( 'Maps that ask first start once the visitor agrees in the banner. Complianz: the marketing category. CookieYes: functional. Borlabs Cookie: a service with the ID deltabreen-maps, or the External Media group. Real Cookie Banner: a service with the unique name deltabreen-maps. Name another category or service to use that.', 'maps-by-deltabreen' ); ?></p>
						</td>
					</tr>
					<tr>
						<th scope="row"><label for="deltabreen-maps-lazy"><?php esc_html_e( 'When maps start', 'maps-by-deltabreen' ); ?></label></th>
						<td>
							<select id="deltabreen-maps-lazy" name="deltabreen_maps[lazy]">
								<option value="" <?php selected( $o['lazy'], '' ); ?>><?php esc_html_e( 'When they are scrolled near (a map nobody scrolls to is never a map load)', 'maps-by-deltabreen' ); ?></option>
								<option value="false" <?php selected( $o['lazy'], 'false' ); ?>><?php esc_html_e( 'As soon as the page opens', 'maps-by-deltabreen' ); ?></option>
							</select>
						</td>
					</tr>
					<tr>
						<th scope="row"><label for="deltabreen-maps-controls"><?php esc_html_e( 'Buttons', 'maps-by-deltabreen' ); ?></label></th>
						<td>
							<select id="deltabreen-maps-controls" name="deltabreen_maps[controls]">
								<option value="" <?php selected( $o['controls'], '' ); ?>><?php esc_html_e( 'Zoom and full screen', 'maps-by-deltabreen' ); ?></option>
								<option value="zoom" <?php selected( $o['controls'], 'zoom' ); ?>><?php esc_html_e( 'Zoom only', 'maps-by-deltabreen' ); ?></option>
								<option value="zoom,fullscreen,scale" <?php selected( $o['controls'], 'zoom,fullscreen,scale' ); ?>><?php esc_html_e( 'Zoom, full screen and a distance scale', 'maps-by-deltabreen' ); ?></option>
								<option value="none" <?php selected( $o['controls'], 'none' ); ?>><?php esc_html_e( 'None', 'maps-by-deltabreen' ); ?></option>
							</select>
						</td>
					</tr>
					<tr>
						<th scope="row"><label for="deltabreen-maps-gestures"><?php esc_html_e( 'Scrolling past maps', 'maps-by-deltabreen' ); ?></label></th>
						<td>
							<select id="deltabreen-maps-gestures" name="deltabreen_maps[gestures]">
								<option value="" <?php selected( $o['gestures'], '' ); ?>><?php esc_html_e( 'Two fingers or Ctrl move the map, so the page scrolls past it', 'maps-by-deltabreen' ); ?></option>
								<option value="greedy" <?php selected( $o['gestures'], 'greedy' ); ?>><?php esc_html_e( 'One finger or the mouse wheel moves the map', 'maps-by-deltabreen' ); ?></option>
								<option value="off" <?php selected( $o['gestures'], 'off' ); ?>><?php esc_html_e( 'The map stays still', 'maps-by-deltabreen' ); ?></option>
							</select>
						</td>
					</tr>
					<tr>
						<th scope="row"><label for="deltabreen-maps-theme"><?php esc_html_e( 'Panels and popups', 'maps-by-deltabreen' ); ?></label></th>
						<td>
							<select id="deltabreen-maps-theme" name="deltabreen_maps[theme]">
								<option value="" <?php selected( $o['theme'], '' ); ?>><?php esc_html_e( 'Light or dark, as the visitor\'s device is', 'maps-by-deltabreen' ); ?></option>
								<option value="light" <?php selected( $o['theme'], 'light' ); ?>><?php esc_html_e( 'Light', 'maps-by-deltabreen' ); ?></option>
								<option value="dark" <?php selected( $o['theme'], 'dark' ); ?>><?php esc_html_e( 'Dark', 'maps-by-deltabreen' ); ?></option>
							</select>
						</td>
					</tr>
					<tr>
						<th scope="row"><label for="deltabreen-maps-accent"><?php esc_html_e( 'Accent colour', 'maps-by-deltabreen' ); ?></label></th>
						<td>
							<input id="deltabreen-maps-accent" name="deltabreen_maps[accent]" type="text" class="deltabreen-color" value="<?php echo esc_attr( $o['accent'] ); ?>" />
							<p class="description"><?php esc_html_e( 'For the maps\' buttons and lists. Leave it empty to take your theme\'s own colour.', 'maps-by-deltabreen' ); ?></p>
						</td>
					</tr>
					<tr>
						<th scope="row"><?php esc_html_e( 'Locations for other sites and apps', 'maps-by-deltabreen' ); ?></th>
						<td>
							<label><input name="deltabreen_maps[public_locations]" type="checkbox" value="1" <?php checked( '1', $o['public_locations'] ); ?> /> <?php esc_html_e( 'Publish your map locations as a list other sites and apps may read', 'maps-by-deltabreen' ); ?></label>
							<p class="description">
								<?php
								printf(
									/* translators: %s: the list's address on this site. */
									esc_html__( 'At %s, in the shape a map\'s data-maps-pins-url takes. While this is off, the list answers nobody.', 'maps-by-deltabreen' ),
									'<code>' . esc_html( rest_url( 'deltabreen-maps/v1/locations' ) ) . '</code>'
								);
								?>
							</p>
						</td>
					</tr>
					</table>
					<h2><?php esc_html_e( 'Location pages and posts', 'maps-by-deltabreen' ); ?></h2>
					<table class="form-table" role="presentation">
						<tr>
							<th scope="row"><?php esc_html_e( 'A page for each location', 'maps-by-deltabreen' ); ?></th>
							<td>
								<label><input name="deltabreen_maps[location_pages]" type="checkbox" value="1" <?php checked( '1', $o['location_pages'] ); ?> /> <?php esc_html_e( 'Give each map location a page of its own, with its map, opening hours and contact details', 'maps-by-deltabreen' ); ?></label>
								<p class="description">
									<?php
									printf(
										/* translators: %s: an example address of a location's page. */
										esc_html__( 'At %s, with the data search engines read for local businesses, and a link to it from each pin. A draft page with a store locator is made to list them all.', 'maps-by-deltabreen' ),
										'<code>' . esc_html( home_url( '/' . deltabreen_maps_location_slug() . '/…/' ) ) . '</code>'
									);
									?>
								</p>
							</td>
						</tr>
						<tr>
							<th scope="row"><?php esc_html_e( 'Places on your posts', 'maps-by-deltabreen' ); ?></th>
							<td>
								<fieldset>
									<?php foreach ( deltabreen_maps_place_type_choices() as $name => $label ) : ?>
										<label style="margin-right:1em"><input name="deltabreen_maps[place_types][]" type="checkbox" value="<?php echo esc_attr( $name ); ?>" <?php checked( in_array( $name, (array) $o['place_types'], true ) ); ?> /> <?php echo esc_html( $label ); ?></label>
									<?php endforeach; ?>
								</fieldset>
								<p class="description"><?php esc_html_e( 'Posts of these types can have a place on the map: events, products or listings, say. A Map or Store locator block can then show them, each pin linking to its post.', 'maps-by-deltabreen' ); ?></p>
								<p><?php esc_html_e( 'Their place comes from:', 'maps-by-deltabreen' ); ?></p>
								<fieldset>
									<label><input name="deltabreen_maps[place_source]" type="radio" value="box" <?php checked( 'box', $o['place_source'] ); ?> /> <?php esc_html_e( 'A "Place on the map" box on each post', 'maps-by-deltabreen' ); ?></label><br />
									<label><input name="deltabreen_maps[place_source]" type="radio" value="acf" <?php checked( 'acf', $o['place_source'] ); ?> /> <?php esc_html_e( 'An ACF Google Map or OpenStreetMap field named', 'maps-by-deltabreen' ); ?></label>
									<input name="deltabreen_maps[place_acf]" type="text" class="regular-text code" style="width:12em" placeholder="location" value="<?php echo esc_attr( $o['place_acf'] ); ?>" /><br />
									<label><input name="deltabreen_maps[place_source]" type="radio" value="meta" <?php checked( 'meta', $o['place_source'] ); ?> /> <?php esc_html_e( 'Two custom fields: latitude in', 'maps-by-deltabreen' ); ?></label>
									<input name="deltabreen_maps[place_meta_lat]" type="text" class="code" style="width:10em" placeholder="latitude" value="<?php echo esc_attr( $o['place_meta_lat'] ); ?>" />
									<?php esc_html_e( 'and longitude in', 'maps-by-deltabreen' ); ?>
									<input name="deltabreen_maps[place_meta_lng]" type="text" class="code" style="width:10em" placeholder="longitude" value="<?php echo esc_attr( $o['place_meta_lng'] ); ?>" />
								</fieldset>
							</td>
						</tr>
					</table>
					<?php submit_button(); ?>
		</form>
		<?php deltabreen_maps_shortcode_builder(); ?>
		<h2><?php esc_html_e( 'Adding a map', 'maps-by-deltabreen' ); ?></h2>
		<p><?php esc_html_e( 'Use the Map block, or this shortcode anywhere:', 'maps-by-deltabreen' ); ?></p>
		<p><code>[deltabreen_map center="-6.26,53.35" zoom="13" marker="true"]</code></p>
		<p class="description"><?php esc_html_e( 'Attributes: center (longitude,latitude), zoom (0–22), marker (true for the centre, or longitude,latitude), style, height and language; locations="all" or a category slug to show your map locations, filter="true" for category buttons, locate="true" for a "where am I" button, directions (auto, google, apple or off).', 'maps-by-deltabreen' ); ?></p>
		<p><?php esc_html_e( 'Pins of your own, inside the map shortcode:', 'maps-by-deltabreen' ); ?></p>
		<p><code>[deltabreen_map][deltabreen_pin lnglat="-6.26,53.35" title="Our office" color="#1d4ed8"]Ring the bell[/deltabreen_pin][/deltabreen_map]</code></p>
		<p class="description"><?php esc_html_e( 'A pin also takes photo, button and button_url (a button of your own), and icon (your own image instead of the coloured pin, on Lite and above).', 'maps-by-deltabreen' ); ?></p>
		<p><?php esc_html_e( 'A map made in your Maps by DeltaBreen dashboard, with its pins and settings kept there: its id or address as map, or the Map block\'s "A map from your dashboard".', 'maps-by-deltabreen' ); ?></p>
		<p><code>[deltabreen_map map="…"]</code></p>
		<h2><?php esc_html_e( 'A store locator', 'maps-by-deltabreen' ); ?></h2>
		<p>
			<?php
			printf(
				/* translators: %s: a link to the Map locations screen. */
				esc_html__( 'Add your places under %s (one by one, or import a spreadsheet), then use the Store locator block or this shortcode:', 'maps-by-deltabreen' ),
				'<a href="' . esc_url( admin_url( 'edit.php?post_type=deltabreen_location' ) ) . '">' . esc_html__( 'Map locations', 'maps-by-deltabreen' ) . '</a>'
			);
			?>
		</p>
		<p><code>[deltabreen_store_locator radius="25"]</code></p>
		<p class="description"><?php esc_html_e( 'Attributes: category (slugs, comma-separated), radius, units (km or mi), country (codes), style, height, language and directions. Each visitor search uses one search from your plan; suggestions while typing, "Use my location" and directions are free.', 'maps-by-deltabreen' ); ?></p>
	</div>
	<?php
}

/** Getting started, until the first map is live: connect, add a map from a ready-made page, see it on the site. */
function deltabreen_maps_getting_started() {
	if ( get_option( 'deltabreen_maps_first_map' ) ) {
		return;
	}
	$connected = '' !== deltabreen_maps_options()['key'];
	$steps     = array(
		array( $connected, __( 'Connect this site, below.', 'maps-by-deltabreen' ) ),
		array( false, __( 'Add a map: start from a ready-made page, or add the Map block to any page.', 'maps-by-deltabreen' ) ),
		array( false, __( 'Open the page: the map shows the first time it is viewed.', 'maps-by-deltabreen' ) ),
	);
	?>
	<div class="card" style="max-width:720px">
		<h2><?php esc_html_e( 'Getting started', 'maps-by-deltabreen' ); ?></h2>
		<ol>
			<?php foreach ( $steps as $step ) : ?>
				<li><?php if ( $step[0] ) : ?><span aria-hidden="true">✓ </span><?php endif; ?><?php echo esc_html( $step[1] ); ?></li>
			<?php endforeach; ?>
		</ol>
		<p><a class="button button-primary" href="<?php echo esc_url( admin_url( 'admin.php?page=deltabreen-maps-setup' ) ); ?>"><?php esc_html_e( 'Start with a ready-made page', 'maps-by-deltabreen' ); ?></a></p>
	</div>
	<?php
}

/** A form that writes a shortcode, for page builders that take shortcodes rather than blocks. */
function deltabreen_maps_shortcode_builder() {
	?>
	<div class="card" style="max-width:720px" id="deltabreen-shortcode-builder">
		<h2><?php esc_html_e( 'Shortcode builder', 'maps-by-deltabreen' ); ?></h2>
		<p class="description"><?php esc_html_e( 'For page builders that take a shortcode: choose, then copy what it writes.', 'maps-by-deltabreen' ); ?></p>
		<table class="form-table" role="presentation">
			<tr>
				<th scope="row"><label for="deltabreen-sc-kind"><?php esc_html_e( 'What', 'maps-by-deltabreen' ); ?></label></th>
				<td>
					<select id="deltabreen-sc-kind" data-sc="kind">
						<option value="map"><?php esc_html_e( 'A map', 'maps-by-deltabreen' ); ?></option>
						<option value="locator"><?php esc_html_e( 'A store locator', 'maps-by-deltabreen' ); ?></option>
					</select>
				</td>
			</tr>
			<tr data-for="map">
				<th scope="row"><label for="deltabreen-sc-center"><?php esc_html_e( 'Centre (longitude, latitude)', 'maps-by-deltabreen' ); ?></label></th>
				<td><input id="deltabreen-sc-center" data-sc="center" type="text" placeholder="-6.26,53.35" /> <label><?php esc_html_e( 'Zoom', 'maps-by-deltabreen' ); ?> <input data-sc="zoom" type="number" min="0" max="22" step="1" style="width:5em" /></label></td>
			</tr>
			<tr data-for="map">
				<th scope="row"><label for="deltabreen-sc-locations"><?php esc_html_e( 'Also show my map locations', 'maps-by-deltabreen' ); ?></label></th>
				<td>
					<select id="deltabreen-sc-locations" data-sc="locations">
						<option value=""><?php esc_html_e( 'None', 'maps-by-deltabreen' ); ?></option>
						<option value="all"><?php esc_html_e( 'All my locations', 'maps-by-deltabreen' ); ?></option>
						<?php foreach ( deltabreen_maps_categories() as $term ) : ?>
							<option value="<?php echo esc_attr( $term->slug ); ?>"><?php echo esc_html( $term->name ); ?></option>
						<?php endforeach; ?>
					</select>
					<label><input data-sc="filter" type="checkbox" /> <?php esc_html_e( 'Category buttons over the map', 'maps-by-deltabreen' ); ?></label>
				</td>
			</tr>
			<tr data-for="map">
				<th scope="row"><label for="deltabreen-sc-list"><?php esc_html_e( 'A list of the pins', 'maps-by-deltabreen' ); ?></label></th>
				<td>
					<select id="deltabreen-sc-list" data-sc="list">
						<option value=""><?php esc_html_e( 'None', 'maps-by-deltabreen' ); ?></option>
						<option value="left"><?php esc_html_e( 'On the left', 'maps-by-deltabreen' ); ?></option>
						<option value="right"><?php esc_html_e( 'On the right', 'maps-by-deltabreen' ); ?></option>
						<option value="below"><?php esc_html_e( 'Below the map', 'maps-by-deltabreen' ); ?></option>
					</select>
					<label><input data-sc="search" type="checkbox" /> <?php esc_html_e( 'A search box on the map', 'maps-by-deltabreen' ); ?></label>
				</td>
			</tr>
			<tr data-for="locator">
				<th scope="row"><label for="deltabreen-sc-category"><?php esc_html_e( 'Locations', 'maps-by-deltabreen' ); ?></label></th>
				<td>
					<select id="deltabreen-sc-category" data-sc="category">
						<option value=""><?php esc_html_e( 'All my locations', 'maps-by-deltabreen' ); ?></option>
						<?php foreach ( deltabreen_maps_categories() as $term ) : ?>
							<option value="<?php echo esc_attr( $term->slug ); ?>"><?php echo esc_html( $term->name ); ?></option>
						<?php endforeach; ?>
					</select>
					<label><?php esc_html_e( 'Radius', 'maps-by-deltabreen' ); ?> <input data-sc="radius" type="number" min="1" max="1000" value="25" style="width:5em" /></label>
				</td>
			</tr>
			<tr>
				<th scope="row"><label for="deltabreen-sc-directions"><?php esc_html_e( 'Directions', 'maps-by-deltabreen' ); ?></label></th>
				<td>
					<select id="deltabreen-sc-directions" data-sc="directions">
						<option value=""><?php esc_html_e( 'Site default', 'maps-by-deltabreen' ); ?></option>
						<option value="auto"><?php esc_html_e( 'The visitor\'s own maps app', 'maps-by-deltabreen' ); ?></option>
						<option value="route"><?php esc_html_e( 'Drawn on this page (each route uses one search)', 'maps-by-deltabreen' ); ?></option>
						<option value="off"><?php esc_html_e( 'No Directions link', 'maps-by-deltabreen' ); ?></option>
					</select>
				</td>
			</tr>
			<tr>
				<th scope="row"><label for="deltabreen-sc-height"><?php esc_html_e( 'Height', 'maps-by-deltabreen' ); ?></label></th>
				<td>
					<input id="deltabreen-sc-height" data-sc="height" type="text" placeholder="400px" style="width:7em" />
					<label><input data-sc="consent" type="checkbox" /> <?php esc_html_e( 'Ask before showing the map', 'maps-by-deltabreen' ); ?></label>
				</td>
			</tr>
		</table>
		<p><code id="deltabreen-sc-out" style="display:block;padding:8px;white-space:pre-wrap">[deltabreen_map]</code></p>
		<p><button type="button" class="button" id="deltabreen-sc-copy"><?php esc_html_e( 'Copy', 'maps-by-deltabreen' ); ?></button> <span id="deltabreen-sc-copied" aria-live="polite"></span></p>
	</div>
	<?php
}