<?php
/**
 * Shortcodes view.
 *
 * @since 2.0.24
 */
?>

<div id="wp-ultimo-wrap" class="<?php wu_wrap_use_container(); ?> wrap">

	<h1 class="wp-heading-inline"><?php _e('Available Shortcodes', 'wp-ultimo'); ?></h1>

	<div id="poststuff">
	<div id="post-body" class="">
		<div id="post-body-content">

		<?php foreach ($data as $shortcode) { ?>

			<div class="metabox-holder">
			<div class="postbox">
				<div class="wu-w-full wu-box-border wu-m-0 wu-border-t wu-border-l-0 wu-border-r-0 wu-border-b-0 wu-border-gray-300 wu-border-solid">

				<div class="wu-bg-gray-100 wu-py-4 wu-w-full wu-box-border wu-p-4 wu-py-5 wu-m-0 wu-border-b wu-border-l-0 wu-border-r-0 wu-border-t-0 wu-border-gray-300 wu-border-solid">
					<a  
					href="<?php echo $shortcode['generator_form_url']; ?>" 
					class="wu-float-right wubox wu-no-underline wu-text-gray-600"
					title="<?php _e('Generator', 'wp-ultimo'); ?>"
					>
					<span class="dashicons-wu-rocket"></span>
					<?php _e('Generator', 'wp-ultimo'); ?>
					</a>  
					<div class="wu-block">
					<h3 class="wu-my-1 wu-text-base wu-text-gray-800">
						<?php echo $shortcode['title']; ?> <code>[<?php echo $shortcode['shortcode']; ?>]</code>
					</h3>
					<p class="wu-mt-1 wu-mb-0 wu-text-gray-700">
						<?php echo $shortcode['description']; ?>
					</p>
					</div>
				</div>

				<div class="wu-w-full">
					<table class="wu-table-auto striped wu-w-full">
					<tr>
						<th class="wu-px-4 wu-py-2 wu-w-3/12 wu-text-left">
						<?php _e('Parameter', 'wp-ultimo'); ?>
						</th>
						<th class="wu-px-4 wu-py-2 wu-w-4/12 wu-text-left">
						<?php _e('Description', 'wp-ultimo'); ?>
						</th>
						<th class="wu-px-4 wu-py-2 wu-w-3/12 wu-text-left">
						<?php _e('Accepted Values', 'wp-ultimo'); ?>
						</th>
						<th class="wu-px-4 wu-py-2 wu-w-2/12 wu-text-left">
						<?php _e('Default Value', 'wp-ultimo'); ?>
						</th>
					</tr>
					<?php foreach ($shortcode['params'] as $param => $value) { ?>
						<tr>
						<td class="wu-px-4 wu-py-2 wu-text-left">
							<?php echo $param; ?>
						</td>
						<td class="wu-px-4 wu-py-2 wu-text-left">
							<?php echo $value['desc']; ?>
						</td>
						<td class="wu-px-4 wu-py-2 wu-text-left">
							<?php echo $value['options']; ?>
						</td>
						<td class="wu-px-4 wu-py-2 wu-text-left">
							<?php echo $value['default']; ?>
						</td>
						</tr>
					<?php } ?>
					</table>
				</div>

				</div>
			</div>
			</div>

		<?php } ?>

		</div>
	</div>
	</div>
</div>