<% include template/header %>
<div class="container myorderdetail">
<ul class="breadcrumb">
<li>
<a href="/">Home</a>
</li>
<li>
<a href="/myorders">My orders</a>
</li>
<li class="lastcrumb">
Order details
</li>
</ul>
</div>
<!-- Breadcrumb-->
<div class="container myorderdetail">
<div class="row">
<div class="col-sm-8">
<div class="badge" style="margin-bottom: 15px;">
<ul class="list-inline orderlist">
<li> Order ID :
<span class="orderid">
<%= data.order_data.o_id %>
</span>
</li>
<li> Order date :
<span class="orderdate">
<%= moment(data.order_data.o_added_dt).format('MMM Do YYYY'); %>
</span>
</li>
<li> Total Amount :
<span class="orderdate">
<%= data.order_data.o_total %> AED</span>
</li>
<li class="hidden-sm hidden-md hidden-lg"> Delivery Date :
<span class="orderdate">
<%= moment(data.order_data.o_added_dt).format('MMM Do YYYY'); %>
</span>
</li>
</ul>
</div>
</div>
<div class="col-sm-4 text-right">
<h5 class="hidden-md hidden-sm hidden-lg" style="float: left;margin-top: 2px;font-weight: bold;">Product
details
</h5>
<p class="totalitems">Total items
<span class="itemcount">
<%= data.order_products.length %>
</span>
</p>
</div>
</div>
<div class="panel panel-default myorderpanel">
<% if(typeof data.order_products!="undefined"){
data.order_products.forEach(function(pro){
%>
<div class="panel-body">
<div class="row">
<div class="col-md-2 col-sm-3 col-xs-4">
<% if(pro.ct_discount_percentage>0){%>
<p class="discountprice hidden-xs">
<%= pro.ct_discount_percentage %>%
</p>
<% } %>
<img src="<%= pro.ct_is_user_bundle==true?'img/byob.png':pro.p_image %>" class="img-responsive productimg">
</div>
<div class=" col-md-4 col-sm-3 text-left">
<h4>
<%= pro.pd_name %>
</h4>
<% if(typeof pro.product!="undefined"){ %>
<ul class="productdesclist hidden-xs">
<% pro.product.forEach(function(products){
if(pro.ct_is_user_bundle==true){
%>
<li>-
<%=products.pd_name %>
<span class="productgrade">
X
<%= products.ubp_qty %>
</span>
</li>
<%}else{ %>
<li>-
<%=products.pd_name %>
<span class="productgrade">
X
<%= products.ctb_qty %>
</span>
</li>
<%} }) %>
</ul>
<% }else{
%>
<h5>
<img src="img/grammeter.png" class="img-responsive gramimg">
<%= pro.p_quantity %>
</h5>
<%}%>
</div>
<div class="col-sm-3 hidden-xs">
<% if(data.order_data.o_order_status_id!=8 && data.order_data.o_order_status_id!=12 && data.order_data.o_order_status_id!=11){ %>
<div class="deliverystate">
<p class="progresstext">In progress</p>
<p class="packcount">Estimated Delivery:
<span class="deliverydate">
<%= moment(data.order_data.o_added_dt).add(2, 'days').format('MMM Do YYYY'); %>
</span>
</p>
</div>
<% }else if(data.order_data.o_order_status_id==11){ %>
<div class="deliverystate">
<p class="progresstext progresstextc">Delivered</p>
<p class="packcount">On:
<span class="deliverydate">
<%= moment(data.order_status[data.order_status.length-1].olc_added_dt).format('MMM Do YYYY'); %>
</span>
</p>
</div>
<% }else{
date= moment(data.order_status[data.order_status.length-1].olc_added_dt ).format('MMM Do YYYY');
%>
<div class="deliverystate">
<p class="progresstext">
<%= data.order_data.o_order_status_id==8?"Cancel requested":"Cancelled" %>
</p>
<p class="packcount">on :
<span class="deliverydate">
<%= date %>
</span>
</p>
</div>
<% } %>
</div>
<div class="col-sm-3 text-center">
<% if(pro.pdt_price!=null || pro.pdt_price!=0){ %>
<!-- <h5 class="offeredprice">
<%= pro.price %> AED
</h5> -->
<h6 class="price">
<%= pro.ct_quantity %> X
<%= pro.ct_price %> AED
</h6>
<% }else{ %>
<h6 class="price">
<%= pro.ct_quantity %> X
<%= pro.price %> AED
</h6>
<% } %>
</div>
</div>
</div>
<hr>
<% });
} %>
<div class="panel-footer hidden-md hidden-sm hidden-lg">
<p class="text-info" style="font-size: 14px;margin: 5px;text-align: center;">
<i class="fa fa-plus-circle"></i> Show All (
<%= data.order_products.length %> More product)
</p>
</div>
</div>
<!-- progress starts here-->
<div class="myorderprogress ">
<%
date= moment(data.order_status[data.order_status.length-1].olc_added_dt ).format('MMM Do YYYY');
if(data.order_data.o_order_status_id==8){ %>
<p class="color-red text-center"> Order cancel requested on
<%=date%>
<p>
<% } %>
<% if(data.order_data.o_order_status_id==12){ %>
<p class="color-red text-center"> Order cancelled on
<%=date%>
<p>
<% } %>
<ol class="progress hidden-xs" data-steps="4">
<li class="done">
<span class="step">
<span>✓</span>
</span>
<span class="name">
<%= moment(data.order_data.o_added_dt).format('MMM Do YYYY'); %>
</span>
<span class="subname">Your order successfully placed</span>
</li>
<% var status=data.order_status[data.order_status.length-1].olc_status_id %>
<li class="<%= (status==9 || status==10 || status==11)?'done':'' %>">
<span class="step">
<span>✓</span>
</span>
<% var shipped=near=deliveried="";
data.order_status.forEach(function(sta){
if(sta.olc_status_id==9){
shipped=moment(sta.olc_added_dt).format('MMM Do YYYY');
}
if(sta.olc_status_id==10){
near=moment(sta.olc_added_dt).format('MMM Do YYYY');
}
if(sta.olc_status_id==11){
deliveried=moment(sta.olc_added_dt).format('MMM Do YYYY');
}
})
%>
<span class="name">
<%= shipped!=""?shipped:'Shipped Your order'%>
</span>
<span class="subname">
<%= shipped!=""?'Shipped Your order':''%>
</span>
</li>
<li class="<%= (status==10 || status==11)?'done':'' %>">
<span class="step">
<span>✓</span>
</span>
<span class="name">
<%= near!=""?near:'Near you'%>
</span>
<span class="subname">
<%= near!=""?'Near you':''%>
</span>
</li>
<li class="<%= (status==11)?'done':'' %>">
<span class="step">
<span>✓</span>
</span>
<% if(data.order_data.o_order_status_id!=8 && data.order_data.o_order_status_id!=12){ %>
<span class="last name">
<%= deliveried!=""?deliveried:moment(data.order_data.o_added_dt).add(5, 'days').format('MMM Do YYYY');%>
</span>
<span class="subname">
<%= deliveried!=""?'Delivered':'Estimated delivery'%>
</span>
<% }else if(data.order_data.o_order_status_id==12){ %>
<span class="last name">
<%=date%>
</span>
<span class="subname color-red">
Cancelled
</span>
<% }else{ %>
<span class="last name">
<%=date%>
</span>
<span class="subname color-red">
Cancel requested
</span>
<% } %>
</li>
</ol>
<!-- payment and shipping details-->
<div class="row">
<div class="col-sm-6">
<div class="panel panel-default paymentdiv">
<h5 class="paytitle">Payment Details</h5>
<div class="row">
<!-- <div class="col-xs-6 text-left">
<p class="paylabel">Invoice no</p>
</div> -->
<!-- <div class="col-xs-6 text-right">
<p class="payvalue">HHS-125854-12587</p>
</div> -->
<div class="col-xs-6 text-left">
<p class="paylabel">Payment Method</p>
</div>
<div class="col-xs-6 text-right">
<p class="payvalue">
<%= data.order_data.o_type==1?'Online Paid':'Cash on Delivery' %>
</p>
</div>
<div class="col-xs-6 text-left">
<p class="paylabel">Orders items</p>
</div>
<div class="col-xs-6 text-right">
<p class="payvalue">
<%= data.order_products.length %>
</p>
</div>
<div class="col-xs-6 text-left">
<p class="paylabel">Sub total</p>
</div>
<div class="col-xs-6 text-right">
<!-- <p>
<%= data.order_data.o_savings_via_coupon %>
</p> -->
<p class="payvalue">
<%= (Number(parseFloat(data.order_data.o_order_amt).toFixed(2)) + Number(parseFloat(data.order_data.o_savings_via_coupon).toFixed(2))).toFixed(2) %>
AED
</p>
</div>
<% if(data.order_data.o_savings_via_coupon!="0.00") { %>
<div class="col-xs-6 text-left">
<p class="paylabel">Savings</p>
</div>
<div class="col-xs-6 text-right">
<p class="payvalue">
-
<%= parseFloat(data.order_data.o_savings_via_coupon).toFixed(2) %> AED
</p>
</div>
<%}%>
<div class="col-xs-6 text-left">
<p class="paylabel">Delivery charge</p>
</div>
<div class="col-xs-6 text-right">
<p class="payvalue"><%= parseFloat(data.order_data.o_delivery_charge).toFixed(2) %> AED</p>
</div>
<div class="row savingdiv hide">
<div class="col-xs-6 text-left savinglabel">
<p class="">Savings</p>
</div>
<div class="col-xs-6 text-right savinglabel">
<p>20.00 AED</p>
</div>
</div>
<div class="col-xs-6 text-left">
<p class="total">Grand total (inclusive of VAT)</p>
</div>
<div class="col-xs-6 text-right">
<p class="total">
<%= data.order_data.o_total %> AED
</p>
</div>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="panel panel-default shippingdiv">
<h5 class="paytitle">Shipping address </h5>
<p class="deliveryname">
<%= data.order_shipping_address[0].a_name %>
</p>
<p class="deliveryadd">
<%= data.order_shipping_address[0].a_address_1 %>,
<br>
<%= data.order_shipping_address[0].a_city %>
<br> Pincode:
<%= data.order_shipping_address[0].a_pincode %>
<br> Phone:
<%= data.order_shipping_address[0].a_phone %>
</p>
</div>
</div>
</div>
</div>
</div>
<% include template/footer %>