<?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>