Wyrd Distro Invoice Template

Wyrd Distro Invoice Template

<center>
<img src="https://cdn.shopify.com/s/files/1/0250/7563/files/WDLOGO.jpg?332" height="150" /> <br />

<style> 

.table-tabular td.nice {
border-bottom: none;
}

.table-tabular.items {
font-size: 11px;
margin: 0 0 1.5em 0;
border:none;
}

</style>

<p style="float: right; text-align: right; font-size:11px; margin: 0;">
  {{ "now" | date: "%Y-%m-%d" }}<br/>
distro.weirdcanada.com<br/>
  {{ order_name }}<br/>
</p>
<p style="float: left; text-align: left; font-size:11px; margin: 0;">
<h7><b>Wyrd</b></h7><br/>
  {{ shop.address }}<br/>
  {{ shop.city }} {{ shop.province_code }} {{ shop.zip | upcase }}<br/>
  {{ shop.country }} <br/> <br/>
 </p>
 <br/><br/><br/><br/><br/>

<table class="table-tabular items">
  <thead>
    <tr class="nice">
      <th></th>
      <th><b>Item</b></th>
      {% if show_line_item_taxes %}
      <th>Taxes</th>
      {% endif %}
      <th>Price</th>
    </tr>
  </thead>
  
  
  <tbody>
    {% for line_item in line_items %}
      <tr class="nice">
        <td class="nice">{{ line_item.quantity }} x</td>
        <td class="nice">{{ line_item.title }}</td>
        {% if line_item.tax_lines %}
          <td class="nice">
            {% for tax_line in line_item.tax_lines %}
              {{ tax_line.price | money }} {{ tax_line.title }}<br/>
            {% endfor %}
          </td>
        {% endif %}
        <td class="nice">{{ line_item.price | money }}</td>
      </tr>
    {% endfor %}
  </tbody>
</table>

<table class="table-tabular items">
  <tr>
    <td class="nice"><div style="text-align:right;">Subtotal price:</div></td>
    <td class="nice"><div style="float:right;width:23%;">{{ subtotal_price | money }}</div></td>
  </tr>
  {% for discount in discounts %}
  <tr>
    <td class="nice"><div style="text-align:right;">Includes discount "{{ discount.code }}"</div></td>
    <td class="nice"><div style="float:right;width:23%;">{{ discount.savings | money }}</div></td>
  </tr>
  {% endfor %}
  <tr>
    <td class="nice"><div style="text-align:right;">Total tax:</div></td>
    <td class="nice"><div style="float:right;width:23%;">{{ tax_price | money }}</div></td>
  </tr>
  {% if shipping_address %}
    <tr>
      <td class="nice"><div style="text-align:right;">Shipping:</div></td>
      <td class="nice"><div style="float:right;width:23%;">{{ shipping_price | money }}</div></td>
    </tr>
  {% endif %}
  <tr>
    <td class="nice"><div style="text-align:right;"><strong>Total price:</strong></div></td>
    <td class="nice"><div style="float:right;width:23%;"><strong>{{ total_price | money }}</strong></div></td>
  </tr>
  {% if total_paid != total_price %}
    <tr>
      <td class="nice"><div style="text-align:right;"><strong>Total paid:</strong></div></td>
      <td class="nice"><div style="float:right;width:23%;"><strong>{{ total_paid | money }}</strong></div></td>
    </tr>
    <tr>
      <td class="nice"><div style="text-align:right;"><strong>Outstanding Amount:</strong></div></td>
      <td class="nice"><div style="float:right;width:23%;"><strong>{{ total_price | minus: total_paid | money }}</strong></div></td>
    </tr>
  {% endif %}
</table>
<br />

{% if note %}
  <h3 style="margin: 0 0 1em 0;">Note</h3>
  <p>{{ note }}</p>
{% endif %}

<hr />

<div style="margin: 0 0 1em 0; font-size:11px;">

<p>{{ shipping_line.title }}</p>

<p><b>{{ shipping_address.name }}</b>
    {% if shipping_address.company %}
    :{{ shipping_address.company }}
    {% endif %}<br />
    {{ shipping_address.street }} <br />
    {{ shipping_address.city }}, {{ shipping_address.province_code }}, {{ shipping_address.zip | upcase }}<br />
    {{ shipping_address.country }} <br /></p>
   <br /> 
Thank you for supporting Wyrd Distro: a nonprofit, volunteer-run, curated offering of Canadian art.<br /><br />
<img src="https://cdn.shopify.com/s/files/1/0250/7563/files/Leaf.jpg?338" height="50" /> <br />

</div>