<?php
/**
 * This file includes code based on and/or copied from WordPress
 * See license.txt for copyright and licensing details
 *
 * This file modified by Jonathan Hall, Dominika Rauk and/or others; last modified 2020-08-28
 *
 */

if (!defined('ABSPATH')) die();
$testifyOptions = testify_get_options();
$testifyOptionsCurrent = testify_get_options_current();
?>

<form>
	<div class="testify-shortcode-dialog-body testify-settings">

		<input type="hidden" name="action" value="testify_get_shortcode" />
		<input type="hidden" name="nonce" value="<?php echo(esc_html(wp_create_nonce('testify_get_shortcode'))); ?>" />

		<div class="testify-tax-field">
			<label><?php esc_html_e('Testimonial Categories', 'testify-testify'); ?>:</label>
			<ul>
				<?php
					wp_terms_checklist(0, array(
						'taxonomy' => 'testify-cat'
					));
				?>
			</ul>
		</div>

		<div class="testify-tax-field">
			<label><?php esc_html_e('Testimonial Tags', 'testify-testify'); ?>:</label>
			<ul>
				<?php
					wp_terms_checklist(0, array(
						'taxonomy' => 'testify-tag'
					));
				?>
			</ul>
		</div>

		<h3 class="nav-tab-wrapper clear">
			<?php $first = true; foreach ($testifyOptions as $categoryId => $category) { ?>
			    <a href="#<?php echo(esc_html($categoryId)); ?>" class="nav-tab<?php if ($first) { $first = false; echo(esc_html(' nav-tab-active')); } ?>">
                    <?php echo(esc_html(isset($category['short_name']) ? $category['short_name'] : $category['name'])); ?>
                </a>
			<?php } ?>
		</h3>

		<?php $first = true; foreach ($testifyOptions as $categoryId => $category) { ?>

		<div class="testify-settings-panel testify-settings-panel-<?php echo(esc_html($categoryId)); ?><?php if ($first) { $first = false; } else { echo(esc_html(' testify-hidden')); } ?>">

			<?php foreach ($category['settings'] as $settingId => $setting) {

				if ($setting['type'] == 'color') { ?>

					<div class="testify-setting-color">
						<div>
                            <?php echo(esc_html($setting['name'])); ?>
							<?php if (isset($setting['desc'])) echo('<small>'.esc_html($setting['desc']).'</small>'); ?>
                        </div>
						<div>
							<input type="text" name="<?php echo(esc_attr($settingId)); ?>" value="<?php echo(esc_attr($testifyOptionsCurrent[$settingId])); ?>" class="testify-widget-color-control" data-palette="true" data-show-opacity="true" data-default-color="<?php echo(esc_attr($testifyOptionsCurrent[$settingId])); ?>" />
						</div>
					</div>

				<?php } else { ?>

					<label class="testify-setting-<?php echo esc_html(($setting['type'])); ?>">

						<span><?php echo(esc_html($setting['name'])); ?>
							<?php if (isset($setting['desc'])) echo('<small>'.esc_html($setting['desc']).'</small>'); ?></span>
						<span>

							<?php
								switch ($setting['type']) {
									case 'select': ?>

										<select name="<?php echo esc_attr($settingId); ?>">
										<?php
											foreach ($setting['options'] as $optionId => $option) {
												echo('<option value="'.esc_html($optionId).'"'.($optionId == $testifyOptionsCurrent[$settingId] ? ' selected="selected"' : '').'>'.esc_html($option).'</option>');
											}
										?>
										</select>

									<?php break;
									case 'integer': ?>

										<input type="number" name="<?php echo esc_attr($settingId); ?>" value="<?php echo(esc_html($testifyOptionsCurrent[$settingId])); ?>" min="0" />

									<?php break;
									case 'decimal': ?>

										<input type="number" name="<?php echo esc_attr($settingId); ?>" value="<?php echo(esc_html($testifyOptionsCurrent[$settingId])); ?>" min="0" step="0.01" />

									<?php break;
									case 'checkbox': ?>

										<input type="checkbox" name="<?php echo esc_attr($settingId); ?>"<?php if ($testifyOptionsCurrent[$settingId]) echo(' checked="checked"'); ?> />

									<?php break;
									case 'qmark': ?>

										<input type="hidden" name="<?php echo esc_attr($settingId); ?>" value="<?php echo(esc_html($testifyOptionsCurrent[$settingId])); ?>" />

										<?php // Adapted from testify/includes/testify_qmark_customize_control.php
										echo('<span class="testify-qmark-option'.(empty($testifyOptionsCurrent[$settingId]) ? ' active' : '').'" onclick="jQuery(this).addClass(\'active\').siblings().removeClass(\'active\').siblings(\'input\').val(0).change();">'.esc_html__('None', 'testify-testify').'</span>');

										$qmarkId = 1;
										$qmarkFilePre = dirname(__FILE__).'/../img/qmark';

										while( file_exists($qmarkFilePre.$qmarkId.'.svg') && ( $qmarkSvg = file_get_contents($qmarkFilePre.$qmarkId.'.svg') ) ) {
											echo('<span class="testify-qmark-option'.($testifyOptionsCurrent[$settingId] == $qmarkId ? ' active' : '').'" onclick="jQuery(this).addClass(\'active\').siblings().removeClass(\'active\').siblings(\'input\').val('.( (int) $qmarkId ).').change();">'
													// phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- SVG code loaded from a file that ships with this plugin
													.str_replace('{color}', '#666', $qmarkSvg).'</span>');
											++$qmarkId;
										}

										break;
									case 'icon': ?>

										<input type="hidden" name="<?php echo esc_attr($settingId); ?>" value="<?php echo(esc_html($testifyOptionsCurrent[$settingId])); ?>" />

                                        <script type="text/javascript">
                                            jQuery(document).ready(function($) {

                                                $('body .testify-setting-testify_icon .testify_font_icon li').on('click', function () {

                                                    var tIcon = $(this).data('icon'),
                                                        this_element = $(this),
                                                        this_symbol = this_element.index(),
                                                        active_symbol_class = 'testify_active';

                                                    if ( this_element.hasClass( active_symbol_class ) ) {
                                                        return false;
                                                    }

                                                    this_element.siblings( '.' + active_symbol_class ).removeClass( active_symbol_class ).end().addClass( active_symbol_class );
                                                    this_symbol = '%%' + this_symbol + '%%';

                                                    $(this).parents('.testify-setting-testify_icon').find('input').val( this_symbol ).change();
                                                });
                                            });
										</script>

										<?php
										$output = testify_get_font_icon_list_items($testifyOptionsCurrent[$settingId]);
										$output = sprintf( '<ul class="testify_font_icon">%1$s</ul>', $output );
										// phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- HTML output constructed from fixed HTML plus output from a function that produces escaped HTML
										print $output;

										break;
									default: ?>

										<input type="text" name="<?php echo esc_attr($settingId); ?>" value="<?php echo(esc_html($testifyOptionsCurrent[$settingId])); ?>" />
									<?php
								}
							?>
						</span>
					</label>

				<?php } ?>
			<?php } ?>
		</div>
		<?php } ?>

	</div>
	<div class="testify-shortcode-dialog-buttons">
		<button type="submit" class="button-primary"><?php esc_html_e('Insert', 'testify-testify');?></button>
		<button type="button" class="button-secondary button-cancel"><?php esc_html_e('Cancel', 'testify-testify');?></button>
	</div>

</form>