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