<p style="float: right; text-align: right; margin: 0;">
  {{ "now" | date: "%m/%d/%y" }}<br />
  Invoice for {{ order_name }}
</p>
 
<div style="float: left; margin: 0 0 1.5em 0;" >
  <strong style="font-size: 2em;">{{ shop_name }}</strong><br /><br />
  {{ shop.address }}<br/>
  {{ shop.city }} {{ shop.province_code }} {{ shop.zip | upcase }}<br/>
  {{ shop.country }}
</div>
 
<hr />
 
<h3 style="margin: 0 0 1em 0;">Item Details</h3>
 
<table class="table-tabular" style="margin: 0 0 1.5em 0;">
  <thead>
    <tr>
      <th>Quantity</th>
      <th>Item</th>
      {% if show_line_item_taxes %}
      <th>Taxes</th>
      {% endif %}
      <th>Price</th>
    </tr>
  </thead>
  <tbody>
    <!-- Bold 1 -->
    {% assign hidden_variant_ids = "" %}
    {% for line in line_items %}
        {% for prop in line.properties %}
          {% if prop.first == "_boldVariantIds" %}
            {% assign hidden_variant_ids = hidden_variant_ids | append: prop.last | append: ',' %}
          {% endif %}
        {% endfor %}
    {% endfor %}
    <!-- Bold 1 -->
    {% for line_item in line_items %}
 
    <!-- Bold 2 -->
      {% assign variant_id = line_item.variant_id | append: "" %}
      {% if hidden_variant_ids contains variant_id %}{% continue %}{% endif %}
 
      {% assign bold_item_price = line_item.price %}
      {% assign bold_line_price = line_item.line_price %}
      {% assign bold_var_ids = "" %}
      {% assign price_index = "" %}
      {% assign bold_qtys = "" %}
          {% for prop2 in line_item.properties %}
              {% if prop2.first == "_boldVariantIds" %}
                  {% assign bold_var_ids = prop2.last | split: "," %}
              {% elsif prop2.first == "_boldVariantPrices" %}
                {% assign price_index = prop2.last | split: "," %}
              {% elsif prop2.first == "_boldVariantQtys" %}
                {% assign bold_qtys = prop2.last | split: "," %}
              {% endif %}
          {% endfor %}
 
              {% unless price_index == "" && bold_var_ids == "" %}
              {% for price in price_index %}
                {% assign bold_qty = 1 %}
                {% if bold_qtys.length > 0 %}{% assign bold_qty = bold_qtys[forloop.index0] %}{% endif %}
 
                {% assign bold_item_price = bold_item_price | plus: price %}
                {% assign temp_price = price | times: bold_qty %}
                {% assign bold_line_price = bold_line_price | plus: temp_price %}
              {% endfor %}
              {% endunless %}
 
      {% assign bold_options = " " %}
 
      {% for bold_option in line_item.properties %}
          {% assign first_char = bold_option.first | slice: 0, 1 %}
          {% assign opt_title = bold_option | first %}
          {% assign opt_desc = bold_option | last %}
              {% unless first_char == '_' or first_char=='_boldOptionLocalStorageId' or bold_option.first == 'master_builder' or bold_option.first == 'builder_id' or bold_option.first == '_boldOptionLocalStorageId' or  bold_option.first == 'builder_info' or bold_option.last == "" %}
                {% assign bold_options = bold_options | append: '<br />' | append: opt_title | append: ': ' | append: opt_desc %}
              {% endunless%}
      {% endfor %}
 
      {% assign bold_options = bold_options | prepend: '<span class="bold_options">' | append: "</span>" %}
      <!-- end Bold 2 -->
      <tr>
        <td>{{ line_item.quantity }} x</td>
        <td>
          <b>{{ line_item.title }}</b>
          {{ bold_options }}
        </td>
        {% if line_item.tax_lines %}
          <td>
            {% for tax_line in line_item.tax_lines %}
              {{ tax_line.price | money }} {{ tax_line.title }}<br/>
            {% endfor %}
          </td>
        {% endif %}
        <td>
          {% if line_item.original_price != line_item.price %}
            <s>{{ line_item.original_price | money }}</s>
          {% endif %}
          {{ bold_line_price | money }}
        </td>
      </tr>
    {% endfor %}
  </tbody>
</table>
 
{% if transactions.size > 1 %}
  <h3 style="margin: 0 0 1em 0;">Transaction Details</h3>
  <table class="table-tabular" style="margin: 0 0 1.5em 0;">
    <thead>
      <tr>
        <th>Type</th>
        <th>Amount</th>
        <th>Kind</th>
        <th>Status</th>
      </tr>
    </thead>
    <tbody>
      {% for transaction in transactions %}
        <tr>
          <td>{{ transaction.gateway | payment_method }}</td>
          <td>{{ transaction.amount | money }}</td>
          <td>{{ transaction.kind }}</td>
          <td>{{ transaction.status }}</td>
        </tr>
      {% endfor %}
    </tbody>
  </table>
{% endif %}
 
<h3 style="margin: 0 0 1em 0;">Payment Details</h3>
 
<table class="table-tabular" style="margin: 0 0 1.5em 0;">
  <tr>
    <td>Subtotal price:</td>
    <td>{{ subtotal_price | money }}</td>
  </tr>
  {% for discount in discounts %}
  <tr>
    <td>Includes discount "{{ discount.code }}"</td>
    <td>{{ discount.savings | money }}</td>
  </tr>
  {% endfor %}
  <tr>
    <td>Total tax:</td>
    <td>{{ tax_price | money }}</td>
  </tr>
  {% if shipping_address %}
    <tr>
      <td>Shipping:</td>
      <td>{{ shipping_price | money }}</td>
    </tr>
  {% endif %}
  <tr>
    <td><strong>Total price:</strong></td>
    <td><strong>{{ total_price | money }}</strong></td>
  </tr>
  {% if total_paid != total_price %}
    <tr>
      <td><strong>Total paid:</strong></td>
      <td><strong>{{ total_paid | money }}</strong></td>
    </tr>
    <tr>
      <td><strong>Outstanding Amount:</strong></td>
      <td><strong>{{ total_price | minus: total_paid | money }}</strong></td>
    </tr>
  {% endif %}
</table>
 
{% if note %}
  <h3 style="margin: 0 0 1em 0;">Note</h3>
  <p>{{ note }}</p>
{% endif %}
 
{% if shipping_address %}
  <h3 style="margin: 0 0 1em 0;">Shipping Details</h3>
 
  <div style="margin: 0 0 1em 0; padding: 1em; border: 1px solid black;">
    <strong>{{ shipping_address.name }}</strong><br/>
 
    {% if shipping_address.company %}
      {{ shipping_address.company }}<br/>

    {% endif %}
    {{ shipping_address.street }}<br/>
    {{ shipping_address.city }}
    {{ shipping_address.province_code }}
    {{ shipping_address.zip | upcase }}<br/>
    {{ shipping_address.country }}
  </div>
{% endif %}
 
<p>If you have any questions, please send an email to <u>{{ shop.email }}</u></p>