<?php /** * Template invoice view. * * @since 2.0.0 */ $has_tax_included = false; ?> <style> .invoice-box { width: 100%; margin: auto; font-size: 16px; line-height: 24px; color: #555; } .invoice-box table { width: 100%; line-height: inherit; text-align: left; } .invoice-box table td { padding: 5px; vertical-align: top; } .invoice-box table tr td:nth-child(2) { text-align: right; } .invoice-box table tr.top table td { padding-bottom: 20px; } .invoice-box table tr.top table td.title { font-size: 45px; line-height: 45px; color: #333; } .invoice-box table tr.information table td { padding-bottom: 40px; } .invoice-box table tr.heading td { background: #eee; border-bottom: 1px solid #ddd; font-weight: 500; } .invoice-box table { border-collapse: 1; } .invoice-box table tr.heading th { border-left: 1px solid #ddd; border-right: 1px solid #ddd; } .invoice-box table tr.item td { vertical-align: middle; } .invoice-box table tr.heading th { background: #eee; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 10px; text-align: right; font-weight: bold; text-transform: uppercase; font-size: 80%; } .invoice-box table tr.details td { padding: 10px; } .invoice-box table tr.item td{ border-bottom: 1px solid #eee; padding: 10px; } .invoice-box table tr.item.last td { border-bottom: none; } .invoice-box table tr.total td { border-top: 2px solid #eee; font-weight: bold; padding-bottom: 60px; padding-top: 10px; text-align: right; } @media only screen and (max-width: 600px) { .invoice-box table tr.top table td { width: 100%; display: block; text-align: center; } .invoice-box table tr.information table td { width: 100%; display: block; text-align: center; } } /** RTL **/ .rtl { direction: rtl; } .rtl table { text-align: right; } .rtl table tr td:nth-child(2) { text-align: left; } .primary-color { padding: 10px; background-color: <?php echo $primary_color; ?>; } </style> <div class="invoice-box"> <table cellpadding="0" cellspacing="0"> <tr class="top"> <td colspan="5"> <table> <tr> <td class="title"> <?php if ($use_custom_logo && $custom_logo) : ?> <?php $image_attributes = wp_get_attachment_image_src($custom_logo, 'full'); ?> <img src="<?php echo wu_get_isset($image_attributes, 0, false); ?>" width="100" height="" /> <?php else : ?> <img width="100" src="<?php echo $logo_url; ?>" alt="<?php echo get_network_option(null, 'site_name'); ?>"> <?php endif; ?> </td> <td> <strong><?php _e('Invoice #', 'wp-ultimo'); ?></strong><br> <?php echo $payment->get_invoice_number(); ?> <br> <?php printf(__('Created: %s', 'wp-ultimo'), date_i18n(get_option('date_format'), strtotime($payment->get_date_created()))); ?><br> <?php _e('Due on Receipt', 'wp-ultimo'); ?><br> </td> </tr> </table> </td> </tr> <tr class="information"> <td colspan="5"> <table> <tr> <td> <strong> <?php /** * Displays company name. */ echo $company_name; ?> </strong> <br> <?php /** * Displays the company address. */ echo nl2br($company_address); ?> </td> <td> <strong><?php _e('Bill to', 'wp-ultimo'); ?></strong> <br> <?php /** * Displays the clients address. */ echo nl2br(implode(PHP_EOL, (array) $billing_address)); ?> </td> </tr> </table> </td> </tr> <tr class="heading"> <th style="text-align: left;"> <?php _e('Item', 'wp-ultimo'); ?> </th> <th style="width: 17%;"> <?php _e('Price', 'wp-ultimo'); ?> </th> <th style="width: 17%;"> <?php _e('Discount', 'wp-ultimo'); ?> </th> <th style="width: 17%;"> <?php _e('Tax', 'wp-ultimo'); ?> </th> <th style="width: 17%;"> <?php _e('Total', 'wp-ultimo'); ?> </th> </tr> <?php foreach ($line_items as $line_item) : ?> <tr class="item"> <td> <span class="font-weight: medium;"><?php echo $line_item->get_title(); ?></span> <br> <small><?php echo $line_item->get_description(); ?></small> </td> <td style="text-align: right;"> <?php echo wu_format_currency($line_item->get_subtotal(), $payment->get_currency()); ?> </td> <td style="text-align: right;"> <?php echo wu_format_currency($line_item->get_discount_total(), $payment->get_currency()); ?> </td> <td style="text-align: right;"> <?php echo wu_format_currency($line_item->get_tax_total(), $payment->get_currency()); ?> <br> <small><?php echo $line_item->get_tax_label(); ?> (<?php echo $line_item->get_tax_rate(); ?>%)</small> <?php if ($line_item->get_tax_inclusive()) : ?> <?php $has_tax_included = true; ?> <small>*</small> <?php endif; ?> </td> <td style="text-align: right;"> <?php echo wu_format_currency($line_item->get_total(), $payment->get_currency()); ?> </td> </tr> <?php endforeach; ?> <tr class="total"> <?php if ($has_tax_included) : ?> <td style="text-align: left; font-weight: normal;"> <small>* <?php _e('Tax included in price.', 'wp-ultimo'); ?></small> </td> <?php endif; ?> <td colspan='5'> <?php printf(__('Total: %s', 'wp-ultimo'), wu_format_currency($payment->get_total(), $payment->get_currency())); ?> </td> </tr> <?php if (!$payment->is_payable()) : ?> <tr class="heading"> <th colspan="5" style="text-align: left;"> <?php _e('Payment Method', 'wp-ultimo'); ?> </th> </tr> <tr class="details"> <td colspan="5"> <?php echo $payment->get_payment_method(); ?> </td> </tr> <?php endif; ?> </table> </div>