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 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 %}
 <p><b>Hình thức thanh toán</b></p>
	<p class="payments">{{ gateway }}</p>
<p><b>Hình thức giao hàng</b></p>
  {% for shipping_method in shipping_methods %}
  <p style="">{{ shipping_method.title }}</p>
  {% endfor %}



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