<?php
/**
 * Total widget view.
 *
 * @since 2.0.0
 */
?>
<div class="wu-styling">

  <ul class="md:wu-flex wu-my-0 wu-mx-0">

    <li class="wu-p-2 wu-w-full md:wu-w-full wu-relative">

      <div>

        <strong class="wu-text-gray-800 wu-text-2xl md:wu-text-xl">
          <?php echo $new_accounts; ?>
        </strong>

      </div>

      <div class="wu-text-sm wu-text-gray-600">
        <span class="wu-block"><?php _e('New Memberships', 'wp-ultimo'); ?></span>
      </div>

    </li>

  </ul>

  <div class="wu--mx-3 wu--mb-3 wu-mt-2">


  <table class="wp-list-table widefat fixed striped wu-border-t-1 wu-border-l-0 wu-border-r-0">

      <thead>
        <tr>
          <th><?php _e('Product Name', 'wp-ultimo'); ?></th>
          <th class="wu-text-right"><?php _e('New Memberships', 'wp-ultimo'); ?></th>
        </tr>
      </thead>

      <tbody>

        <?php if ($products) : ?>

          <?php foreach ($products as $product) : ?>

            <tr>
              <td>
                <?php echo $product->name; ?>
              </td>
              <td class="wu-text-right">
                <?php echo $product->count; ?>
              </td>
            </tr>

          <?php endforeach; ?>

        <?php else : ?>

            <tr>
              <td colspan="2">
                <?php _e('No Products found.', 'wp-ultimo'); ?>
              </td>
            </tr>

        <?php endif; ?>

      </tbody>

  </table>

  </div>

</div>
