Subversion Repositories SmartDukaan

<style>
    .btn:hover, .btn:focus {
        color: grey;
        text-decoration: none;
    }

    .modal-dialog.modal-lg {
        left: 10%;
        right: auto;
        width: 80%;
    }

    .modal-content {
        background: white;
    }

    .border-highlight {
        border: 3px solid red;
    }

    td.highlight {
        background-color: yellowgreen !important;
    }
</style>

<script>
    $(".cancel-pending-order").click(function () {
        $("#cancelOnlineOrder").modal({

            backdrop: false
        });

    });

    $(".change-partner-po").click(function () {
        $("#changePartnerOnlineOrder").modal({

            backdrop: false
        });

    });
</script>


<div id="pending-order-table">
    <div class="row">
        <div class="col-lg-12">

            <table class="table table-border table-condensed table-bordered"
                   id="pending-order-item">
                <thead>
                <tr>
                    <th>OrderId</th>
                    <th>First Name</th>
                    <th>Last Name</th>
                    <th>Mobile</th>
                    <th>Pincode</th>
                    ##                    <th>Order Status</th>
                    <th>Original Order Id</th>
                    <th>Partner</th>
                    <th>Pay Method</th>
                    <th>Pay Mode</th>
                    <th>Order Item Id</th>
                    <th>Item Id</th>
                    <th>Item Details</th>
                    <th>Selling Price</th>
                    <th>Order Item Status</th>
                    <th>Created on</th>
                    <th>Verified On</th>
                    <th>Billed On</th>
                    <th>Delivered On</th>
                    <th>Cancelled On</th>
                    <th>Remarks</th>
                    <th>Availability</th>
                    <th>Action</th>
                </tr>
                                </thead>
                                <tbody>
                    $pendingOrderItems.size()
                    #if($pendingOrderItems)
                        #foreach( $pendingOrderItem in $pendingOrderItems)
                        <tr class="pendingOrder" data-poid="$pendingOrderItem.getItemId()">
                            <td>$pendingOrderItem.getOrderId()</td>
                            <td>$pendingOrderItem.getPendingOrder().getCustomerAddress().getName()</td>
                            #if($pendingOrderItem.getPendingOrder().getCustomerAddress().getLastName())
                                <td>$pendingOrderItem.getPendingOrder().getCustomerAddress().getLastName()</td>
                                                #else
                                                        <td></td> #end
                            <td>$pendingOrderItem.getPendingOrder().getCustomerAddress().getPhoneNumber()</td>
                            #if($pendingOrderItem.getPendingOrder().getCustomerAddress().getPinCode())
                                <td>$pendingOrderItem.getPendingOrder().getCustomerAddress().getPinCode()</td>
                            #else
                                <td></td> #end
                            ## <td>$pendingOrderItem.getPendingOrder().getStatus()</td>
                            <td>$pendingOrderItem.getOriginalOrderId()</td>
                            #if($customRetailersMap.get($pendingOrderItem.getPendingOrder().getFofoId()))
                                <td>$customRetailersMap.get($pendingOrderItem.getPendingOrder().getFofoId()).getBusinessName()</td>
                                                #else
                            <td></td> #end
                            <td>$pendingOrderItem.getPendingOrder().getPayMethod() - Advance</td>
                            #if($pendingOrderItem.getPendingOrder().getTotalAmount() ==
                                $pendingOrderItem.getPendingOrder().getPaidAmount())
                                                <td>ONLINE</td> #else
                                                <td>OFFLINE</td> #end

                        <td>$pendingOrderItem.getId()</td>
                        <td>$pendingOrderItem.getItemId()</td>
                        <td>$pendingOrderItem.getItemName()</td>
                        <td>$pendingOrderItem.getSellingPrice()</td>
                        <td>$pendingOrderItem.getStatus()</td>
                        <td>$pendingOrderItem.getCreateTimestamp().format($dateTimeFormatter)</td>
                        #if($pendingOrderItem.getVerifiedTimestamp())
                            <td>$pendingOrderItem.getVerifiedTimestamp().format($dateTimeFormatter)</td>
                        #else
                            <td></td> #end #if($pendingOrderItem.getBilledTimestamp())
                        <td>$pendingOrderItem.getBilledTimestamp().format($dateTimeFormatter)</td>
                    #else
                        <td></td> #end #if($pendingOrderItem.getDeliveredTimestamp())
                        <td>$pendingOrderItem.getDeliveredTimestamp().format($dateTimeFormatter)</td>
                    #else
                        <td></td> #end #if($pendingOrderItem.getCancelledTimestamp())
                        <td>$pendingOrderItem.getCancelledTimestamp().format($dateTimeFormatter)</td>
                    #else
                        <td></td> #end #if($pendingOrderItem.getStatus() == "CANCELLED")
                        #if($pendingOrderItem.getRemark())
                            <td>$pendingOrderItem.getRemark()</td> #else
                            <td></td> #end #else
                        <td></td> #end
                        #if($partnerInventoryMap.get($pendingOrderItem.getPendingOrder().getFofoId()).get($pendingOrderItem.getItemId()).getAvailability()>0)
                            <td>$partnerInventoryMap.get($pendingOrderItem.getPendingOrder().getFofoId()).get($pendingOrderItem.getItemId()).getAvailability()
                            </td>
                        #elseif($pendingOrderItem.getStatus() == "CLAIMED")
                            <td></td>
                        #else
                            <td>out of stock</td>
                        #end
                            <td style="display: flex;">
                            #if($pendingOrderItem.getStatus() ==
                                "PROCESSING" && !$pendingOrderItem.getVerifiedTimestamp())
                                <button class="btn btn-primary verify-order-item"
                                        data-poitemid="$pendingOrderItem.getId()" type="button"
                                        style="width: 100%; border-radius: 0px;margin-right: 5px;">Mark Verify
                                </button>
                            #end
                            #if($pendingOrderItem.getStatus() == "PROCESSING")
                                <button class="btn btn-primary cancel-order-item"
                                        data-poitemid="$pendingOrderItem.getId()" type="button"
                                        data-toggle="modal" data-target="#cancelOnlineOrder"
                                        style="width: 100%; border-radius: 0px;margin-right: 5px;">Cancel
                                </button>
                            #end
                                #if($pendingOrderItem.getStatus().name().equals(
                                    "PROCESSING") && !($pendingOrderItem.getPendingOrder().getStatus().name().equals(
                                    "BILLED")))
                                    <button class="btn btn-primary change-partner"
                                            data-poid="$pendingOrderItem.getPendingOrder().getId()"
                                            data-pincode="$pendingOrderItem.getPendingOrder().getCustomerAddress().getPinCode()"
                                            type="button"
                                            data-toggle="modal"
                                            data-target="#changePartnerOnlineOrder"
                                            style="width: 100%; border-radius: 0px;margin-right: 5px;">Change
                                    </button>
                                #end
                            #if($pendingOrderItem.getStatus() == "CLAIMED")
                                #if($isAccountsL2AndL3)
                                    <button class="btn btn-primary claimed-payment"
                                            data-poitemid="$pendingOrderItem.getId()" type="button"
                                            style="width: 100%; border-radius: 0px;">Release Payment
                                    </button>
                                #end
                            #end
                            </td>
                    </tr>
                    #end
                    <script type="text/javascript">
                        $(document).ready(function () {
                            $('#pending-order-item').dataTable({
                                "scrollX": true,
                                "scrollCollapse": true

                            });
                        });
                    </script>
                    #else
                    <tr>
                        <td colspan="12" style="text-align: center;">NO MATCHING DATA
                            FOUND FOR CRITERIA
                        </td>
                    </tr>
                    #end
                </tbody>
            </table>
        </div>


    </div>
</div>


<div class="cancel-online-order-container">
    <div id="cancelOnlineOrder" class="modal" role="dialog">
        <div class="modal-dialog modal-md">
            <!-- Modal content-->
            <div class="modal-content" style="width: 700px;"></div>

        </div>
    </div>
</div>

<div class="change-partner-online-order-container">
    <div id="changePartnerOnlineOrder" class="modal" role="dialog">
        <div class="modal-dialog modal-md">
            <!-- Modal content-->
            <div class="modal-content" style="width: 700px;"></div>

        </div>
    </div>
</div>