<table width="100%">
 <thead>
 <tr>
    <td>
        <h4>Packing list</h4>
    </td>
    <td>
        <h4>{{ order_number }}</h4>
    </td>
    <td>
    <img decoding="async" width="100px" height="20px" src="https://app.ipacky.com/App/Barcode?barcodeData={{order_number}}&barcodeType=CODE128B"/>
    </td>
    <td>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        {{ "now" | date: "%d.%m.%y" }}
    </td>
</tr>
</thead>
</table>
<table class="table-tabular" style="margin: 0 0 0m 0;" width="100%">
  <thead>
    <tr>
      <th>Photo</th>
      <th>SKU</th>
      <th>Product</th>
      
      <th>Qty</th>
      <th>Pluck</th>
    </tr>
  </thead>
  <tbody>
  {% assign iNumOfItemsTotal = 0 %}
  {% assign ItemsSorted = line_items | sort: 'title' %}
    {% for line_item in ItemsSorted %}
        {% if line_item.quantity > 0 %}
          <tr>
            <td>{{ line_item.variant | product_img_url: 'small' | img_tag }}
            </td>
            <td><H4>{{ line_item.sku }}</td>
             {% capture iNumOfItemsTotal %}{{ iNumOfItemsTotal | plus:line_item.quantity }}{% endcapture %}
             {% capture thisTitle %}{{ line_item.title }}{% endcapture %}
            
            <td><H4>{{ thisTitle }}
            {% comment %}
            Remove this if statement if you dont want to print the product barcode
            {% endcomment %}
            {% if line_item.variant.barcode != blank %}
                <img decoding="async" width="250px" height="30px" src="https://app.ipacky.com/App/Barcode?barcodeData={{ line_item.variant.barcode }}&barcodeType=CODE128B"/>
            {% endif %}

            {% if line_item.quantity > 1 %}
                <td><H4><b>{{ line_item.quantity }}</b></H4></td>
            {% else %}
                <td><H4>{{ line_item.quantity }}</H4></td>
            {% endif %}
      
            <td>____</td>
          </tr>
        {% endif %}
    {% endfor %}
  </tbody>
</table>
<br>
<table>
    <tbody>
        <td>
        Total items:
        </td>
        <td>
        &nbsp;&nbsp;&nbsp;&nbsp;
        </td>
        <td>
        {{ iNumOfItemsTotal }} &nbsp;&nbsp;&nbsp;&nbsp;______
        </td>
        </tr>
    </tbody>
</table>


{% if note %}
  <div style="margin: 0 0% 0 0;" width="100%;">
  <H3><p><span style="color:#FF0000">{{ note }}</span></p></h3>
  </div>
{% else %}
    <p></P>
{% endif %}

    <span style="font-size:10px;">

<table class="table-tabular" style="margin: 0 0 1.5em 0;" width="80%">
  <tr>
    <td>Product price:</td>
    <td>{{ subtotal_price | money }}</td>
  </tr>
  {% for discount in discounts %}
  <tr>
    <td>Included discount "{{ discount.code }}"</td>
    <td>{{ discount.savings | money }}</td>
  </tr>
  {% endfor %}
  {% if shipping_address %}
    <tr>
      <td>Freight:</td>
      <td>{{ shipping_price | money }}&nbsp;&nbsp;{{ shipping_method.title }}</td>
    </tr>
  {% endif %}
  <tr>
    <td><strong>Total price inc freight:</strong></td>
    <td><strong>{{ total_price | money }}</strong></td>
  </tr>
</table>

{% if shipping_address %}

    {% comment %}
  <div style="margin: 0 20% 1em 0; padding: 1em; border: 1px solid black;">
  {% endcomment %}
    <strong>{{ shipping_address.name }}</strong><br>
    {% if shipping_address.company %}
      {{ shipping_address.company }}<br/>
    {% endif %}
    {{ shipping_address.street }}<br/>
    {{ shipping_address.zip | upcase }}
    {{ shipping_address.city }} <br/>
    {{ shipping_address.country }}
  </div>
  </span>
{% endif %}