<?php /** * Invoices * * @since 2.0.0 */ ?> <div class="wu-styling <?php echo esc_attr($className); ?>"> <div class="<?php echo wu_env_picker('', 'wu-widget-inset'); ?>"> <?php if ($title) : ?> <!-- Title Element --> <div class="wu-p-4 wu-flex wu-items-center <?php echo wu_env_picker('', 'wu-bg-gray-100 wu-border-solid wu-border-0 wu-border-b wu-border-gray-400'); ?>"> <h3 class="wu-m-0 <?php echo wu_env_picker('', 'wu-widget-title'); ?>"> <?php echo $title; ?> </h3> </div> <!-- Title Element - End --> <?php endif; ?> <table class="striped <?php echo wu_env_picker('', 'wp-list-table widefat wu-border-none'); ?>"> <tbody class="wu-align-baseline"> <?php foreach ($membership->get_payments(array('number' => !empty($limit) ? $limit : null)) as $payment) : ?> <!-- Invoice Item --> <tr> <td class="wu-align-middle wu-py-4 wu-px-2"> <?php $download_link = sprintf('<a target="_blank" class="wu-no-underline wu-ml-2" href="%s" title="%s"> <span class="dashicons-wu-download"></span> </a>', $payment->get_invoice_url(), esc_attr__('Download Invoice', 'wp-ultimo')); $payment_column = $payment->get_status() === 'pending' ? array( 'pay_now' => array( 'url' => add_query_arg(array('payment' => $payment->get_hash()), wu_get_registration_url()), 'icon' => 'dashicons-wu-credit-card wu-align-middle wu-mr-1', 'label' => __('Go to payment', 'wp-ultimo'), 'value' => __('Pay Now', 'wp-ultimo'), ), ) : array(); echo wu_responsive_table_row(array( 'url' => false, 'title' => $payment->get_invoice_number().$download_link, 'status' => wu_format_currency($payment->get_total(), $payment->get_currency()), ), array_merge(array( 'status' => array( 'url' => false, 'icon' => wu_get_payment_icon_classes($payment->get_status()).' wu-mr-1', 'value' => $payment->get_status_label(), )), $payment_column ), array( 'date_created' => array( 'url' => false, 'icon' => 'dashicons-wu-calendar1 wu-align-middle wu-mr-1', 'label' => '', 'value' => $payment->get_formatted_date('date_created'), ), )); ?> </td> </tr> <!-- Invoice Item - End --> <?php endforeach; ?> </tbody> </table> </div> </div>