Rev 34179 | Blame | Compare with Previous | Last modification | View Log | RSS feed
<style>.table-striped > tbody > tr:nth-child(odd) > td{background: white;background-color: white;}.table-striped > tbody > tr:nth-child(even) > td{background: white;background-color:white;}.table-striped > tbody > tr:hover > td,.btn:hover{color: grey;text-decoration: none;}.btn-primary:hover{color: grey;text-decoration: none;}.modal-content{background : white;}.modelHeaderCustom{font-weight:bold;}.border-highlight{border : 3px solid red;}hr{background-color:#dddddd;border:none;height:1px;background:#dddddd;}.control-label {margin-top: 0;margin-bottom: 0;padding-top: 7px;font-weight:bold;font-size:14px;}.form-group{border-bottom: 1px solid #eff2f7;padding-bottom: 15px;margin-bottom: 15px;}.right{float:right;}.form-control{color:black;}.bold-details {text-transform:capitalize;font-weight:600;color:#212121;}.normal-details{font-weight:400;text-transform:capitalize;color:#797979;}.extra-margin{margin-left:2%;}.table{margin-bottom:20px;margin-top:20px;}}</style>#set($options="{ weekday: 'long', year: 'numeric', month: 'long', day: 'numeric', hour: 'numeric', minute:'numeric' }")<section class="wrapper"><div class="row"><div class="col-lg-12"><h3 class="page-header"><i class="icon_table"></i>Order Details</h3><ol class="breadcrumb"><li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li><li><i class="icon_table"></i>Order Details</li></ol></div></div><div class="row" style="background:white;font-size:14px;"><div class="col-lg-4" style="border-left:1px solid #f0f0f0;"><h4>ORDER DETAILS</h4><div class="row"><div class="col-lg-4"><p class="bold-details">Order ID</p></div><div class="col-lg-6"><p class="normal-details">#$fofoOrder.getId() ($fofoLineItems.size() item)</p></div></div><div class="row"><div class="col-lg-4"><p class="bold-details">Order Date</p></div><div class="col-lg-6"><script>document.getElementById('createTimestamp').appendChild(document.createTextNode(new Date('$fofoOrder.getCreateTimestamp()').toLocaleString("en-US",$options)))</script><p class="normal-details" id="createTimestamp"></p></div></div><div class="row"><div class="col-lg-4"><p class="bold-details">Amount Paid</p></div><div class="col-lg-6"><p class="normal-details"><span class="normal-details">₹ </span>$fofoOrder.getTotalAmount()</p></div></div></div><div class="col-lg-4" style="border-left:1px solid #f0f0f0;"><h4>BILLING DETAILS</h4>#if($customerBillingAddressObj)<p class="bold-details">$customerBillingAddressObj.getName() $customerBillingAddressObj.getLastName()</p><p class="normal-details">$customerBillingAddress</p>#if($fofoOrder.getCustomerGstNumber() && $fofoOrder.getCustomerGstNumber() != "")<p class="bold-details">GST Number <spanclass="normal-details extra-margin">$fofoOrder.getCustomerGstNumber()</span></p>#end<p class="bold-details">Phone<span class="normal-details extra-margin">$customerBillingAddressObj.getPhoneNumber()</span></p>#else<p class="bold-details">$customerDetailsObj.getFirstName() $customerDetailsObj.getLastName()</p><p class="bold-details">Phone<span class="normal-details extra-margin">$customerDetailsObj.getMobileNumber()</span></p>#end</div><div class="col-lg-4" style="border-left:1px solid #f0f0f0;"><h4>INVOICE DETAILS</h4><p class="bold-details">Invoice Number <span class="normal-details extra-margin">$fofoOrder.getInvoiceNumber()</span></p><p class="invoice_download_option"><i class="fa fa-print" aria-hidden="true"></i><a target="_blank" href="generateInvoice?orderId=$fofoOrder.getId()" class="extra-margin" style="font-size:18px">Print Invoice</a ></i></p><p class="invoice_send_on_whatsapp">WhatsApp No. <input type="number" id="whatsApp-invoice-number" value="$customerDetailsObj.getMobileNumber()" placeholder="Enter WhatsApp number"><button class="btn-success" type="button" onclick="sendInvoiceOnWApp($fofoOrder.getId())" style="margin-left: 5px">Send</button></p></div></div><div class="row" style="font-size:14px;color:#688a7e;"><div class="col-lg-12"><table class="table table-striped table-advance table-hover"><tbody><tr><th>Item Code</th><th>Description</th><th>Unit Price</th><th>Quantity</th><th>Total Price</th></tr>#foreach( $fofoLineItem in $fofoLineItems )#set ($total = $fofoLineItem.getSellingPrice() * $fofoLineItem.getQuantity())<tr><td>$fofoLineItem.getItemId()</td><td>$fofoLineItem.getBrand() $fofoLineItem.getModelName() $fofoLineItem.getModelNumber() $fofoLineItem.getColor()</td><td>$fofoLineItem.getSellingPrice()</td><td>$fofoLineItem.getQuantity()</td><td>$total</td></tr>#end</tbody></table></div></div><div class="row">#if(!$insurancePolicies.isEmpty())<div class="col-lg-8"><h4>INSURANCE DETAILS</h4><table class="table table-striped table-advance"><tbody><tr><th>Plan Name</th><th>Device</th><th>Serial Number</th><th>Provider Name</th><th>Amount</th></tr>#if(!$insurancePolicies.isEmpty())#foreach( $insurancePolicy in $insurancePolicies )<tr><td>$insurancePolicy.getPolicyPlan()</td><td>$insurancePolicy.getBrand() $insurancePolicy.getModelName()</td><td>$insurancePolicy.getSerialNumber()</td><td>$insurancePolicy.getInsuranceProvider().getName()</td><td>$insurancePolicy.getSaleAmount()</td></tr>#end#end</tbody></table></div>#end<div class="col-lg-4 right" style="border-left:1px solid #f0f0f0;background:white;font-size:14px;"><h4>PAYMENT DETAILS</h4>#foreach( $paymentOption in $paymentOptions )#if($paymentOption.getAmount() > 0)<div class="row"><div class="col-lg-3"><p class="bold-details">$paymentOption.getType()</p></div><div class="col-lg-3"><p class="nomal-details">₹ $paymentOption.getAmount()</p></div></div>#end#end<hr/><div class="row"><div class="col-lg-3"><p class="bold-details">TOTAL</p></div><div class="col-lg-3"><p class="nomal-details">₹$fofoOrder.getTotalAmount() </p></div></div></div></div></section>