<?php
/**
 * Plugin Name:       Causefolk Embed
 * Plugin URI:        https://causefolk.com/blog/signups-on-your-own-website
 * Description:       Put your Causefolk shift sign-up on any page of your site with a block or a shortcode. Your folk sign up without leaving your website.
 * Version:           2.2.0
 * Requires at least: 6.4
 * Requires PHP:      8.0
 * Author:            Causefolk
 * Author URI:        https://causefolk.com
 * License:           GPL-2.0-or-later
 * License URI:       https://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain:       causefolk-embed
 *
 * The plugin holds no data beyond its settings and makes no API calls: it prints the embed
 * script tag the Causefolk admin shows on its Settings page, and the script is loaded from the
 * Causefolk service (https://causefolk.com) in the visitor's browser.
 */

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

/** The plugin's version, also the cache-busting version of the block's editor script; keep it equal to the header's. */
const CAUSEFOLK_EMBED_VERSION             = '2.2.0';
/** The production root domain of the Causefolk service. The Root domain setting overrides it (staging, self-hosted, local development). */
const CAUSEFOLK_EMBED_DEFAULT_ROOT_DOMAIN = 'causefolk.com';
const CAUSEFOLK_EMBED_DEV_ROOT_HOSTNAME   = 'localtest.me';
const CAUSEFOLK_EMBED_SLUG_PATTERN        = '/^[a-z0-9](?:[a-z0-9-]{1,61}[a-z0-9])?$/';
const CAUSEFOLK_EMBED_UUID_PATTERN        = '/^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i';
const CAUSEFOLK_EMBED_ACCENT_PATTERN      = '/^#[0-9a-f]{6}$/i';
const CAUSEFOLK_EMBED_LANGUAGES           = array( 'en', 'es' );
const CAUSEFOLK_EMBED_HOST_PATTERN        = '/^(?:[a-z0-9](?:[a-z0-9-]{0,61}[a-z0-9])?\.)*[a-z0-9](?:[a-z0-9-]{0,61}[a-z0-9])?(?::\d{1,5})?$/';
const CAUSEFOLK_EMBED_MENU_SLUG           = 'causefolk-embed';

/* ---------------------------------------------------------------------------------------------
 * Service addresses (shared by the renderer and the admin page)
 * ------------------------------------------------------------------------------------------- */

/**
 * The scheme the embed script is loaded with. `auto` (the default) mirrors the app's rule:
 * http for the local development root, https anywhere else. `https` lets a local
 * `pnpm dev:https` server be embedded inside an https site (mirrors `rootScheme` in the app).
 */
function causefolk_embed_scheme( string $root_domain, string $setting = 'auto' ): string {
	if ( 'http' === $setting || 'https' === $setting ) {
		return $setting;
	}
	$is_dev = CAUSEFOLK_EMBED_DEV_ROOT_HOSTNAME === $root_domain
		|| str_starts_with( $root_domain, CAUSEFOLK_EMBED_DEV_ROOT_HOSTNAME . ':' );
	return $is_dev ? 'http' : 'https';
}

/** The stored root domain when it is a valid host, else the production default. */
function causefolk_embed_root_domain(): string {
	$root_domain = strtolower( trim( (string) get_option( 'causefolk_embed_root_domain', CAUSEFOLK_EMBED_DEFAULT_ROOT_DOMAIN ) ) );
	return preg_match( CAUSEFOLK_EMBED_HOST_PATTERN, $root_domain ) ? $root_domain : CAUSEFOLK_EMBED_DEFAULT_ROOT_DOMAIN;
}

/**
 * An absolute URL on the service: `{scheme}://{subdomain.}{root_domain}{path}`. Pure, so the
 * check script can pin it; `causefolk_embed_service_url` applies the stored settings.
 */
function causefolk_embed_build_url( string $root_domain, string $scheme_setting, string $subdomain, string $path ): string {
	$host = '' === $subdomain ? $root_domain : $subdomain . '.' . $root_domain;
	return causefolk_embed_scheme( $root_domain, $scheme_setting ) . '://' . $host . $path;
}

function causefolk_embed_service_url( string $path = '/', string $subdomain = '' ): string {
	return causefolk_embed_build_url(
		causefolk_embed_root_domain(),
		(string) get_option( 'causefolk_embed_root_scheme', 'auto' ),
		$subdomain,
		$path
	);
}

/** The stored organization slug when valid, else ''. */
function causefolk_embed_org_slug(): string {
	$slug = strtolower( trim( (string) get_option( 'causefolk_embed_org_slug', '' ) ) );
	return preg_match( CAUSEFOLK_EMBED_SLUG_PATTERN, $slug ) ? $slug : '';
}

/**
 * The service's self-serve signup, tagged so the service knows the visitor came from this plugin,
 * with this site's Causefolk page as the way back: once the organization exists, the service offers
 * a link to it with the new slug in the query (`?causefolk_slug=`), which the settings page prefills.
 */
function causefolk_embed_signup_url(): string {
	return causefolk_embed_service_url( '/signup?' . causefolk_embed_handoff_query(), 'app' );
}

/**
 * The service's connect page for a site whose owner already has an organization: it signs them in if
 * needed, then sends them back here with the slug filled in (straight away with one organization, after
 * a choice with several).
 */
function causefolk_embed_connect_url(): string {
	return causefolk_embed_service_url( '/connect?' . causefolk_embed_handoff_query(), 'app' );
}

/** `ref=wordpress-plugin&return=<this site's Causefolk page>`: the query both service links carry. */
function causefolk_embed_handoff_query(): string {
	$return = admin_url( 'admin.php?page=' . CAUSEFOLK_EMBED_MENU_SLUG );
	return 'ref=wordpress-plugin&return=' . rawurlencode( $return );
}

/**
 * A slug handed to the settings page in its query (`?causefolk_slug=…`, the way the service can
 * send a new organization back to this site): valid and lowercased, or '' for anything else.
 * It only prefills the field; nothing is saved until the form is submitted.
 */
function causefolk_embed_prefill_slug( $value ): string {
	$slug = strtolower( trim( is_string( $value ) ? $value : '' ) );
	return preg_match( CAUSEFOLK_EMBED_SLUG_PATTERN, $slug ) ? $slug : '';
}

/**
 * A supported language code (`en`, `es`), lowercased and trimmed, or '' for anything else (the
 * embed then follows the organization's volunteer language).
 */
function causefolk_embed_language( $value ): string {
	$lang = strtolower( trim( is_string( $value ) ? $value : '' ) );
	return in_array( $lang, CAUSEFOLK_EMBED_LANGUAGES, true ) ? $lang : '';
}

/* ---------------------------------------------------------------------------------------------
 * Renderer (shared by the shortcode and the block)
 * ------------------------------------------------------------------------------------------- */

/**
 * The embed `<script>` tag for the configured organization. Invalid `opportunity` / `accent` /
 * `lang` values are dropped silently. Returns '' when no organization slug is configured. The
 * language is the shortcode's or block's `lang` when valid, else the Language setting, else none
 * (the organization's volunteer language applies).
 *
 * @param array $args Optional `opportunity` (UUID), `accent` (#rrggbb) and `lang` (en, es).
 */
function causefolk_embed_render_snippet( array $args ): string {
	$slug = causefolk_embed_org_slug();
	if ( '' === $slug ) {
		if ( current_user_can( 'manage_options' ) ) {
			// A translation is third-party text: keep it from closing the comment early.
			return '<!-- ' . str_replace( '--', '', __( 'Causefolk Embed: set your organization slug under Causefolk in the WordPress admin menu.', 'causefolk-embed' ) ) . ' -->';
		}
		return '';
	}

	$opportunity = isset( $args['opportunity'] ) && is_string( $args['opportunity'] ) ? strtolower( trim( $args['opportunity'] ) ) : '';
	$accent      = isset( $args['accent'] ) && is_string( $args['accent'] ) ? strtolower( trim( $args['accent'] ) ) : '';
	$lang        = causefolk_embed_language( $args['lang'] ?? '' );
	if ( '' === $lang ) {
		$lang = causefolk_embed_language( get_option( 'causefolk_embed_lang', '' ) );
	}

	$attributes = array(
		'src="' . esc_url( causefolk_embed_service_url( '/embed.js' ) ) . '"',
		'data-org="' . esc_attr( $slug ) . '"',
	);
	if ( preg_match( CAUSEFOLK_EMBED_UUID_PATTERN, $opportunity ) ) {
		$attributes[] = 'data-opportunity="' . esc_attr( $opportunity ) . '"';
	}
	if ( preg_match( CAUSEFOLK_EMBED_ACCENT_PATTERN, $accent ) ) {
		$attributes[] = 'data-accent="' . esc_attr( $accent ) . '"';
	}
	if ( '' !== $lang ) {
		$attributes[] = 'data-lang="' . esc_attr( $lang ) . '"';
	}

	return '<script ' . implode( ' ', $attributes ) . '></script>';
}

/* ---------------------------------------------------------------------------------------------
 * Shortcode and block
 * ------------------------------------------------------------------------------------------- */

/** [causefolk_embed opportunity="" accent="" lang=""] */
function causefolk_embed_shortcode( $atts ): string {
	$atts = shortcode_atts(
		array(
			'opportunity' => '',
			'accent'      => '',
			'lang'        => '',
		),
		$atts,
		'causefolk_embed'
	);
	return causefolk_embed_render_snippet( $atts );
}
add_shortcode( 'causefolk_embed', 'causefolk_embed_shortcode' );

/** Server-side render of the `causefolk-embed/embed` block. */
function causefolk_embed_render_block( $attributes ): string {
	return causefolk_embed_render_snippet( is_array( $attributes ) ? $attributes : array() );
}

function causefolk_embed_register_block(): void {
	wp_register_script(
		'causefolk_embed_block_editor',
		plugins_url( 'block.js', __FILE__ ),
		array( 'wp-blocks', 'wp-element', 'wp-block-editor', 'wp-components', 'wp-i18n' ),
		CAUSEFOLK_EMBED_VERSION,
		true
	);
	wp_add_inline_script(
		'causefolk_embed_block_editor',
		'window.causefolkEmbed = ' . wp_json_encode(
			array(
				'configured'  => '' !== causefolk_embed_org_slug(),
				'settingsUrl' => admin_url( 'admin.php?page=' . CAUSEFOLK_EMBED_MENU_SLUG ),
				'signupUrl'   => causefolk_embed_signup_url(),
				'connectUrl'  => causefolk_embed_connect_url(),
			)
		) . ';',
		'before'
	);
	register_block_type(
		__DIR__ . '/block.json',
		array( 'render_callback' => 'causefolk_embed_render_block' )
	);
}
add_action( 'init', 'causefolk_embed_register_block' );

/* ---------------------------------------------------------------------------------------------
 * Settings
 * ------------------------------------------------------------------------------------------- */

/** Lowercased slug matching the app's slug format; empty clears it; anything else keeps the previous value. */
function causefolk_embed_sanitize_org_slug( $value ): string {
	$slug = strtolower( trim( is_string( $value ) ? $value : '' ) );
	if ( '' === $slug || preg_match( CAUSEFOLK_EMBED_SLUG_PATTERN, $slug ) ) {
		return $slug;
	}
	add_settings_error(
		'causefolk_embed_org_slug',
		'causefolk_embed_invalid_slug',
		__( 'The organization slug is lowercase letters, digits and hyphens, at most 63 characters, and cannot start or end with a hyphen.', 'causefolk-embed' )
	);
	return (string) get_option( 'causefolk_embed_org_slug', '' );
}

/** A hostname with optional port: no scheme, no path. Empty resets to the default; invalid input keeps the previous value. */
function causefolk_embed_sanitize_root_domain( $value ): string {
	$host = strtolower( trim( is_string( $value ) ? $value : '' ) );
	if ( '' === $host ) {
		return CAUSEFOLK_EMBED_DEFAULT_ROOT_DOMAIN;
	}
	if ( strlen( $host ) <= 260 && preg_match( CAUSEFOLK_EMBED_HOST_PATTERN, $host ) ) {
		return $host;
	}
	add_settings_error(
		'causefolk_embed_root_domain',
		'causefolk_embed_invalid_root_domain',
		__( 'The root domain must be a host name such as causefolk.com, without https:// or a path.', 'causefolk-embed' )
	);
	return (string) get_option( 'causefolk_embed_root_domain', CAUSEFOLK_EMBED_DEFAULT_ROOT_DOMAIN );
}

/** One of `auto`, `http`, `https`; anything else falls back to `auto`. */
function causefolk_embed_sanitize_root_scheme( $value ): string {
	$value = strtolower( trim( (string) $value ) );
	return in_array( $value, array( 'auto', 'http', 'https' ), true ) ? $value : 'auto';
}

function causefolk_embed_register_settings(): void {
	register_setting(
		'causefolk_embed',
		'causefolk_embed_org_slug',
		array(
			'type'              => 'string',
			'default'           => '',
			'sanitize_callback' => 'causefolk_embed_sanitize_org_slug',
		)
	);
	register_setting(
		'causefolk_embed',
		'causefolk_embed_root_domain',
		array(
			'type'              => 'string',
			'default'           => CAUSEFOLK_EMBED_DEFAULT_ROOT_DOMAIN,
			'sanitize_callback' => 'causefolk_embed_sanitize_root_domain',
		)
	);
	register_setting(
		'causefolk_embed',
		'causefolk_embed_lang',
		array(
			'type'              => 'string',
			'default'           => '',
			'sanitize_callback' => 'causefolk_embed_language',
		)
	);
	register_setting(
		'causefolk_embed',
		'causefolk_embed_root_scheme',
		array(
			'type'              => 'string',
			'default'           => 'auto',
			'sanitize_callback' => 'causefolk_embed_sanitize_root_scheme',
		)
	);
}
add_action( 'admin_init', 'causefolk_embed_register_settings' );

/* ---------------------------------------------------------------------------------------------
 * Admin menu and page
 * ------------------------------------------------------------------------------------------- */

/**
 * The Causefolk mark as a data URI for the admin menu. Fill-only shapes (the stroke is drawn as a
 * rounded rectangle), so WordPress can recolor it to the admin color scheme.
 */
function causefolk_embed_menu_icon(): string {
	$svg = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><circle cx="10" cy="25" r="5.5" fill="black"/><rect x="-19.6" y="-4" width="39.2" height="8" rx="4" transform="translate(30.25 23.75) rotate(-48.9)" fill="black"/></svg>';
	return 'data:image/svg+xml;base64,' . base64_encode( $svg );
}

function causefolk_embed_add_menu(): void {
	add_menu_page(
		__( 'Causefolk', 'causefolk-embed' ),
		__( 'Causefolk', 'causefolk-embed' ),
		'manage_options',
		CAUSEFOLK_EMBED_MENU_SLUG,
		'causefolk_embed_render_settings_page',
		causefolk_embed_menu_icon(),
		'58.7'
	);
}
add_action( 'admin_menu', 'causefolk_embed_add_menu' );

/** A "Settings" link on the Plugins list, next to Deactivate. */
function causefolk_embed_action_links( $links ): array {
	if ( ! is_array( $links ) ) {
		$links = array();
	}
	$settings = '<a href="' . esc_url( admin_url( 'admin.php?page=' . CAUSEFOLK_EMBED_MENU_SLUG ) ) . '">' . esc_html__( 'Settings', 'causefolk-embed' ) . '</a>';
	array_unshift( $links, $settings );
	return $links;
}
add_filter( 'plugin_action_links_' . plugin_basename( __FILE__ ), 'causefolk_embed_action_links' );

/** The page's styles, registered as an inline stylesheet on its own screen only. */
function causefolk_embed_admin_styles( string $hook_suffix ): void {
	if ( 'toplevel_page_' . CAUSEFOLK_EMBED_MENU_SLUG !== $hook_suffix ) {
		return;
	}
	wp_register_style( 'causefolk-embed-admin', false, array(), CAUSEFOLK_EMBED_VERSION );
	wp_enqueue_style( 'causefolk-embed-admin' );
	wp_add_inline_style(
		'causefolk-embed-admin',
		'.causefolk-embed-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start;margin-top:12px}'
		. '@media (max-width:1100px){.causefolk-embed-layout{grid-template-columns:minmax(0,1fr)}}'
		. '.causefolk-embed-card{background:#fff;border:1px solid #dcdde0;border-radius:12px;padding:20px 22px;margin-bottom:16px}'
		. '.causefolk-embed-panel{background:#f5f4fd;border:1px solid #dcddf0;border-radius:12px;padding:22px 24px}'
		. '.causefolk-embed-panel h2{margin:0 0 6px;font-size:20px;line-height:1.2;color:#15172b}'
		. '.causefolk-embed-panel h2 em{font-style:italic;font-weight:400}'
		. '.causefolk-embed-panel p{color:#3e4260;margin:0 0 12px}'
		. '.causefolk-embed-panel .button-primary{background:#ff6a3d;border-color:#ff6a3d;color:#15172b;text-shadow:none;box-shadow:none;font-weight:600}'
		. '.causefolk-embed-panel .button-primary:hover,.causefolk-embed-panel .button-primary:focus{background:#ffb089;border-color:#ffb089;color:#15172b}'
		. '.causefolk-embed-panel .button{margin:4px 8px 4px 0}'
		. '.causefolk-embed-mark{display:inline-block;width:28px;height:28px;vertical-align:middle;margin-right:8px}'
		. '.causefolk-embed-links{margin:12px 0 0;padding:0;list-style:none}'
		. '.causefolk-embed-links li{margin:0 0 6px}'
		. '.causefolk-embed-code{display:block;margin:6px 0 10px;padding:8px 10px;background:#f6f7f7;border-radius:6px}'
	);
}
add_action( 'admin_enqueue_scripts', 'causefolk_embed_admin_styles' );

/* ---------------------------------------------------------------------------------------------
 * Getting people to the service: the activation redirect and the "not connected" notice
 * ------------------------------------------------------------------------------------------- */

/** On activation, remember to open the plugin's page on the next admin request (single activations only). */
function causefolk_embed_activate( $network_wide = false ): void {
	if ( $network_wide ) {
		return;
	}
	set_transient( 'causefolk_embed_activation_redirect', get_current_user_id(), 60 );
}
register_activation_hook( __FILE__, 'causefolk_embed_activate' );

/** Sends the activating administrator to the plugin's page once, never during a bulk activation. */
function causefolk_embed_maybe_redirect_after_activation(): void {
	$user_id = get_transient( 'causefolk_embed_activation_redirect' );
	if ( false === $user_id ) {
		return;
	}
	delete_transient( 'causefolk_embed_activation_redirect' );
	// phpcs:ignore WordPress.Security.NonceVerification.Recommended -- read only to detect a bulk activation.
	if ( isset( $_GET['activate-multi'] ) || (int) $user_id !== get_current_user_id() || ! current_user_can( 'manage_options' ) || wp_doing_ajax() ) {
		return;
	}
	wp_safe_redirect( admin_url( 'admin.php?page=' . CAUSEFOLK_EMBED_MENU_SLUG ) );
	exit;
}
add_action( 'admin_init', 'causefolk_embed_maybe_redirect_after_activation' );

/** Records the current user's dismissal of the connect notice (a nonce-checked GET from the notice itself). */
function causefolk_embed_handle_notice_dismiss(): void {
	if ( ! isset( $_GET['causefolk_embed_dismiss'] ) || ! current_user_can( 'manage_options' ) ) {
		return;
	}
	check_admin_referer( 'causefolk_embed_dismiss' );
	update_user_meta( get_current_user_id(), 'causefolk_embed_notice_dismissed', '1' );
	wp_safe_redirect( remove_query_arg( array( 'causefolk_embed_dismiss', '_wpnonce' ) ) );
	exit;
}
add_action( 'admin_init', 'causefolk_embed_handle_notice_dismiss' );

/**
 * Whether the "not connected" notice shows on this screen: only to administrators, only while no
 * slug is saved, only on the dashboard and the plugins list, never on the plugin's own page, and
 * not after the user dismissed it. Pure, so the check script can pin the rules.
 */
function causefolk_embed_notice_wanted( string $screen_id, bool $configured, bool $can_manage, bool $dismissed ): bool {
	return $can_manage && ! $configured && ! $dismissed && in_array( $screen_id, array( 'dashboard', 'plugins' ), true );
}

function causefolk_embed_connect_notice(): void {
	$screen = function_exists( 'get_current_screen' ) ? get_current_screen() : null;
	$wanted = causefolk_embed_notice_wanted(
		$screen ? (string) $screen->id : '',
		'' !== causefolk_embed_org_slug(),
		current_user_can( 'manage_options' ),
		'1' === (string) get_user_meta( get_current_user_id(), 'causefolk_embed_notice_dismissed', true )
	);
	if ( ! $wanted ) {
		return;
	}
	$settings_url = admin_url( 'admin.php?page=' . CAUSEFOLK_EMBED_MENU_SLUG );
	$dismiss_url  = wp_nonce_url( add_query_arg( 'causefolk_embed_dismiss', '1' ), 'causefolk_embed_dismiss' );
	?>
	<div class="notice notice-info">
		<p>
			<strong><?php echo esc_html__( 'Causefolk Embed is active but not connected yet.', 'causefolk-embed' ); ?></strong>
			<?php echo esc_html__( 'Start a free trial to create your organization, or connect the one you already have, and your folk can sign up for shifts on this site.', 'causefolk-embed' ); ?>
		</p>
		<p>
			<a class="button button-primary" href="<?php echo esc_url( causefolk_embed_signup_url() ); ?>"><?php echo esc_html__( 'Start your free trial', 'causefolk-embed' ); ?></a>
			<a class="button" href="<?php echo esc_url( causefolk_embed_connect_url() ); ?>"><?php echo esc_html__( 'I already have an organization', 'causefolk-embed' ); ?></a>
			<a href="<?php echo esc_url( $settings_url ); ?>" style="margin-left:8px"><?php echo esc_html__( 'Enter the slug by hand', 'causefolk-embed' ); ?></a>
			<a href="<?php echo esc_url( $dismiss_url ); ?>" style="margin-left:8px"><?php echo esc_html__( 'Dismiss', 'causefolk-embed' ); ?></a>
		</p>
	</div>
	<?php
}
add_action( 'admin_notices', 'causefolk_embed_connect_notice' );

/** The brand mark in color, for the page itself (never recolored). */
function causefolk_embed_mark_svg(): string {
	return '<svg class="causefolk-embed-mark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" aria-hidden="true" focusable="false"><circle cx="10" cy="25" r="5.5" fill="#4A3FE8"/><path d="M20 35.5 L40.5 12" stroke="#FF6A3D" stroke-width="8" stroke-linecap="round" fill="none"/></svg>';
}

function causefolk_embed_render_settings_page(): void {
	if ( ! current_user_can( 'manage_options' ) ) {
		return;
	}
	$slug          = causefolk_embed_org_slug();
	$signup_url    = causefolk_embed_signup_url();
	// phpcs:ignore WordPress.Security.NonceVerification.Recommended -- a prefill for the form field only; saving still goes through options.php and its nonce.
	$prefill       = '' === $slug ? causefolk_embed_prefill_slug( sanitize_text_field( wp_unslash( $_GET['causefolk_slug'] ?? '' ) ) ) : '';
	$dashboard_url = '' === $slug ? '' : causefolk_embed_service_url( '/orgs/' . rawurlencode( $slug ), 'app' );
	$portal_url    = '' === $slug ? '' : causefolk_embed_service_url( '/', $slug );
	$blog_url      = causefolk_embed_service_url( '/blog' );
	$lang_value    = causefolk_embed_language( get_option( 'causefolk_embed_lang', '' ) );
	$scheme_value  = (string) get_option( 'causefolk_embed_root_scheme', 'auto' );
	?>
	<div class="wrap">
		<h1><?php echo causefolk_embed_mark_svg(); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- a constant SVG the plugin defines. ?><?php echo esc_html( get_admin_page_title() ); ?></h1>
		<?php settings_errors(); // A top-level menu page shows no notices by itself (only Settings submenus include options-head.php). ?>
		<div class="causefolk-embed-layout">
			<div>
				<div class="causefolk-embed-card">
					<h2><?php echo esc_html__( 'Settings', 'causefolk-embed' ); ?></h2>
					<form action="options.php" method="post">
						<?php settings_fields( 'causefolk_embed' ); ?>
						<table class="form-table" role="presentation">
							<tr>
								<th scope="row"><label for="causefolk_embed_org_slug"><?php echo esc_html__( 'Organization slug', 'causefolk-embed' ); ?></label></th>
								<td>
									<input name="causefolk_embed_org_slug" id="causefolk_embed_org_slug" type="text" class="regular-text" value="<?php echo esc_attr( '' !== $prefill ? $prefill : (string) get_option( 'causefolk_embed_org_slug', '' ) ); ?>" autocomplete="off" spellcheck="false" />
									<?php if ( '' !== $prefill ) : ?>
										<p class="description"><strong><?php echo esc_html__( 'Your organization slug is filled in. Save changes to connect this site.', 'causefolk-embed' ); ?></strong></p>
									<?php endif; ?>
									<p class="description"><?php echo esc_html__( 'The data-org value in the embed snippet on your Causefolk Settings page. It is also the first part of your portal address.', 'causefolk-embed' ); ?></p>
								</td>
							</tr>
							<tr>
								<th scope="row"><label for="causefolk_embed_lang"><?php echo esc_html__( 'Language', 'causefolk-embed' ); ?></label></th>
								<td>
									<select name="causefolk_embed_lang" id="causefolk_embed_lang">
										<option value="" <?php selected( $lang_value, '' ); ?>><?php echo esc_html__( 'Volunteer language set in Causefolk', 'causefolk-embed' ); ?></option>
										<option value="en" <?php selected( $lang_value, 'en' ); ?>>English</option>
										<option value="es" lang="es" <?php selected( $lang_value, 'es' ); ?>>Español</option>
									</select>
									<p class="description"><?php echo esc_html__( 'The language the embed opens in. Visitors can still switch language in the embed.', 'causefolk-embed' ); ?></p>
								</td>
							</tr>
							<tr>
								<th scope="row"><label for="causefolk_embed_root_domain"><?php echo esc_html__( 'Root domain', 'causefolk-embed' ); ?></label></th>
								<td>
									<input name="causefolk_embed_root_domain" id="causefolk_embed_root_domain" type="text" class="regular-text" value="<?php echo esc_attr( (string) get_option( 'causefolk_embed_root_domain', CAUSEFOLK_EMBED_DEFAULT_ROOT_DOMAIN ) ); ?>" autocomplete="off" spellcheck="false" />
									<p class="description"><?php echo esc_html__( 'Leave as causefolk.com. Change it only for a staging or self-hosted Causefolk service: a host name without https:// or a path.', 'causefolk-embed' ); ?></p>
								</td>
							</tr>
							<tr>
								<th scope="row"><label for="causefolk_embed_root_scheme"><?php echo esc_html__( 'Scheme', 'causefolk-embed' ); ?></label></th>
								<td>
									<select name="causefolk_embed_root_scheme" id="causefolk_embed_root_scheme">
										<option value="auto" <?php selected( $scheme_value, 'auto' ); ?>><?php echo esc_html__( 'Automatic (https; http for localtest.me)', 'causefolk-embed' ); ?></option>
										<option value="https" <?php selected( $scheme_value, 'https' ); ?>>https</option>
										<option value="http" <?php selected( $scheme_value, 'http' ); ?>>http</option>
									</select>
									<p class="description"><?php echo esc_html__( 'Leave on Automatic. Choose https only when embedding a local development server inside an https site.', 'causefolk-embed' ); ?></p>
								</td>
							</tr>
						</table>
						<?php submit_button(); ?>
					</form>
				</div>
				<div class="causefolk-embed-card">
					<h2><?php echo esc_html__( 'Place it on a page', 'causefolk-embed' ); ?></h2>
					<p><?php echo esc_html__( 'Add the "Causefolk Embed" block where the list of causes should appear, or paste the shortcode:', 'causefolk-embed' ); ?></p>
					<code class="causefolk-embed-code">[causefolk_embed]</code>
					<p><?php echo esc_html__( 'Show one cause only, change the accent color, or open in Spanish:', 'causefolk-embed' ); ?></p>
					<code class="causefolk-embed-code">[causefolk_embed opportunity="00000000-0000-0000-0000-000000000000" accent="#ff6a3d" lang="es"]</code>
					<p class="description"><?php echo esc_html__( 'opportunity is the ID in the snippet on the cause page of your Causefolk admin; accent is a #rrggbb color; lang is en or es and overrides the Language setting. Invalid values are ignored.', 'causefolk-embed' ); ?></p>
				</div>
			</div>
			<aside class="causefolk-embed-panel" aria-labelledby="causefolk-embed-panel-heading">
				<?php if ( '' === $slug ) : ?>
					<h2 id="causefolk-embed-panel-heading"><?php echo esc_html__( 'Run your cause.', 'causefolk-embed' ); ?> <em><?php echo esc_html__( 'Keep your folk.', 'causefolk-embed' ); ?></em></h2>
					<p><?php echo esc_html__( 'Causefolk is where the people behind a cause get organized: publish shifts, take sign-ups on your site or ours, remind your folk by email or text, and keep attendance and hours straight.', 'causefolk-embed' ); ?></p>
					<p><?php echo esc_html__( 'Start with a free trial, then one plan. No card needed to begin.', 'causefolk-embed' ); ?></p>
					<p>
						<a class="button button-primary" href="<?php echo esc_url( $signup_url ); ?>"><?php echo esc_html__( 'Start your free trial', 'causefolk-embed' ); ?></a>
						<a class="button" href="<?php echo esc_url( causefolk_embed_connect_url() ); ?>"><?php echo esc_html__( 'I already have an organization', 'causefolk-embed' ); ?></a>
					</p>
					<p class="description"><?php echo esc_html__( 'Both bring you back here with your organization slug filled in; you only save. You can also enter the slug on the left by hand.', 'causefolk-embed' ); ?></p>
				<?php else : ?>
					<h2 id="causefolk-embed-panel-heading"><?php echo esc_html__( 'You are set up.', 'causefolk-embed' ); ?> <em><?php echo esc_html__( 'Keep your folk.', 'causefolk-embed' ); ?></em></h2>
					<p>
						<?php
						/* translators: %s: the organization slug */
						echo esc_html( sprintf( __( 'This site embeds the sign-up for %s. Add the block or the shortcode to any page and your folk can sign up without leaving your website.', 'causefolk-embed' ), $slug ) );
						?>
					</p>
					<p>
						<a class="button button-primary" href="<?php echo esc_url( $dashboard_url ); ?>" target="_blank" rel="noopener"><?php echo esc_html__( 'Open your dashboard', 'causefolk-embed' ); ?></a>
						<a class="button" href="<?php echo esc_url( $portal_url ); ?>" target="_blank" rel="noopener"><?php echo esc_html__( 'View your portal', 'causefolk-embed' ); ?></a>
					</p>
				<?php endif; ?>
				<ul class="causefolk-embed-links">
					<li><a href="<?php echo esc_url( $blog_url ); ?>" target="_blank" rel="noopener"><?php echo esc_html__( 'Guides on the Causefolk blog', 'causefolk-embed' ); ?></a></li>
					<li><a href="<?php echo esc_url( causefolk_embed_service_url( '/' ) ); ?>" target="_blank" rel="noopener"><?php echo esc_html__( 'About Causefolk', 'causefolk-embed' ); ?></a></li>
				</ul>
			</aside>
		</div>
	</div>
	<?php
}

/** Removes the plugin's options when it is deleted. */
function causefolk_embed_uninstall(): void {
	delete_option( 'causefolk_embed_org_slug' );
	delete_option( 'causefolk_embed_root_domain' );
	delete_option( 'causefolk_embed_root_scheme' );
	delete_option( 'causefolk_embed_lang' );
	delete_metadata( 'user', 0, 'causefolk_embed_notice_dismissed', '', true );
}
register_uninstall_hook( __FILE__, 'causefolk_embed_uninstall' );