Subversion Repositories SmartDukaan

Rev

Rev 31274 | 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>
            <p class="invoice_send_on_whatsapp">WhatsApp No. <input type="number" id="whatsApp-invoice-number" value="$customerBillingAddressObj.getPhoneNumber()" 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>
                <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>