phiếu in đơn khổ hoá đơn điện tử cho hệ thống haravan

indonhang_k80.html

<meta charset="UTF-8">
<div style="width:100%; text-align: center; padding-right:20px;margin-bottom:10px;">
</div>
<div style="margin:0;font-family: Helvetica;font-size:12px;page-break-after:always;border: 1px solid #c0c0c0; border-bottom: none;">
<div>

<script>
$(".print_barcode").each(function(){
var barcode = $(this).attr("val");
$(this).JsBarcode(barcode ,{
width:  1,
height: 40,
quite: 10,
format: "CODE128",
displayValue: true,
font:"monospace",
textAlign:"center",
fontSize: 12,
backgroundColor:"",
lineColor:"#000"
}
)
});
</script>
<center>
  <img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQIAHAAcAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCACZAK4DASIAAhEBAxEB/8QAHAABAAIDAQEBAAAAAAAAAAAAAAUGAQQHAwII/8QAPBAAAQMDAAYGCAUDBQEAAAAAAQACAwQFEQYSITFBURMiYXGBkQcjMlKhscHRFENi4fBCU1QWFyQzknL/xAAbAQEAAgMBAQAAAAAAAAAAAAAAAgMBBAUGB//EAC4RAAICAQIEBAUEAwAAAAAAAAABAgMEETEFEiFRE0FhcRQigaGxMkKR4RXR8P/aAAwDAQACEQMRAD8A7+iIgCIiAIiIAiIgCIiAIiIAiZXkJozJ0YkYX4zq6wz5KLkluD1REUgEREAREQBERAEREAREQBERAEREBhOC85ZY4I3SSvaxjdpc44AVauOlBOtFQjA3dK4fIfdaWXm04sdbH9PNjUsFVXU9GzWnlawHdk7T3BQNZpXjLaSLP63/AGVallknkMkr3Ped7nHJXwvL5XHrrelXyr7kdTdqLtXVOelqX6p/padUeQWxo5IGXqIZI1w4d+xRS3bVJ0V2pXZx6wDPfsWhjZFjyYTnJvqt/cHQ0RF9EJBERAEREAREQBERAEREB87uxVy4X2Q1LWUrsRsdtPv/ALL7vtzIzSQO2/mOHyUPR0U1dN0cQ2D2nHc0LiZuZOU/Bp39PwQk/JFvoq2Oup2yx7ODm52tPJfFyuUFuh15Tlx9lg3uK0Jp6TR6jwwa9Q4bAd7u08gqrJJVXOr1na80z9wA+XIKGZxOVEFUutj7eX9mdT0uFzqLjLrSuwwHqxjcP37VrQwTVEmpDG+R3JoyrHb9FsYkrnZP9th+Z+ykKu7WyyRdCA0OA2RRjb48vFcqHC7bdbsufKn33/oadyFptF6uTBqHNhby9p3wW8+z2W2tDq2fJ5SPxnuA2qCr9K6+rBZARTx/p9rz+2FCPe6Rxc9xc47yTkqXPg0dKocz7v8A0Y1RbJr7YqUalNQCbt1AB5natOXS2oJBgo6ePB4jWP0VdWQ0u3AnuCrlnWy6R0ivRJGNWS79KLs7GKkNx7rG/ZfP+pbv/mu/8N+yiUVby8h/uf8ALMaslm6TXdrgfxZPYWNx8ltRaY3JmOkbDIO1uD8Cq+izHNyI7Tf8jVlyp9NojgVFI9vMxuz8DhTVFfLfXODIqgB7tzHjVPx3rmatGh9v6SpkrZG9WLqMz7x3nwHzXUweI5Ntka3o9f8AvIkmy7oiL0hMIiIDCj7rXihpSWn1r9jB9VIbgqdWzSXW6FsQ1hnUYOzn9Vo517qr0h+qXREZPQ8KKjmuFRqN3b3vPBWaWSmsduyBsGwDi9y9qOkit1HqDAAGs9x4niVAiGXSKvM79ZlDEcN5nu7Suf4bxa1GC1tnt6d37IJaEfBSVl+rHTPOGk9aQjqtHIK0QU1DZaRz3FsbQOvI87T/ADkt6GCOnibFE0NY3c0LzdSxSzCWRoe5vs620N7h9Vs4nDljrnfzTe7ZnQgKmsu92JjtsD6an/vS9Uu7uQ7lD3GxwWumdNWVbpKh+ejYwe07mSeCvU8zKeB80h1WMaXOPYFzG410txrZKiXe44a33RwC1OJKuqOs3zSe2uy+hGRqIiLzpEKbs1Le4nCooYHBjsZ18Brh47x3L20VtcdbVvqJ2h0UGMNO5zju8lfdw2Lt8O4a7Iq6Umu2hJLzI6nhZV07TW2+Jkg2Oa4NcO8Hkteo0ZtVRn/jdGecbiPhuUyi77x63HSaT90T0KZV6FSNy6kqA8e5KMHzCr1Xb6uhdq1MD2ciRsPcdy6oviSNkrCyRjXMOwhwyCuffwemfWv5X9iLijkzGue9rGjLnHAA4ldOtdE2326GmByWjrHm47StGLRmihujKyIFoYS7o97c8CFIVs+oxsLD62Z3RsxvHM+AyU4bgSxnKdm+y9jC+XqzcBBAI3FZXyAGgAbhsC+l2CYREQEVfKo01AWtOHynVHdx/navCwUHRQfiZG+skHVzwb+68Lgw3K+R0oPq4h1uzifoFYWtDGhowABgBc6uHjZMrHtHovfzI7vUi7i19dM23xOLWHDp3g7m8B3lSMEEdPC2KJoaxgwAFiKERhx3ucdZx5leq2a6tJuyX6n9l2JGURFsAr2l9R0NnLGkAyvDD3bz8gqCrzppGXWuF43MlGdnMFUZeS4y28jR9kVy3Cbtiumh1HT/AIF9UWNdOZC3WIzqgY2BZ0wo4PwLaoMDZmyBuQMawI3FY/xkvh/H5vLXT09xy9NRoVIDRVEX9TZNY+I/ZWlcwtFzktVaJmjWYRqvZnGsFfKa+26rjD21UbSRta9waR5rq8LzK5UqtvRolF9CTCKLq77bqOIvdVRvIGQ1jg4nyWto9XzXSWsqpBqxl7WRsznVAB+66HxNfOq09WyWpPIiLZB8OcACTwUFaZDdrnUXXINNHmnpe0A9d/iQB3NWnpPc5Kmoj0etzx+Mq9krh+VHxJ7x8O8Kx0dJFQ0cVNC3VjiaGNHYFVrzy0Wy/JVrzy0Wy/JsoiK0tCwdyLXrX9HRTv2ZaxxGe5QlLSLfYEdZI+kfU1rt8shDe7P88lMrUt8IgoII8YIYCe87SttVY9fJWk9/P3ZhbGURFsGQiIgNC60QuNumps4c9vVPJw2hcxex0b3MeC1zSQQeBXXFUtJdH3yyOrqNms87ZIxvP6guLxbDlbFWQXVb+xGSK1b7rV2x7nU0gAd7TXDIPglwutXc3tdUyAhvssaMNHgtNF5zx7OTw+Z8vYhqERFWgMZXS7HQG3WmGF4xIes/vPD5BV/RrR97pWV1ZGWtbtijcNpPvFXNel4RiSrTtmur29icV5mBnYoHSbSOGwUJdlrquQHoYuZ5nsCaRaTUuj9MdYtkq3D1cIO09p5BVLRezVOkdzN9ux14g7LAdz3Dhj3R/OK6llj15Ib/AIKLbnr4cN39if0Ns89PFLda/Lq+s6ztYbWNJzjszv8AJW1AAAithBRjoi6uChHRGURFMmYWrXMD6R8biAHlrdvaQFtr5IDhgjI3qEo80Wu4M8AvBtRC+Z8TJWOljxrsDgS3O7I4LVvFyitFrnrJiMMbsHvO4DxK4q+51huUlwbO+OpkeXl7HEHJ+nYqb8hVNLTU1cjJVLS01O9ouY2r0j1UAbHc4OnaPzY8Nf4jcfgrlbtKrRc2gQ1bGyEf9cp1HfHf4ZUq8iuzZk68iuzZk6iwHAjesq8vCIiAhrho5Q3FxkLDFMd8jNme8bioCbQqrDvU1UL283gtPwyrvhFo3cPotfNKPX06GGkUiLQurLvXVMTB+gF32U7btGqGgcJC0zTDaHycD2BSc9TBTR9JUTRxM957g0fFVS5+kK20Ycyja6slGzqnVaPE7/AKuGFi475tOvr1K5zrr6yZb3uEbdZxDWgZJJwAqVpHp7BR69LanNnn3GXexnd7x+Cpd30mut9f0U0pbC44bTwjDTy7T4qw6M6BPlLKy7sLIxtbTnY53/1yHYpyvna+WpfU1JZE7nyVL6mlo3o3VaS1rrjc5JHUutkveetMRwB5dvgOzqUMMcEDYomBsbQA1oGAAvqONkTAyNoY1owABgAL04b1s00qteptVUqtevcyiIri4IiIAiIgOc+kUXSeWKNlLKbfENcvYNYOfzON2Bz7Vz1foUtDhgqFuOi1oueTNRMbIfzI+o7PPZv8VoX4kpyckzn5GHKyTlFnFEXQ630Z7dahr8DPsTN+o+ygKvQa/UpJbTNnaOMMgPwOCtKWNbHyNGeNbH9pE0l5uVCMUtdPG33WvOPLcpmn0/v0AAfPFOAfzIht8sKImsl0ps9LbqpgBxkxHHmtOSGWJ2rJG9juTmkFYU7IbNowp2w2bRcmeku46o6Sjpi7mC4fVen+5td/gQf+nKjhjicBpJPDC2orVcZnFsVBVPIGcNhcfopq+57Mmsi97MtMvpLujsdFSUrOesHO+oUVV6a36qGDXGJuN0LQ3471im0Lv9SdlA6Mc5XBvzOVYaH0Zykh1fcGtHFkDcnzP2U0smzv+CaWTZ3/AAUSepnqpOkqJ5Jn+9I4uPxU1aNELtdnNc2AwQHb0so1RjsG8rpls0UtFqIdDStfKPzJOu7wzu8FN4A7FfXhedjNivB87GV6yaI26yASRt6ap4zSDaO4cPn2qxDciLejCMFpFG/CEYLSK0MoiKRIIiIAiIgCIiAIiIAiIgGByWMDkFlEBjVHIJgcgsogCIiAIiIAiIgCIiAIiIAiIgCIiAIiIAiIgCIiAIiIAiIgCIiAIiIAiIgCIiAIiID/2Q==">
  <div style="clear:both"></div>

   <img style="margin-right:-10px" class="print_barcode order" val="{{order_name}}"></img>

</center>
<div style="margin: 10px 0 1.5em 0; padding-left:5px">  
<p><strong>Ngày tạo:</strong> {{ date}}</p>  
<p><strong>Mã đơn hàng:</strong> {{ order_name }}</p>   
<p><strong>Cửa hàng:</strong> {{ shop_name }}</p>
{% if shop.address %}
<p><strong>Địa chỉ cửa hàng:</strong> {{ shop.address }}, {{ shop.district }} , {{ shop.province }}.</p>    
{% endif %}
{% if shop.phone %}
<p><strong>Điện thoại:</strong> {{ shop.phone }}</p>        
{% endif %}
<p><strong>THÔNG TIN KHÁCH HÀNG:</strong></p>
{% if shipping_address.name %}
<p style="margin-left:10px"><strong>KH:</strong> {{ shipping_address.name }}</p>
{% endif %}
{% if shipping_address.phone %}
<p style="margin-left:10px"><strong>Điện thoại:</strong> {{ shipping_address.phone }}</p>
{% endif %}
{% if shipping_address.address1 %}
<p style="margin-left:10px"><strong>Địa chỉ:</strong> {{ shipping_address.address1 }}{% if shipping_address.district %} , {{ shipping_address.district }} {% endif %}{% if shipping_address.province %}  , {{ shipping_address.province }} , {% endif %}</p>
{% endif %}




</div>


</div>
<div>
<div style="width:100%;">
<table style="margin: 0 0 1.5em 0;font-size: 12px;width:100%;">
<thead>
<tr>
<th style="width:50%;text-align: left;padding: 5px; border:1px solid #c0c0c0; border-left: none">Tên Sản Phẩm</th>
<th style="width:10%;text-align: center;padding: 5px; border:1px solid #c0c0c0">SL</th>
<th style="width:20%;text-align: right;padding: 5px; border:1px solid #c0c0c0">Đơn Giá</th>
<th style="width:20%;text-align: right;padding: 5px; border:1px solid #c0c0c0;border-right: none">Thành Tiền</th>
</tr>
</thead>
<tbody>
{% for line_item in line_items %}
<td align="left" style="padding: 5px;white-space: normal; border: 1px solid #c0c0c0; border-left: none">
{% if line_item.product.title %}
{% assign line_title = line_item.product.title %}
{% else %}
{% assign line_title = line_item.title %}
{% endif %}
<p style="margin-bottom: 5px;">{{ line_title }}</p>
{% if line_item.variant.title != "Default Title" %}
<p style="margin: 0">{{ line_item.variant.title }}</p>
{% endif %}
</td>
<td align="center" style="padding: 5px; border: 1px solid #c0c0c0">{{ line_item.quantity }}</td>
<td align="right" style="padding: 5px; border: 1px solid #c0c0c0">{{ line_item.price | money}}</td>
<td align="right" style="padding: 5px; border: 1px solid #c0c0c0; border-right: none">{{ line_item.price | times: line_item.quantity | money}}</td>
</tr>
{% endfor %}
</tbody>
</table>
<div style="width:100%; float:left; padding-left:5px">
<p><strong>Tổng tiền:</strong> {{ subtotal_price | money }}</p>
  {% for discount in discounts %}
  <p><strong>Khuyến mãi:</strong> {{ discount.savings | money }}</p>
  {% endfor %}
  {% if shipping_price != 0 %}
<p><strong>Phí vận chuyển:</strong> {{shipping_price | money}}</p>
  {% endif %}
<p><strong>Tổng thanh toán: </strong> {{ total_price | money }}</p>
{% if note %}
<p><strong>Ghi chú:</strong> {{note}}</p>
{% endif %}
</div>
<div style="clear:both"></div>    
    <center>Ý kiến đóng góp liên hệ:{{shop.phone}}</center> 
</div>