Subversion Repositories SmartDukaan

<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-size:14px;
                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;
                text-transform:uppercase;
        }
        .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">&#8377; </span>$fofoOrder.getTotalAmount()</p>
                        </div>
                </div>
        </div>
        
        <div class="col-lg-4" style="border-left:1px solid #f0f0f0;">
                <h4>BILLING DETAILS</h4>
                <p class="bold-details">$customerBillingAddressObj.getName()</p>
                <p class="normal-details">$customerBillingAddress</p>
                <p class="bold-details">Phone <span class="normal-details extra-margin">$customerBillingAddressObj.getPhoneNumber()</span></p>
        </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>
        </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>Description</th>
                                        <th>Serial Number</th>
                                        <th>Provider Name</th>
                                        <th>Amount</th>
                                </tr>
                                #if(!$insurancePolicies.isEmpty())
                                        #foreach( $insurancePolicy in $insurancePolicies )
                                                <tr>
                                                        <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">&#8377; $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">&#8377;$fofoOrder.getTotalAmount() </p>
                        </div>
                 </div>
        </div>
</div>

</section>