<?php
/**
 * The business's look, as CSS custom properties for what this plugin draws
 * in the page itself: the booking buttons, the floating button, the frame
 * wrapper. The look is RazorBooking's Appearance (palette and corner style,
 * set on the Design screen or in RazorBooking) — the same one the booking
 * site and the widget wear, so a button here and the booking page it opens
 * look like one product. There is no WordPress copy of it.
 *
 * @package Razorbooking
 * @subpackage Razorbooking/includes
 */

if ( ! defined( 'WPINC' ) ) {
	die;
}

class Razorbooking_Theme {

	/**
	 * The CSS custom properties the front end styles against.
	 *
	 * @param Razorbooking_Look_Dto|null $look The business's look; null before it is synced.
	 * @return string A rule for :root, or '' when there is no look to say.
	 */
	public static function inline_css( ?Razorbooking_Look_Dto $look ): string {
		$tokens = self::tokens( $look );

		if ( empty( $tokens ) ) {
			return '';
		}

		$declarations = '';

		foreach ( $tokens as $property => $value ) {
			$declarations .= sprintf( '%s:%s;', $property, $value );
		}

		return ':root{' . $declarations . '}';
	}

	/**
	 * The look as CSS custom properties: property => value.
	 *
	 * @return array<string,string>
	 */
	public static function tokens( ?Razorbooking_Look_Dto $look ): array {
		if ( ! $look ) {
			return array();
		}

		return array(
			'--rb-accent'         => $look->primary,
			'--rb-accent-ink'     => $look->label,
			// The corner style's radii, from the API (ButtonShape::radii) —
			// the same corners the booking site and the widget draw.
			'--rb-control-radius' => $look->button_radius,
			'--rb-radius'         => $look->frame_radius,
		);
	}
}