<?php
/**
 * Admin menu and the tabbed settings page.
 */

defined( 'ABSPATH' ) || exit;

add_action(
	'admin_menu',
	function () {
		$calendar = function_exists( 'dayslot_render_calendar_page' );
		add_menu_page(
			__( 'Delivery calendar', 'dayslot' ),
			__( 'Delivery calendar', 'dayslot' ),
			$calendar ? 'edit_shop_orders' : 'manage_woocommerce',
			'dayslot',
			$calendar ? 'dayslot_render_calendar_page' : 'dayslot_render_settings_page',
			'dashicons-calendar-alt',
			56
		);
		if ( $calendar ) {
			add_submenu_page( 'dayslot', __( 'Calendar', 'dayslot' ), __( 'Calendar', 'dayslot' ), 'edit_shop_orders', 'dayslot', 'dayslot_render_calendar_page' );
		}
		do_action( 'dayslot_admin_menu' );
		add_submenu_page( 'dayslot', __( 'Settings', 'dayslot' ), __( 'Settings', 'dayslot' ), 'manage_woocommerce', 'dayslot-settings', 'dayslot_render_settings_page' );
	}
);

// Shop managers may save these settings (options.php asks for manage_options by default).
add_filter(
	'option_page_capability_dayslot_settings_group',
	function () {
		return 'manage_woocommerce';
	}
);

add_action(
	'admin_init',
	function () {
		register_setting(
			'dayslot_settings_group',
			'dayslot_settings',
			array(
				'type'              => 'array',
				'sanitize_callback' => 'dayslot_sanitize_settings',
			)
		);
	}
);

// Look of all Dayslot admin pages (settings, setup wizard, help, Pro badges).
add_action(
	'admin_enqueue_scripts',
	function ( $hook ) {
		if ( false !== strpos( (string) $hook, 'dayslot' ) ) {
			wp_enqueue_style( 'dys-admin', dayslot_asset( 'assets/admin.css' ), array(), DAYSLOT_VERSION );
		}
	}
);

add_action(
	'admin_enqueue_scripts',
	function ( $hook ) {
		if ( false === strpos( (string) $hook, 'dayslot-settings' ) ) {
			return;
		}
		wp_enqueue_script( 'dys-admin-settings', dayslot_asset( 'assets/admin-settings.js' ), array( 'jquery', 'jquery-ui-sortable' ), DAYSLOT_VERSION, true );
		wp_add_inline_script(
			'dys-admin-settings',
			'window.dayslotSettings = ' . wp_json_encode(
				array(
					'presets'  => dayslot_style_presets(),
					'defaults' => dayslot_style_defaults(),
					'i18n'     => array(
						'confirmClear' => __( 'Remove all rows?', 'dayslot' ),
						'copied'       => __( 'Copied', 'dayslot' ),
					),
				)
			) . ';',
			'before'
		);
		// phpcs:ignore WordPress.Security.NonceVerification.Recommended -- only picks which tab assets to load.
		$tab = isset( $_GET['tab'] ) ? sanitize_key( $_GET['tab'] ) : 'general';
		if ( 'appearance' === $tab ) {
			wp_enqueue_style( 'dys-picker', dayslot_asset( 'assets/picker.css' ), array(), DAYSLOT_VERSION );
			wp_enqueue_script( 'dys-picker', dayslot_asset( 'assets/picker.js' ), array(), DAYSLOT_VERSION, true );
			wp_add_inline_script( 'dys-picker', 'window.dayslotData = ' . wp_json_encode( dayslot_preview_data() ) . ';', 'before' );
		}
		do_action( 'dayslot_settings_enqueue', $tab );
	}
);

/**
 * Picker data for the live preview (fake times, nothing booked).
 */
function dayslot_preview_data() {
	$data = dayslot_picker_data();
	if ( count( $data['modes'] ) < 2 ) {
		$data['modes'][] = array(
			'id'    => 'pickup',
			'label' => __( 'Pickup', 'dayslot' ),
			'note'  => __( 'free', 'dayslot' ),
		);
	}
	$data['autoSelect'] = false;
	$date               = dayslot_today()->modify( '+2 days' )->format( 'Y-m-d' );
	$groups             = array();
	foreach ( dayslot_variants() as $v ) {
		$opts = array();
		foreach ( array_slice( dayslot_variant_slots( $v ), 0, 'exact' === $v['type'] ? 40 : 6 ) as $i => $key ) {
			$opts[] = array(
				'key'       => $key,
				'label'     => dayslot_format_slot( $key ),
				'available' => 1 !== $i,
				'left'      => 2 === $i ? 1 : null,
			);
		}
		$price    = dayslot_variant_price( $v, $date );
		$groups[] = array(
			'variant'   => $v['id'],
			'type'      => $v['type'],
			'label'     => $v['label'],
			'window'    => dayslot_variant_window( $v ),
			'price'     => $price,
			'priceText' => dayslot_money( $price ),
			'options'   => $opts,
		);
	}
	$data['demo']        = $groups;
	$data['previewDate'] = $date;
	return $data;
}

/**
 * Which settings keys live on which tab.
 */
function dayslot_settings_tabs() {
	$tabs = array(
		'general'    => array(
			'title' => __( 'General', 'dayslot' ),
			'keys'  => array( 'max_per_day', 'min_days', 'max_days', 'closed_weekdays', 'blocked_dates', 'holidays', 'holiday_country', 'statuses', 'notify_customer' ),
		),
		'delivery'   => array(
			'title' => __( 'Delivery options & prices', 'dayslot' ),
			'keys'  => array( 'variants', 'slot_prep_minutes', 'blocked_slots', 'shipping_title', 'hide_other_shipping', 'free_above', 'free_always', 'small_below', 'small_fee' ),
		),
		'checkout'   => array(
			'title' => __( 'Checkout', 'dayslot' ),
			'keys'  => array( 'placement', 'required', 'auto_select', 'hide_virtual', 'method_label', 'label', 'time_label', 'delivery_text', 'required_message', 'unavailable_message', 'slot_required_message', 'slot_full_message', 'full_times', 'full_contact', 'cart_note', 'product_note', 'earliest_text', 'cart_date_text', 'add_to_calendar', 'app_fields' ),
		),
		'appearance' => array(
			'title' => __( 'Appearance', 'dayslot' ),
			'keys'  => array( 'style' ),
		),
		'calendars'  => array(
			'title' => __( 'Calendar sync', 'dayslot' ),
			'keys'  => array(),
		),
	);

	// Add-ons add tabs with a title, keys, a render callback( $settings ) and a sanitize callback( $input, $out ).
	return apply_filters( 'dayslot_settings_tabs', $tabs );
}

/**
 * The settings sections and their tabs (only tabs that exist; tabs of add-ons not listed go to "More").
 */
function dayslot_settings_groups( $tabs ) {
	$groups = apply_filters(
		'dayslot_settings_groups',
		array(
			'delivery'  => array(
				'title' => __( 'Delivery', 'dayslot' ),
				'tabs'  => array( 'general', 'delivery', 'pickup', 'special', 'express', 'zones', 'rules' ),
			),
			'checkout'  => array(
				'title' => __( 'Checkout', 'dayslot' ),
				'tabs'  => array( 'checkout', 'appearance', 'fields', 'checkout_design' ),
			),
			'customers' => array(
				'title' => __( 'Customers', 'dayslot' ),
				'tabs'  => array( 'customers', 'after', 'emails', 'account_design', 'widget', 'quote' ),
			),
			'calendar'  => array(
				'title' => __( 'Calendar', 'dayslot' ),
				'tabs'  => array( 'calendars' ),
			),
			'more'      => array(
				'title' => __( 'More', 'dayslot' ),
				'tabs'  => array( 'features', 'texts' ),
			),
		)
	);
	$listed = array();
	foreach ( $groups as $gid => $group ) {
		$groups[ $gid ]['tabs'] = array_values( array_intersect( $group['tabs'], array_keys( $tabs ) ) );
		$listed                 = array_merge( $listed, $groups[ $gid ]['tabs'] );
	}
	$groups['more']['tabs'] = array_merge( $groups['more']['tabs'], array_values( array_diff( array_keys( $tabs ), $listed ) ) );
	return array_filter(
		$groups,
		function ( $g ) {
			return ! empty( $g['tabs'] );
		}
	);
}

/**
 * Clean what comes from the form. Only the submitted tab's keys change; the others are kept.
 * Called without "_tab" (e.g. update_option from code) it keeps the values as they are.
 */
function dayslot_sanitize_settings( $input ) {
	$input    = is_array( $input ) ? $input : array();
	$existing = get_option( 'dayslot_settings', array() );
	$out      = is_array( $existing ) ? $existing : array();
	$tabs     = dayslot_settings_tabs();
	if ( ! isset( $input['_tab'] ) || ! isset( $tabs[ $input['_tab'] ] ) ) {
		// phpcs:ignore WordPress.Security.NonceVerification.Missing -- only checks where the save comes from; options.php checks the nonce.
		if ( isset( $_POST['option_page'] ) ) {
			return $out; // A settings form always names its tab: anything else is not saved.
		}
		// Saved by the plugin's own code (calendar blocking, the setup wizard, tests): known settings only.
		unset( $input['_tab'] );
		return array_merge( $out, array_intersect_key( $input, $out + dayslot_defaults() ) );
	}
	$tab = $input['_tab'];
	if ( ! empty( $tabs[ $tab ]['sanitize'] ) && is_callable( $tabs[ $tab ]['sanitize'] ) ) {
		$out = call_user_func( $tabs[ $tab ]['sanitize'], $input, $out );
	}
	$keys = isset( $tabs[ $tab ]['keys'] ) ? $tabs[ $tab ]['keys'] : array();

	$yes  = function ( $key ) use ( $input ) {
		return ( ! empty( $input[ $key ] ) && 'no' !== $input[ $key ] ) ? 'yes' : 'no';
	};
	$text = function ( $key ) use ( $input, &$out ) {
		$value = isset( $input[ $key ] ) ? sanitize_text_field( $input[ $key ] ) : '';
		if ( '' === $value ) {
			unset( $out[ $key ] ); // Fall back to the default text.
			return null;
		}
		return $value;
	};

	foreach ( $keys as $key ) {
		switch ( $key ) {
			case 'max_per_day':
			case 'min_days':
			case 'slot_prep_minutes':
				$out[ $key ] = isset( $input[ $key ] ) ? absint( $input[ $key ] ) : 0;
				break;

			case 'max_days':
				$out[ $key ] = isset( $input[ $key ] ) ? min( 730, max( 1, absint( $input[ $key ] ) ) ) : 365;
				break;

			case 'closed_weekdays':
				$out[ $key ] = array();
				foreach ( isset( $input[ $key ] ) ? (array) $input[ $key ] : array() as $day ) {
					if ( absint( $day ) <= 6 ) {
						$out[ $key ][] = absint( $day );
					}
				}
				$out[ $key ] = array_values( array_unique( $out[ $key ] ) );
				break;

			case 'blocked_dates':
			case 'holidays':
				$out[ $key ] = implode( "\n", dayslot_parse_date_list( isset( $input[ $key ] ) ? sanitize_textarea_field( $input[ $key ] ) : '' ) );
				break;

			case 'blocked_slots':
				$out[ $key ] = isset( $input[ $key ] ) ? sanitize_textarea_field( $input[ $key ] ) : '';
				break;

			case 'holiday_country':
				$out[ $key ] = isset( $input[ $key ] ) && 'PL' === $input[ $key ] ? 'PL' : ( isset( $input[ $key ] ) ? strtoupper( substr( sanitize_key( $input[ $key ] ), 0, 2 ) ) : '' );
				break;

			case 'free_above':
			case 'small_below':
			case 'small_fee':
				$out[ $key ] = isset( $input[ $key ] ) ? max( 0, (float) wc_format_decimal( (string) $input[ $key ] ) ) : 0;
				break;

			case 'full_times':
				$out[ $key ] = isset( $input[ $key ] ) && in_array( $input[ $key ], array( 'show', 'hide', 'contact' ), true ) ? $input[ $key ] : 'contact';
				break;

			case 'full_contact':
			case 'earliest_text':
			case 'cart_date_text':
				$value = $text( $key );
				if ( null !== $value ) {
					$out[ $key ] = $value;
				}
				break;

			case 'placement':
				$out[ $key ] = isset( $input[ $key ] ) && in_array( $input[ $key ], array( 'before_address', 'after_address', 'before_notes', 'after_notes' ), true ) ? $input[ $key ] : 'after_address';
				break;

			case 'required':
			case 'free_always':
			case 'cart_note':
			case 'product_note':
			case 'add_to_calendar':
			case 'app_fields':
			case 'auto_select':
			case 'hide_virtual':
			case 'notify_customer':
			case 'hide_other_shipping':
				$out[ $key ] = $yes( $key );
				break;

			case 'method_label':
			case 'label':
			case 'time_label':
			case 'delivery_text':
			case 'shipping_title':
			case 'required_message':
			case 'unavailable_message':
			case 'slot_required_message':
			case 'slot_full_message':
				$value = $text( $key );
				if ( null !== $value ) {
					$out[ $key ] = $value;
				}
				break;

			case 'statuses':
				$valid       = array_map(
					function ( $s ) {
						return substr( $s, 3 );
					},
					array_keys( wc_get_order_statuses() )
				);
				$out[ $key ] = array();
				foreach ( isset( $input[ $key ] ) ? (array) $input[ $key ] : array() as $status ) {
					$status = sanitize_key( $status );
					if ( in_array( $status, $valid, true ) ) {
						$out[ $key ][] = $status;
					}
				}
				break;

			case 'variants':
				$out[ $key ] = dayslot_sanitize_variants( isset( $input[ $key ] ) ? (array) $input[ $key ] : array() );
				break;

			case 'style':
				$out[ $key ] = dayslot_sanitize_style( isset( $input[ $key ] ) ? $input[ $key ] : array() );
				break;

		}
	}

	if ( isset( $out['max_days'], $out['min_days'] ) && $out['max_days'] < $out['min_days'] ) {
		$out['max_days'] = $out['min_days'];
	}
	unset( $out['_tab'] );
	return $out;
}

/**
 * Clean the price table rows.
 */
function dayslot_sanitize_variants( $rows ) {
	$out  = array();
	$used = array();
	$cost = function ( $v ) {
		return '' === trim( (string) $v ) ? '' : max( 0, (float) wc_format_decimal( (string) $v ) );
	};
	foreach ( $rows as $row ) {
		$row  = is_array( $row ) ? $row : array();
		$type = isset( $row['type'] ) && in_array( $row['type'], array( 'interval', 'exact', 'night' ), true ) ? $row['type'] : '';
		$from = isset( $row['from'] ) ? sanitize_text_field( $row['from'] ) : '';
		$to   = isset( $row['to'] ) ? sanitize_text_field( $row['to'] ) : '';
		if ( ! $type || ! dayslot_valid_time( $from ) || ! dayslot_valid_time( $to ) ) {
			continue;
		}
		if ( 'night' !== $type && dayslot_minutes( $to ) <= dayslot_minutes( $from ) ) {
			continue;
		}
		$label = isset( $row['label'] ) ? sanitize_text_field( $row['label'] ) : '';
		$id    = isset( $row['id'] ) ? sanitize_key( $row['id'] ) : '';
		if ( '' === $id ) {
			$id = sanitize_key( sanitize_title( $label ? $label : $type ) );
		}
		$base = $id ? $id : $type;
		$n    = 2;
		while ( '' === $id || isset( $used[ $id ] ) ) {
			$id = $base . '-' . ( $n++ );
		}
		$used[ $id ] = true;
		$every       = isset( $row['every'] ) ? absint( $row['every'] ) : 0;
		$out[]       = array(
			'id'            => $id,
			'type'          => $type,
			'label'         => $label ? $label : ucfirst( $type ),
			'note'          => isset( $row['note'] ) ? sanitize_text_field( $row['note'] ) : '',
			'from'          => $from,
			'to'            => $to,
			'length'        => 'interval' === $type ? max( 5, $every ? $every : 120 ) : 0,
			'step'          => 'interval' === $type ? 0 : max( 5, $every ? $every : 15 ),
			'limit'         => isset( $row['limit'] ) ? absint( $row['limit'] ) : 0,
			'price_weekday' => (float) $cost( isset( $row['price_weekday'] ) ? $row['price_weekday'] : 0 ),
			'price_sunday'  => (float) $cost( isset( $row['price_sunday'] ) ? $row['price_sunday'] : 0 ),
			'price_holiday' => $cost( isset( $row['price_holiday'] ) ? $row['price_holiday'] : '' ),
			'enabled'       => empty( $row['enabled'] ) ? 'no' : 'yes',
		);
	}
	return $out;
}

/**
 * Weekday names keyed 0 (Sunday) … 6, starting with the site's first weekday.
 */
function dayslot_weekday_names( $short = false ) {
	$words = dayslot_calendar_words();
	$start = (int) get_option( 'start_of_week', 1 );
	$out   = array();
	for ( $i = 0; $i < 7; $i++ ) {
		$num         = ( $start + $i ) % 7;
		$out[ $num ] = $short ? $words['daysShort'][ $num ] : $words['days'][ $num ];
	}
	return $out;
}

/**
 * Settings page.
 */
function dayslot_render_settings_page() {
	if ( ! current_user_can( 'manage_woocommerce' ) ) {
		return;
	}
	$tabs = dayslot_settings_tabs();
	$tab  = isset( $_GET['tab'] ) && isset( $tabs[ sanitize_key( wp_unslash( $_GET['tab'] ) ) ] ) ? sanitize_key( wp_unslash( $_GET['tab'] ) ) : 'general'; // phpcs:ignore WordPress.Security.NonceVerification.Recommended
	$s    = dayslot_get_settings();
	?>
	<div class="wrap dayslot-settings">
		<h1><?php esc_html_e( 'Delivery calendar – settings', 'dayslot' ); ?></h1>
		<?php
		if ( function_exists( 'dayslot_render_checklist' ) ) {
			dayslot_render_checklist();
		}
		?>

		<?php
		// Sections (first row) and the tabs of the open section (second row). Tab addresses stay the same.
		$groups  = dayslot_settings_groups( $tabs );
		$current = 'more';
		foreach ( $groups as $gid => $group ) {
			if ( in_array( $tab, $group['tabs'], true ) ) {
				$current = $gid;
			}
		}
		?>
		<nav class="nav-tab-wrapper dys-groups" aria-label="<?php esc_attr_e( 'Settings sections', 'dayslot' ); ?>">
			<?php foreach ( $groups as $gid => $group ) : ?>
				<a class="nav-tab <?php echo $gid === $current ? 'nav-tab-active' : ''; ?>" href="<?php echo esc_url( admin_url( 'admin.php?page=dayslot-settings&tab=' . $group['tabs'][0] ) ); ?>"<?php echo $gid === $current ? ' aria-current="true"' : ''; ?>><?php echo esc_html( $group['title'] ); ?></a>
			<?php endforeach; ?>
		</nav>
		<?php if ( count( $groups[ $current ]['tabs'] ) > 1 ) : ?>
			<nav class="dys-subtabs" aria-label="<?php echo esc_attr( $groups[ $current ]['title'] ); ?>">
				<?php foreach ( $groups[ $current ]['tabs'] as $id ) : ?>
					<a class="<?php echo $id === $tab ? 'is-active' : ''; ?>" href="<?php echo esc_url( admin_url( 'admin.php?page=dayslot-settings&tab=' . $id ) ); ?>"<?php echo $id === $tab ? ' aria-current="page"' : ''; ?>><?php echo esc_html( $tabs[ $id ]['title'] ); ?><?php echo empty( $tabs[ $id ]['locked'] ) ? '' : wp_kses_post( dayslot_upsell_badge() ); ?></a>
				<?php endforeach; ?>
			</nav>
		<?php endif; ?>

		<?php settings_errors(); ?>

		<form method="post" action="options.php" class="dys-settings-form">
			<?php settings_fields( 'dayslot_settings_group' ); ?>
			<input type="hidden" name="dayslot_settings[_tab]" value="<?php echo esc_attr( $tab ); ?>">
			<input type="hidden" name="_wp_http_referer" value="<?php echo esc_attr( admin_url( 'admin.php?page=dayslot-settings&tab=' . $tab ) ); ?>">
			<?php
			if ( ! empty( $tabs[ $tab ]['render'] ) && is_callable( $tabs[ $tab ]['render'] ) ) {
				call_user_func( $tabs[ $tab ]['render'], $s );
			} elseif ( 'delivery' === $tab ) {
				dayslot_render_delivery_tab( $s );
			} elseif ( 'checkout' === $tab ) {
				dayslot_render_checkout_tab( $s );
			} elseif ( 'appearance' === $tab ) {
				dayslot_render_appearance_tab( $s );
			} elseif ( 'calendars' === $tab ) {
				dayslot_render_ical_settings( $s );
			} else {
				dayslot_render_general_tab( $s );
			}
			if ( empty( $tabs[ $tab ]['no_submit'] ) ) {
				submit_button();
			}
			?>
		</form>
	</div>
	<?php
}

function dayslot_render_general_tab( $s ) {
	?>
	<table class="form-table" role="presentation">
		<tr>
			<th scope="row"><label for="dayslot_max"><?php esc_html_e( 'Maximum deliveries per day', 'dayslot' ); ?></label></th>
			<td>
				<input type="number" min="0" id="dayslot_max" name="dayslot_settings[max_per_day]" value="<?php echo esc_attr( $s['max_per_day'] ); ?>" class="small-text">
				<p class="description"><?php esc_html_e( 'When a day reaches this number, customers can no longer pick it. 0 = no limit. Limits per time window are in "Delivery options & prices".', 'dayslot' ); ?></p>
			</td>
		</tr>
		<tr>
			<th scope="row"><label for="dayslot_min"><?php esc_html_e( 'Preparation time', 'dayslot' ); ?></label></th>
			<td>
				<input type="number" min="0" id="dayslot_min" name="dayslot_settings[min_days]" value="<?php echo esc_attr( $s['min_days'] ); ?>" class="small-text">
				<?php esc_html_e( 'days from today', 'dayslot' ); ?>
				<p class="description"><?php esc_html_e( 'Earliest date a customer can choose. 0 = today, 2 = the day after tomorrow.', 'dayslot' ); ?></p>
			</td>
		</tr>
		<tr>
			<th scope="row"><label for="dayslot_maxd"><?php esc_html_e( 'Book ahead up to', 'dayslot' ); ?></label></th>
			<td><input type="number" min="1" max="730" id="dayslot_maxd" name="dayslot_settings[max_days]" value="<?php echo esc_attr( $s['max_days'] ); ?>" class="small-text"> <?php esc_html_e( 'days', 'dayslot' ); ?></td>
		</tr>
		<tr>
			<th scope="row"><?php esc_html_e( 'Working days', 'dayslot' ); ?></th>
			<td>
				<?php foreach ( dayslot_weekday_names() as $num => $name ) : ?>
					<label style="margin-right:12px;display:inline-block">
						<input type="checkbox" class="dys-open-day" value="<?php echo esc_attr( $num ); ?>" <?php checked( ! in_array( $num, array_map( 'intval', (array) $s['closed_weekdays'] ), true ) ); ?>>
						<?php echo esc_html( $name ); ?>
					</label>
				<?php endforeach; ?>
				<span id="dys-closed-days">
					<?php foreach ( (array) $s['closed_weekdays'] as $day ) : ?>
						<input type="hidden" name="dayslot_settings[closed_weekdays][]" value="<?php echo esc_attr( $day ); ?>">
					<?php endforeach; ?>
				</span>
				<p class="description"><?php esc_html_e( 'Untick days when you don\'t work.', 'dayslot' ); ?></p>
			</td>
		</tr>
		<tr>
			<th scope="row"><label for="dayslot_blocked"><?php esc_html_e( 'Days off (blocked dates)', 'dayslot' ); ?></label></th>
			<td>
				<textarea id="dayslot_blocked" name="dayslot_settings[blocked_dates]" rows="4" cols="30" placeholder="2026-12-24&#10;2026-12-25"><?php echo esc_textarea( $s['blocked_dates'] ); ?></textarea>
				<p class="description"><?php esc_html_e( 'No orders at all on these dates. One date per line, YYYY-MM-DD. You can also block a day with one click in the calendar.', 'dayslot' ); ?></p>
			</td>
		</tr>
		<tr>
			<th scope="row"><label for="dayslot_holidays"><?php esc_html_e( 'Holidays (Sunday prices)', 'dayslot' ); ?></label></th>
			<td>
				<select name="dayslot_settings[holiday_country]">
					<option value=""><?php esc_html_e( 'Only my list below', 'dayslot' ); ?></option>
					<option value="PL" <?php selected( 'PL', $s['holiday_country'] ); ?>><?php esc_html_e( 'Public holidays in Poland (automatic) + my list', 'dayslot' ); ?></option>
				</select>
				<p><textarea id="dayslot_holidays" name="dayslot_settings[holidays]" rows="4" cols="30" placeholder="2026-12-31"><?php echo esc_textarea( $s['holidays'] ); ?></textarea></p>
				<p class="description"><?php esc_html_e( 'Deliveries are possible on holidays, at the holiday price (by default the same as Sunday). To close a holiday, add it to "Days off" too.', 'dayslot' ); ?></p>
			</td>
		</tr>
		<tr>
			<th scope="row"><?php esc_html_e( 'Order statuses that occupy a date', 'dayslot' ); ?></th>
			<td>
				<?php foreach ( wc_get_order_statuses() as $key => $name ) : ?>
					<?php $status = substr( $key, 3 ); ?>
					<label style="display:inline-block;margin:0 14px 4px 0">
						<input type="checkbox" name="dayslot_settings[statuses][]" value="<?php echo esc_attr( $status ); ?>" <?php checked( in_array( $status, (array) $s['statuses'], true ) ); ?>>
						<?php echo esc_html( $name ); ?>
					</label>
				<?php endforeach; ?>
				<p class="description"><?php esc_html_e( 'Only these orders count toward limits. Cancelled and refunded orders free the date again.', 'dayslot' ); ?></p>
			</td>
		</tr>
		<tr>
			<th scope="row"><?php esc_html_e( 'Changing the date of an order', 'dayslot' ); ?></th>
			<td><label><input type="checkbox" name="dayslot_settings[notify_customer]" value="yes" <?php checked( 'yes', $s['notify_customer'] ); ?>> <?php esc_html_e( '"Email the customer" is ticked by default', 'dayslot' ); ?></label></td>
		</tr>
	</table>
	<?php
}

function dayslot_render_delivery_tab( $s ) {
	$cur  = get_woocommerce_currency_symbol();
	$rows = array_values( (array) $s['variants'] );
	?>
	<p><?php esc_html_e( 'What the customer can choose in the "time" step and what it costs. The price depends on the day: Monday–Saturday, Sunday or holiday. It becomes the shipping cost of the order (method "Delivery by date" in WooCommerce → Settings → Shipping).', 'dayslot' ); ?></p>
	<div class="dys-variants" id="dys-variants">
		<?php foreach ( $rows as $i => $row ) : ?>
			<?php dayslot_render_variant_row( $i, $row ); ?>
		<?php endforeach; ?>
	</div>
	<template id="dys-variant-template"><?php dayslot_render_variant_row( '__i__', array() ); ?></template>
	<p><button type="button" class="button" id="dys-add-variant"><?php esc_html_e( '+ Add delivery kind', 'dayslot' ); ?></button></p>
	<p class="description"><?php esc_html_e( 'The customer first chooses one of these kinds (in this order), then a time of that kind. Drag a block or use ↑ ↓ to change the order. Empty holiday price = same as Sunday.', 'dayslot' ); ?></p>

	<table class="form-table" role="presentation">
		<tr>
			<th scope="row"><label for="dayslot_prep"><?php esc_html_e( 'Minimum notice', 'dayslot' ); ?></label></th>
			<td>
				<input type="number" min="0" step="1" id="dayslot_prep" name="dayslot_settings[slot_prep_minutes]" value="<?php echo esc_attr( $s['slot_prep_minutes'] ); ?>" class="small-text"> <?php esc_html_e( 'minutes', 'dayslot' ); ?>
				<p class="description"><?php esc_html_e( 'A time disappears when it starts sooner than this. Example: 120 = at 9:00 the earliest time offered is 11:00.', 'dayslot' ); ?></p>
			</td>
		</tr>
		<tr>
			<?php /* translators: %s: currency symbol */ ?>
			<th scope="row"><label for="dayslot_free_above"><?php echo esc_html( sprintf( __( 'Free delivery from (%s)', 'dayslot' ), get_woocommerce_currency_symbol() ) ); ?></label></th>
			<td>
				<input type="number" min="0" step="0.01" id="dayslot_free_above" name="dayslot_settings[free_above]" value="<?php echo esc_attr( $s['free_above'] ); ?>" class="small-text">
				<p class="description"><?php esc_html_e( 'Orders with products worth at least this get free delivery (shown to customers under "Delivery"). 0 = off.', 'dayslot' ); ?></p>
				<label style="display:block;margin-top:8px"><input type="checkbox" name="dayslot_settings[free_always]" value="yes" <?php checked( 'yes', $s['free_always'] ); ?>> <?php esc_html_e( 'Delivery is always free (whatever the order value; the prices in the table are not charged)', 'dayslot' ); ?></label>
			</td>
		</tr>
		<?php do_action( 'dayslot_free_delivery_rows', $s ); ?>
		<tr>
			<th scope="row"><?php esc_html_e( 'Small orders', 'dayslot' ); ?></th>
			<td>
				<?php /* translators: %s: currency symbol */ ?>
				<label><?php echo esc_html( sprintf( __( 'Below (%s)', 'dayslot' ), get_woocommerce_currency_symbol() ) ); ?> <input type="number" min="0" step="0.01" name="dayslot_settings[small_below]" value="<?php echo esc_attr( $s['small_below'] ); ?>" class="small-text"></label>
				&nbsp;
				<?php /* translators: %s: currency symbol */ ?>
				<label><?php echo esc_html( sprintf( __( 'add to delivery (%s)', 'dayslot' ), get_woocommerce_currency_symbol() ) ); ?> <input type="number" min="0" step="0.01" name="dayslot_settings[small_fee]" value="<?php echo esc_attr( $s['small_fee'] ); ?>" class="small-text"></label>
				<p class="description"><?php esc_html_e( 'An extra delivery charge for orders with products worth less than this. 0 = off.', 'dayslot' ); ?></p>
			</td>
		</tr>
		<tr>
			<th scope="row"><label for="dayslot_blocked_slots"><?php esc_html_e( 'Blocked time windows', 'dayslot' ); ?></label></th>
			<td>
				<textarea id="dayslot_blocked_slots" name="dayslot_settings[blocked_slots]" rows="4" cols="40" class="code" placeholder="2026-12-24 16:00-18:00&#10;sat 08:00-10:00"><?php echo esc_textarea( $s['blocked_slots'] ); ?></textarea>
				<p class="description"><?php esc_html_e( 'One per line: a date or a weekday (mon … sun), then the window. Easier: click the lock next to a window in the calendar (day view).', 'dayslot' ); ?></p>
			</td>
		</tr>
		<tr>
			<th scope="row"><label for="dayslot_ship_title"><?php esc_html_e( 'Shipping method name', 'dayslot' ); ?></label></th>
			<td><input type="text" id="dayslot_ship_title" name="dayslot_settings[shipping_title]" value="<?php echo esc_attr( $s['shipping_title'] ); ?>" class="regular-text" placeholder="<?php echo esc_attr( dayslot_defaults()['shipping_title'] ); ?>"></td>
		</tr>
		<tr>
			<th scope="row"><?php esc_html_e( 'Other shipping methods', 'dayslot' ); ?></th>
			<td><label><input type="checkbox" name="dayslot_settings[hide_other_shipping]" value="yes" <?php checked( 'yes', $s['hide_other_shipping'] ); ?>> <?php esc_html_e( 'Hide other WooCommerce shipping methods (this plugin replaces them)', 'dayslot' ); ?></label></td>
		</tr>
	</table>
	<?php
}

function dayslot_render_variant_row( $i, $row ) {
	$row   = wp_parse_args(
		$row,
		array(
			'id'            => '',
			'type'          => 'interval',
			'label'         => '',
			'note'          => '',
			'from'          => '08:00',
			'to'            => '20:00',
			'length'        => 120,
			'step'          => 15,
			'limit'         => 1,
			'price_weekday' => '',
			'price_sunday'  => '',
			'price_holiday' => '',
			'enabled'       => 'yes',
		)
	);
	$name  = 'dayslot_settings[variants][' . $i . ']';
	$every = 'interval' === $row['type'] ? $row['length'] : ( (int) $row['step'] > 0 ? $row['step'] : 15 );
	$cur   = get_woocommerce_currency_symbol();
	$money = function ( $v ) {
		return '' === (string) $v ? '' : wc_format_localized_price( $v );
	};
	$types = array(
		'interval' => __( 'Time windows (e.g. 10:00–12:00)', 'dayslot' ),
		'exact'    => __( 'Exact time', 'dayslot' ),
		'night'    => __( 'Night — exact time over midnight', 'dayslot' ),
	);
	$uid   = 'dysv-' . $i;
	$field = function ( $label, $html, $hint = '', $css_class = '' ) {
		echo '<label class="dys-vfield ' . esc_attr( $css_class ) . '"><span>' . esc_html( $label ) . '</span>' . wp_kses( $html, dayslot_form_tags() ) . ( $hint ? '<small>' . esc_html( $hint ) . '</small>' : '' ) . '</label>';
	};
	?>
	<fieldset class="dys-variant-row dys-variant-card" data-type="<?php echo esc_attr( $row['type'] ); ?>">
		<legend class="screen-reader-text"><?php echo esc_html( $row['label'] ? $row['label'] : __( 'Delivery kind', 'dayslot' ) ); ?></legend>
		<div class="dys-vhead">
			<span class="dys-handle" aria-hidden="true" title="<?php esc_attr_e( 'Drag to change the order', 'dayslot' ); ?>">⋮⋮</span>
			<input type="hidden" name="<?php echo esc_attr( $name ); ?>[id]" value="<?php echo esc_attr( $row['id'] ); ?>">
			<label class="dys-switch-label"><input type="checkbox" name="<?php echo esc_attr( $name ); ?>[enabled]" value="1" <?php checked( 'yes', $row['enabled'] ); ?>> <?php esc_html_e( 'On', 'dayslot' ); ?></label>
			<strong class="dys-vtitle"><?php echo esc_html( $row['label'] ? $row['label'] : __( 'New delivery kind', 'dayslot' ) ); ?></strong>
			<span class="dys-vtools">
				<button type="button" class="button button-small dys-move-up" aria-label="<?php esc_attr_e( 'Move up', 'dayslot' ); ?>">↑</button>
				<button type="button" class="button button-small dys-move-down" aria-label="<?php esc_attr_e( 'Move down', 'dayslot' ); ?>">↓</button>
				<button type="button" class="button-link-delete dys-remove-row"><?php esc_html_e( 'Remove', 'dayslot' ); ?></button>
			</span>
		</div>
		<div class="dys-vgrid">
			<?php
			$field( __( 'Name for customers', 'dayslot' ), '<input type="text" class="dys-vlabel" name="' . esc_attr( $name ) . '[label]" value="' . esc_attr( $row['label'] ) . '" placeholder="' . esc_attr__( 'e.g. 2-hour window', 'dayslot' ) . '">', '', 'dys-wide' );
			$options = '';
			foreach ( $types as $value => $label ) {
				$options .= '<option value="' . esc_attr( $value ) . '"' . selected( $row['type'], $value, false ) . '>' . esc_html( $label ) . '</option>';
			}
			$field( __( 'Kind', 'dayslot' ), '<select class="dys-variant-type" name="' . esc_attr( $name ) . '[type]">' . $options . '</select>', '', 'dys-wide' );
			$field( __( 'Text under the name (optional)', 'dayslot' ), '<input type="text" name="' . esc_attr( $name ) . '[note]" value="' . esc_attr( $row['note'] ) . '" placeholder="' . esc_attr__( 'e.g. the courier calls 15 minutes before', 'dayslot' ) . '">', '', 'dys-full' );
			$field( __( 'From', 'dayslot' ), '<input type="time" name="' . esc_attr( $name ) . '[from]" value="' . esc_attr( $row['from'] ) . '" required>' );
			$field( __( 'To', 'dayslot' ), '<input type="time" name="' . esc_attr( $name ) . '[to]" value="' . esc_attr( $row['to'] ) . '" required>', '', 'dys-to' );
			echo '<label class="dys-vfield"><span class="dys-every-label" data-interval="' . esc_attr__( 'Window length (min)', 'dayslot' ) . '" data-step="' . esc_attr__( 'Step (min)', 'dayslot' ) . '"></span><input type="number" min="5" step="1" class="dys-every" name="' . esc_attr( $name ) . '[every]" value="' . esc_attr( $every ) . '"><small class="dys-every-hint" data-interval="' . esc_attr__( '120 = 08:00–10:00, 10:00–12:00 …', 'dayslot' ) . '" data-step="' . esc_attr__( '15 = 02:00, 02:15, 02:30 …', 'dayslot' ) . '"></small></label>';
			echo '<label class="dys-vfield"><span class="dys-limit-label" data-interval="' . esc_attr__( 'Max orders per window', 'dayslot' ) . '" data-exact="' . esc_attr__( 'Max orders at the same time', 'dayslot' ) . '" data-night="' . esc_attr__( 'Max orders per night', 'dayslot' ) . '"></span><input type="number" min="0" name="' . esc_attr( $name ) . '[limit]" value="' . esc_attr( $row['limit'] ) . '"><small>' . esc_html__( '0 = no limit', 'dayslot' ) . '</small></label>';
			/* translators: %s: currency symbol */
			$field( sprintf( __( 'Price Mon–Sat (%s)', 'dayslot' ), $cur ), '<input type="text" inputmode="decimal" name="' . esc_attr( $name ) . '[price_weekday]" value="' . esc_attr( $money( $row['price_weekday'] ) ) . '" placeholder="0">' );
			/* translators: %s: currency symbol */
			$field( sprintf( __( 'Price Sunday (%s)', 'dayslot' ), $cur ), '<input type="text" inputmode="decimal" name="' . esc_attr( $name ) . '[price_sunday]" value="' . esc_attr( $money( $row['price_sunday'] ) ) . '" placeholder="0">' );
			/* translators: %s: currency symbol */
			$field( sprintf( __( 'Price holiday (%s)', 'dayslot' ), $cur ), '<input type="text" inputmode="decimal" name="' . esc_attr( $name ) . '[price_holiday]" value="' . esc_attr( $money( $row['price_holiday'] ) ) . '" placeholder="' . esc_attr__( '= Sunday', 'dayslot' ) . '">' );
			?>
		</div>
		<p class="description dys-type-help" data-interval="<?php esc_attr_e( 'The customer picks one window. Exact-time orders also take a place in the window they fall into.', 'dayslot' ); ?>" data-exact="<?php esc_attr_e( 'The customer picks an exact time between From and To.', 'dayslot' ); ?>" data-night="<?php esc_attr_e( 'The customer picks an exact time between From and To over midnight (e.g. 21:00–08:00, 02:15). Times after midnight belong to the night after the chosen date.', 'dayslot' ); ?>"></p>
	</fieldset>
	<?php
}

function dayslot_render_checkout_tab( $s ) {
	$places = array(
		'before_address' => __( 'Before the address', 'dayslot' ),
		'after_address'  => __( 'After the address (recommended)', 'dayslot' ),
		'before_notes'   => __( 'Before the order notes', 'dayslot' ),
		'after_notes'    => __( 'After the order notes', 'dayslot' ),
	);
	?>
	<table class="form-table" role="presentation">
		<tr>
			<th scope="row"><?php esc_html_e( 'Where on the checkout', 'dayslot' ); ?></th>
			<td>
				<?php foreach ( $places as $value => $label ) : ?>
					<label style="display:block;margin-bottom:6px"><input type="radio" name="dayslot_settings[placement]" value="<?php echo esc_attr( $value ); ?>" <?php checked( $s['placement'], $value ); ?>> <?php echo esc_html( $label ); ?></label>
				<?php endforeach; ?>
				<p class="description">
					<?php esc_html_e( 'Works in the classic checkout and the Checkout block. To place it yourself, use the "Delivery date & time" block, the Elementor widget or the shortcode', 'dayslot' ); ?>
					<code>[dayslot_checkout_field]</code>.
					<?php esc_html_e( 'When the checkout page contains one of them, the automatic insertion is switched off.', 'dayslot' ); ?>
				</p>
			</td>
		</tr>
		<tr>
			<th scope="row"><?php esc_html_e( 'Behaviour', 'dayslot' ); ?></th>
			<td>
				<label style="display:block;margin-bottom:6px"><input type="checkbox" name="dayslot_settings[required]" value="yes" <?php checked( 'yes', $s['required'] ); ?>> <?php esc_html_e( 'Date and time are required', 'dayslot' ); ?></label>
				<label style="display:block;margin-bottom:6px"><input type="checkbox" name="dayslot_settings[auto_select]" value="yes" <?php checked( 'yes', $s['auto_select'] ); ?>> <?php esc_html_e( 'Pre-select the first available date and time', 'dayslot' ); ?></label>
				<label style="display:block"><input type="checkbox" name="dayslot_settings[hide_virtual]" value="yes" <?php checked( 'yes', $s['hide_virtual'] ); ?>> <?php esc_html_e( 'Hide the picker when the cart has only virtual products', 'dayslot' ); ?></label>
			</td>
		</tr>
		<tr>
			<th scope="row"><?php esc_html_e( 'Booked times', 'dayslot' ); ?></th>
			<td>
				<?php
				$full_choices = array(
					'show'    => __( 'Show them greyed out ("full")', 'dayslot' ),
					'hide'    => __( 'Hide them', 'dayslot' ),
					'contact' => __( 'Hide them and show a message with the booked times', 'dayslot' ),
				);
				foreach ( $full_choices as $value => $label ) :
					?>
					<label style="display:block;margin-bottom:4px"><input type="radio" name="dayslot_settings[full_times]" value="<?php echo esc_attr( $value ); ?>" <?php checked( $s['full_times'], $value ); ?>> <?php echo esc_html( $label ); ?></label>
				<?php endforeach; ?>
				<input type="text" class="large-text" name="dayslot_settings[full_contact]" value="<?php echo esc_attr( $s['full_contact'] ); ?>" placeholder="<?php echo esc_attr( dayslot_defaults()['full_contact'] ); ?>" aria-label="<?php esc_attr_e( 'Message about booked times', 'dayslot' ); ?>">
				<p class="description"><?php esc_html_e( 'An exact time inside a full time window counts as booked too (e.g. two orders for 10–12 with a limit of 2 close 10:00–11:45). {times} = the booked times. Add your phone number, e.g. "Call us: 600 100 200".', 'dayslot' ); ?></p>
			</td>
		</tr>
		<tr>
			<th scope="row"><?php esc_html_e( 'Date outside the checkout', 'dayslot' ); ?></th>
			<td>
				<label style="display:block;margin-bottom:6px"><input type="checkbox" name="dayslot_settings[cart_note]" value="yes" <?php checked( 'yes', $s['cart_note'] ); ?>> <?php esc_html_e( 'In the cart: the chosen date and time, or the first free date', 'dayslot' ); ?></label>
				<label style="display:block;margin-bottom:6px"><input type="checkbox" name="dayslot_settings[product_note]" value="yes" <?php checked( 'yes', $s['product_note'] ); ?>> <?php esc_html_e( 'On product pages: the first free date, under the price', 'dayslot' ); ?></label>
				<label style="display:block;margin-bottom:6px"><input type="checkbox" name="dayslot_settings[add_to_calendar]" value="yes" <?php checked( 'yes', $s['add_to_calendar'] ); ?>> <?php esc_html_e( '"Add to calendar" for customers (Google, Apple, Outlook): on the thank-you page, in My Account and in e-mails', 'dayslot' ); ?></label>
				<label style="display:block;margin-bottom:6px"><input type="checkbox" name="dayslot_settings[app_fields]" value="yes" <?php checked( 'yes', $s['app_fields'] ); ?>> <?php esc_html_e( 'Delivery details as custom fields on the order (visible in the WooCommerce mobile app, "View custom fields")', 'dayslot' ); ?></label>
				<p><label><?php esc_html_e( 'Text before a date is chosen', 'dayslot' ); ?><br><input type="text" class="regular-text" name="dayslot_settings[earliest_text]" value="<?php echo esc_attr( $s['earliest_text'] ); ?>" placeholder="<?php echo esc_attr( dayslot_defaults()['earliest_text'] ); ?>"></label></p>
				<p><label><?php esc_html_e( 'Text when a date is chosen', 'dayslot' ); ?><br><input type="text" class="regular-text" name="dayslot_settings[cart_date_text]" value="<?php echo esc_attr( $s['cart_date_text'] ); ?>" placeholder="<?php echo esc_attr( dayslot_defaults()['cart_date_text'] ); ?>"></label></p>
				<p class="description"><?php esc_html_e( '{date} = the date. Preparation days of the products are taken into account. You can also put the first free date anywhere with the shortcode', 'dayslot' ); ?> <code>[dayslot_earliest]</code>. <?php esc_html_e( 'The product page line costs one small database query; leave it off if speed matters most.', 'dayslot' ); ?></p>
			</td>
		</tr>
		<?php
		$texts = array(
			'method_label'          => array( __( 'Step 1 title', 'dayslot' ), dayslot_defaults()['method_label'] ),
			'delivery_text'         => array( __( 'Button: delivery', 'dayslot' ), dayslot_defaults()['delivery_text'] ),
			'label'                 => array( __( 'Step 2 title (date)', 'dayslot' ), dayslot_defaults()['label'] ),
			'time_label'            => array( __( 'Step 3 title (time)', 'dayslot' ), dayslot_defaults()['time_label'] ),
			'required_message'      => array( __( 'Message: date missing', 'dayslot' ), dayslot_defaults()['required_message'] ),
			'unavailable_message'   => array( __( 'Message: date not available', 'dayslot' ), dayslot_defaults()['unavailable_message'] ),
			'slot_required_message' => array( __( 'Message: time missing', 'dayslot' ), dayslot_defaults()['slot_required_message'] ),
			'slot_full_message'     => array( __( 'Message: time not available', 'dayslot' ), dayslot_defaults()['slot_full_message'] ),
		);
		foreach ( $texts as $key => $info ) :
			?>
			<tr>
				<th scope="row"><label for="dayslot_<?php echo esc_attr( $key ); ?>"><?php echo esc_html( $info[0] ); ?></label></th>
				<td><input type="text" id="dayslot_<?php echo esc_attr( $key ); ?>" name="dayslot_settings[<?php echo esc_attr( $key ); ?>]" value="<?php echo esc_attr( $s[ $key ] ); ?>" class="large-text" placeholder="<?php echo esc_attr( $info[1] ); ?>"></td>
			</tr>
		<?php endforeach; ?>
	</table>
	<?php
}

function dayslot_render_appearance_tab( $s ) {
	$style  = dayslot_style_settings();
	$colors = array(
		'primary'    => __( 'Main colour (selected day, active button)', 'dayslot' ),
		'on_primary' => __( 'Text on the main colour', 'dayslot' ),
		'bg'         => __( 'Background', 'dayslot' ),
		'text'       => __( 'Text', 'dayslot' ),
		'border'     => __( 'Borders', 'dayslot' ),
		'busy'       => __( 'Unavailable days', 'dayslot' ),
		'fee'        => __( 'Mark of days with a higher price', 'dayslot' ),
	);
	?>
	<div class="dys-preview-wrap">
		<div>
			<h2><?php esc_html_e( 'Match my checkout', 'dayslot' ); ?></h2>
			<p><label><input type="checkbox" name="dayslot_settings[style][match]" value="yes" <?php checked( 'yes', $style['match'] ); ?>> <?php esc_html_e( 'Take the colours, corners and font from my checkout\'s own fields and order button', 'dayslot' ); ?></label></p>
			<p class="description"><?php esc_html_e( 'For FunnelKit, CartFlows, Elementor and other checkout designs: the picker looks like the rest of the form. Colours and corners you set below stay as you set them. The preview here can\'t show it — check your checkout page.', 'dayslot' ); ?></p>

			<h2><?php esc_html_e( 'Ready-made looks', 'dayslot' ); ?></h2>
			<div class="dys-presets">
				<?php foreach ( dayslot_style_presets() as $id => $preset ) : ?>
					<button type="button" class="button dys-preset" data-preset="<?php echo esc_attr( $id ); ?>"><?php echo esc_html( $preset['label'] ); ?></button>
				<?php endforeach; ?>
				<button type="button" class="button-link dys-preset" data-preset=""><?php esc_html_e( 'Reset to default (theme colours)', 'dayslot' ); ?></button>
			</div>
			<input type="hidden" name="dayslot_settings[style][preset]" class="dys-style" data-key="preset" value="<?php echo esc_attr( $style['preset'] ); ?>">

			<h2><?php esc_html_e( 'Colours', 'dayslot' ); ?></h2>
			<p class="description"><?php esc_html_e( 'Empty = take it from your theme.', 'dayslot' ); ?></p>
			<?php foreach ( $colors as $key => $label ) : ?>
				<div class="dys-color-row">
					<label for="dayslot_style_<?php echo esc_attr( $key ); ?>"><?php echo esc_html( $label ); ?></label>
					<input type="color" class="dys-color-pick" data-for="dayslot_style_<?php echo esc_attr( $key ); ?>" value="<?php echo esc_attr( $style[ $key ] ? $style[ $key ] : '#000000' ); ?>" aria-label="<?php echo esc_attr( $label ); ?>">
					<input type="text" class="dys-style regular-text code" style="max-width:110px" id="dayslot_style_<?php echo esc_attr( $key ); ?>" data-key="<?php echo esc_attr( $key ); ?>" name="dayslot_settings[style][<?php echo esc_attr( $key ); ?>]" value="<?php echo esc_attr( $style[ $key ] ); ?>" placeholder="<?php esc_attr_e( 'theme', 'dayslot' ); ?>">
				</div>
			<?php endforeach; ?>

			<h2><?php esc_html_e( 'Shape and size', 'dayslot' ); ?></h2>
			<?php
			$sizes = array(
				'radius'       => array( __( 'Rounded corners — everything (px)', 'dayslot' ), 10, false ),
				'radius_btn'   => array( __( 'Buttons: delivery / pickup, kinds, times', 'dayslot' ), '', true ),
				'radius_day'   => array( __( 'Calendar days', 'dayslot' ), '', true ),
				'radius_card'  => array( __( 'Boxes: calendar, time list', 'dayslot' ), '', true ),
				'radius_input' => array( __( 'Fields and drop-downs', 'dayslot' ), '', true ),
				'font_size'    => array( __( 'Font size (px)', 'dayslot' ), '', false ),
				'gap'          => array( __( 'Spacing (px)', 'dayslot' ), 12, false ),
			);
			foreach ( $sizes as $key => $info ) :
				?>
				<div class="dys-color-row">
					<label for="dayslot_style_<?php echo esc_attr( $key ); ?>"><?php echo esc_html( $info[0] ); ?></label>
					<input type="number" min="0" max="999" class="dys-style small-text" id="dayslot_style_<?php echo esc_attr( $key ); ?>" data-key="<?php echo esc_attr( $key ); ?>" name="dayslot_settings[style][<?php echo esc_attr( $key ); ?>]" value="<?php echo esc_attr( $style[ $key ] ); ?>" placeholder="<?php echo esc_attr( $info[2] ? __( 'as above', 'dayslot' ) : (string) $info[1] ); ?>">
					<span class="dys-shapes">
						<?php if ( $info[2] ) : ?>
							<button type="button" class="button button-small dys-shape" data-for="dayslot_style_<?php echo esc_attr( $key ); ?>" data-value="0"><?php esc_html_e( 'Square', 'dayslot' ); ?></button>
							<button type="button" class="button button-small dys-shape" data-for="dayslot_style_<?php echo esc_attr( $key ); ?>" data-value="10"><?php esc_html_e( 'Rounded', 'dayslot' ); ?></button>
							<button type="button" class="button button-small dys-shape" data-for="dayslot_style_<?php echo esc_attr( $key ); ?>" data-value="999"><?php esc_html_e( 'Pill', 'dayslot' ); ?></button>
						<?php endif; ?>
					</span>
				</div>
			<?php endforeach; ?>

			<h2><?php esc_html_e( 'Layout', 'dayslot' ); ?></h2>
			<p><strong><?php esc_html_e( 'Delivery / pickup buttons', 'dayslot' ); ?></strong><br>
				<?php
				foreach ( array(
					'switch'  => __( 'Switch', 'dayslot' ),
					'cards'   => __( 'Cards with icons', 'dayslot' ),
					'buttons' => __( 'Plain buttons', 'dayslot' ),
				) as $value => $label ) :
					?>
					<label style="margin-right:14px"><input type="radio" class="dys-style" data-key="mode_style" name="dayslot_settings[style][mode_style]" value="<?php echo esc_attr( $value ); ?>" <?php checked( $style['mode_style'], $value ); ?>> <?php echo esc_html( $label ); ?></label>
				<?php endforeach; ?>
			</p>
			<p><strong><?php esc_html_e( 'Dates', 'dayslot' ); ?></strong><br>
				<?php
				foreach ( array(
					'calendar' => __( 'Calendar', 'dayslot' ),
					'select'   => __( 'Drop-down list of free dates', 'dayslot' ),
				) as $value => $label ) :
					?>
					<label style="margin-right:14px"><input type="radio" class="dys-style" data-key="date_style" name="dayslot_settings[style][date_style]" value="<?php echo esc_attr( $value ); ?>" <?php checked( $style['date_style'], $value ); ?>> <?php echo esc_html( $label ); ?></label>
				<?php endforeach; ?>
			</p>
			<p><strong><?php esc_html_e( 'Times', 'dayslot' ); ?></strong><br>
				<?php
				foreach ( array(
					'list'   => __( 'List', 'dayslot' ),
					'grid'   => __( 'Grid of buttons', 'dayslot' ),
					'select' => __( 'Drop-down', 'dayslot' ),
				) as $value => $label ) :
					?>
					<label style="margin-right:14px"><input type="radio" class="dys-style" data-key="time_style" name="dayslot_settings[style][time_style]" value="<?php echo esc_attr( $value ); ?>" <?php checked( $style['time_style'], $value ); ?>> <?php echo esc_html( $label ); ?></label>
				<?php endforeach; ?>
			</p>

			<?php do_action( 'dayslot_appearance_after_style', $s ); ?>
		</div>
		<div>
			<p>
				<button type="button" class="button dys-preview-size" data-size="phone"><?php esc_html_e( 'Phone', 'dayslot' ); ?></button>
				<button type="button" class="button dys-preview-size" data-size="desktop"><?php esc_html_e( 'Computer', 'dayslot' ); ?></button>
			</p>
			<div class="dys-preview is-phone" aria-label="<?php esc_attr_e( 'Preview', 'dayslot' ); ?>"><div id="dys-preview-mount"></div></div>
		</div>
	</div>
	<?php
}