Subversion Repositories SmartDukaan

Rev

Rev 28055 | Go to most recent revision | Blame | Compare with Previous | Last modification | View Log | RSS feed

<style>
.pointer {
        cursor: pointer;
}

.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;
}

.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;
}
}
</style>
#set($options="{ weekday: 'long', year: 'numeric', month: 'long', day:
'numeric', hour: 'numeric', minute:'numeric' }")
<section class="wrapper">
        <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()
                                                ($fofoOrderItems.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>
                        #if($fofoOrder.getCustomerGstNumber() &&
                        $fofoOrder.getCustomerGstNumber() != "")
                        <p class="bold-details">
                                GST Number <span class="normal-details extra-margin">$fofoOrder.getCustomerGstNumber()</span>
                        </p>
                        #end
                        <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>
                                        <script type="text/javascript">
                                                fofoLineItemsMap = $fofoOrderItemIdLineItemsMap;
                                                foiIdCustomerReturnInventoryItemsMap = $foiIdCustomerReturnInventoryItemsMap;
                                                inventoryItemBilledQtyMap = $inventoryItemBilledQtyMap;
                                        </script>
                                        #foreach( $fofoOrderItem in $fofoOrderItems ) #set ($total =
                                        $fofoOrderItem.getSellingPrice() * $fofoOrderItem.getQuantity())
                                        <tr>
                                                <td>$fofoOrderItem.getItemId()</td>
                                                <td>$fofoOrderItem.getBrand() $fofoOrderItem.getModelName()
                                                        $fofoOrderItem.getModelNumber() $fofoOrderItem.getColor()</td>
                                                <td>$fofoOrderItem.getSellingPrice()</td>
                                                <td>$fofoOrderItem.getQuantity()</td>
                                                <td>$total</td> #set ($item =
                                                $itemsMap.get($fofoOrderItem.getItemId()))
                                                #if($item.getCategoryId()==10006) #if($fofoOrderItem.isDoa())
                                                <td><a class="pointer" data-foi="$fofoOrderItem.getId()"
                                                        data-itemdesc="$item.getItemDescription()"
                                                        data-target=".bs-example-modal-sm" data-toggle="modal">Mark
                                                                DOA</a></td> #else
                                                <td></td> #end #else #if($markDefective)
                                                <td><a class="pointer" data-foi="$fofoOrderItem.getId()"
                                                        data-itemdesc="$item.getItemDescription()"
                                                        data-target=".bs-example-modal-sm" data-toggle="modal">Mark
                                                                Defective</a></td> #else
                                                <td></td> #end #end
                                                <td></td>
                                        </tr>
                                        #end
                                </tbody>
                        </table>
                </div>
                <!-- Small modal -->
                <div class="modal fade bs-example-modal-sm" tabindex="-1"
                        role="dialog" aria-labelledby="mySmallModalLabel" id="exampleModal">
                        <div class="modal-dialog modal-md" role="document">
                                <div class="modal-content">
                                        <div class="modal-header">
                                                <p class="modal-title"></p>
                                        </div>
                                        <div class="modal-body"></div>
                                        <div class="modal-footer">
                                                <button type="button" class="return-submit btn btn-primary">Submit</button>
                                        </div>
                                </div>
                        </div>
                </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 Model</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( $paymentOptionTransaction in $paymentOptionTransactions )
                        #set($paymentOption =
                        $paymentOptionIdPaymentOptionMap.get($paymentOptionTransaction.getPaymentOptionId()))
                        <div class="row">
                                <div class="col-lg-3">
                                        <p class="bold-details">$paymentOption.getName()</p>
                                </div>
                                <div class="col-lg-3">
                                        <p class="nomal-details">&#8377;
                                                $paymentOptionTransaction.getAmount()</p>
                                </div>
                        </div>
                        #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>
<script type="text/javascript"
        src="resources/js/customer-return.js?v=${version}">
        </script/>