Subversion Repositories SmartDukaan

<style>
.row{
        margin:0 auto;
}
.modal-content{
                background : white;
        }
        .modelHeaderCustom{
                font-size:14px;
                font-weight:bold;
        }
        .border-highlight{
                border : 3px solid red;
        }
        hr{
                background-color:#007aff;
                border:none;
                height:1px;
                background:#007aff;
        }
        .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;
        }
.table-align-center{
        text-align:center;
}
</style>

<script type="text/javascript">
        var cartItemIndex = 0;
</script>

<section class="wrapper">
<div class="row">
                <div class="col-lg-12">
                        <h3 class="page-header"><i class="icon_table"></i>Order</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</li>                                                        
                        </ol>
                </div>
</div>
<form id="cd">

<div id="order-details" style="background:white;background-color:white;padding:10px">
#if($cartObj.size()==0)
        <div class="card row"
                <p>Your Cart is Empty.</p>      
        </div>
#else
<h4 class="modelHeaderCustom" style="font-size:22px;">Product Information</h4>
        <div class = "row">
                <div class="table-responsive">
                        <table class="table">
                        <tr>
                                <td><h4 class="grnProductInfo modelHeaderCustom table-align-center">Description</h4></td>
                                <td><h4 class="grnProductInfo modelHeaderCustom table-align-center">Quantity</h4></dt>
                                <td><h4 class="grnProductInfo modelHeaderCustom">Serial Number</h4></td>
                                <td><h4 class="grnProductInfo modelHeaderCustom">Insurance Amount</h4></td>
                                <td><h4 class="grnProductInfo modelHeaderCustom table-align-center">Unit Price</h4></td>
                                <td><h4 class="grnProductInfo modelHeaderCustom table-align-center">Discount</h4></td>
                                <td><h4 class="grnProductInfo modelHeaderCustom table-align-center">Total Price</h4></td>
                        </tr>
                        
                        #foreach ($cartItem in $cartObj)
                                #if($cartItem.getQuantity() == 1)
                                        <tr>
                                                <td>$cartItem.getDisplayName()</td>
                                                <td class = "table-align-center">1</td>
                                                #if($cartItem.getItemType() =="SERIALIZED")
                                                        <td class = "table-align-center"><div class="input-group"><input type="text" itemId="$cartItem.getItemId()" itemType="$cartItem.getItemType()" name="serialNumber" class="input-sm serialNumber form-control"></div></td>
                                                        <td class = "table-align-center"><div class="input-group"><input type="number" itemId="$cartItem.getItemId()" placeholder="" id="insuranceAmount" name="insuranceAmount"  class="input-sm insuranceAmount form-control"></div></td>
                                                #else
                                                        <td class = "table-align-center"><div class="input-group"><input type="text" name="serialNumber" itemType="$cartItem.getItemType()" class="serialNumber form-control input-sm" readonly></div></td>
                                                        <td class = "table-align-center"><div class="input-group"><input type="number" itemId="$cartItem.getItemId()" value = "0" name="insuranceAmount" class="insuranceAmount form-control input-sm" readonly></div></td>
                                                #end
                                                <td class = "table-align-center">
                                                        <input type="number" class="unitPrice form-control input-sm" name="unitPrice" id = "unitPrice" quantity="$cartItem.getQuantity()" itemId="$cartItem.getItemId()" mopPrice="$mopPriceMap.get($cartItem.getItemId()).getPrice()" mopPrice="$mopPriceMap.get($cartItem.getItemId()).isMop()" placeholder="$mopPriceMap.get($cartItem.getItemId()).getPrice() - MRP">
                                                </td>
                                                #if($mopPriceMap.get($cartItem.getItemId()).isMop() && $mopPriceMap.get($cartItem.getItemId()).getMaxDiscountAmount() > 0)
                                                        <td class = "table-align-center"><div class="input-group"><input type="number" itemId="$cartItem.getItemId()" mop="true" name="discountAmount" class="discountAmount form-control input-sm" placeholder="Up to $mopPriceMap.get($cartItem.getItemId()).getMaxDiscountAmount()"></div></td>
                                                #else
                                                        <td class = "table-align-center"><div class="input-group"><input type="number" itemId="$cartItem.getItemId()" mop="false" value = "0" name="discountAmount" class="discountAmount form-control input-sm" readonly></div></td>
                                                #end
                                                        <td class = "table-align-center"><input name="totalPrice" class="totalPrice form-control input-sm" itemId="$cartItem.getItemId()" type="number" value="0" readonly></td>                                 
                                                </tr>
                                        #else
                                                #if($cartItem.getItemType() =="SERIALIZED")
                                                        #set($start = 1)
                                                        #set($end   = $cartItem.getQuantity())
                                                        #set($range = [$start..$end])
                                                        
                                                        #foreach ($index in $range)
                                                                <tr>
                                                                        <td>$cartItem.getDisplayName()</td>
                                                                <td class = "table-align-center">1</td>
                                                                <td class = "table-align-center"><div class="input-group"><input type="text" itemId="$cartItem.getItemId()" itemType="$cartItem.getItemType()" name="serialNumber" class="serialNumber input-sm form-control"></div></td>
                                                                <td class = "table-align-center"><div class="input-group"><input type="number" itemId="$cartItem.getItemId()" placeholder="" name="insuranceAmount" class="insuranceAmount form-control input-sm"></div></td>
                                                                <td class = "table-align-center"><input type="number" class="unitPrice form-control input-sm" name="unitPrice" quantity="1" itemId="$cartItem.getItemId()" mopPrice="$mopPriceMap.get($cartItem.getItemId()).getPrice()" mopPrice="$mopPriceMap.get($cartItem.getItemId()).isMop()" placeholder="$mopPriceMap.get($cartItem.getItemId()).getPrice() - MRP"></td>
                                                                #if($mopPriceMap.get($cartItem.getItemId()).isMop() && $mopPriceMap.get($cartItem.getItemId()).getMaxDiscountAmount() > 0)
                                                                        <td class = "table-align-center"><div class="input-group"><input type="number" itemId="$cartItem.getItemId()" mop="true" name="discountAmount" class="discountAmount form-control input-sm" placeholder="Up to $mopPriceMap.get($cartItem.getItemId()).getMaxDiscountAmount()"></div></td>
                                                                #else
                                                                        <td class = "table-align-center"><div class="input-group"><input type="number" itemId="$cartItem.getItemId()" mop="false" value = "0" name="discountAmount" class="discountAmount form-control input-sm" readonly></div></td>
                                                                #end
                                                                        <td class = "table-align-center"><input name="totalPrice" class="totalPrice input-sm  form-control" itemId="$cartItem.getItemId()" type="number" value="0" readonly></td>
                                                                </tr>
                                                        #end
                                                #else
                                                        <td>$cartItem.getDisplayName()</td>
                                                <td class = "table-align-center">$cartItem.getQuantity()</td>
                                                        <td class = "table-align-center"><div class="input-group"><input type="text " itemId="$cartItem.getItemId()" name="serialNumber" itemType="$cartItem.getItemType()" class="serialNumber form-control input-sm" readonly></div></td>
                                                <td class = "table-align-center"><div class="input-group"><input type="number" itemId="$cartItem.getItemId()" value = "0" name="insuranceAmount" class="insuranceAmount form-control input-sm" readonly></div></td>
                                                <td class = "table-align-center"><input type="number" class="unitPrice input-sm" name="unitPrice" quantity="$cartItem.getQuantity()" value="0" itemId="$cartItem.getItemId()" mopPrice="$mopPriceMap.get($cartItem.getItemId()).getPrice()" mopPrice="$mopPriceMap.get($cartItem.getItemId()).isMop()" placeholder="$mopPriceMap.get($cartItem.getItemId()).getPrice() - MRP"></td>
                                                #if($mopPriceMap.get($cartItem.getItemId()).isMop() && $mopPriceMap.get($cartItem.getItemId()).getMaxDiscountAmount() > 0)
                                                        <td class = "table-align-center"><div class="input-group"><input type="number" itemId="$cartItem.getItemId()" mop="true" name="discountAmount" class="discountAmount form-control input-sm" placeholder="Up to $mopPriceMap.get($cartItem.getItemId()).getMaxDiscountAmount()"></div></td>
                                                #else
                                                        <td class = "table-align-center"><div class="input-group"><input type="number" itemId="$cartItem.getItemId()" mop="false" value = "0" name="discountAmount" class="discountAmount form-control input-sm" readonly></div></td>
                                                #end
                                                        <td class = "table-align-center"><input name="totalPrice" class="totalPrice input-sm" itemId="$cartItem.getItemId()" type="number" value="0" readonly></td>
                                                #end
                                #end
                        #end
                        </table>
                </div>
        </div>
        
</div>
#end
<div id="customer-details" style="background:white;background-color:white;padding:10px;">
        <h4 class="modelHeaderCustom" style="font-size:22px;">Customer Information</h4>
        <div>
                <div class = "row">
                        <div class="col-lg-2 form-group">
                                <input placeholder="First Name" id="firstName" name="firstName" type="text" value="" class="form-control input-sm">
                        </div>
                        <div class="col-lg-2 form-group">
                                <input placeholder="Last Name" id="lastName" name="lastName" type="text" value="" class="form-control input-sm">
                        </div>
                        <div class="col-lg-3 form-group">
                                <input placeholder="Email*" id="email" name="email" type="text" value="" class="form-control input-sm">
                        </div>
                        <div class="col-lg-3 form-group">
                                <input placeholder = "Phone Number*" id="phone" addressId="" name="phone" type="text" value="" class="form-control phone input-sm">
                        </div>
                        <div class="col-lg-2 form-group">
                                <input placeholder = "Date Of Birth*" id="dateOfBirth" name="dateOfBirth" type="date" value="" class="form-control input-sm">
                        </div>
                        
                </div>
                <div class = "row">
                        <div class="col-lg-4 form-group">
                                <input placeholder="Alternate Phone Number" id="alternatePhone" name="alternatePhone" type="text"  value="" class="form-control input-sm">
                        </div>
                        <div class="col-lg-4 form-group">
                                <input placeholder="Address Line 1" id="line1" name="line1" type="text" size="50" value="" class="form-control input-sm">
                        </div>
                        <div class="col-lg-4 form-group">
                                <input placeholder="Address Line 2" id="line2" name="line2" type="text" value="" class="form-control input-sm">
                        </div>
                </div>
                <div class = "row">
                        <div class="col-lg-3 form-group">
                                <input placeholder="Landmark" id="landmark" name="landmark" type="text" value="" class="form-control input-sm">
                        </div>
                        <div class="col-lg-2 form-group">
                                <input placeholder="Pin Code" id="pinCode" name="pinCode" type="number" value="" class="form-control input-sm">
                        </div>
                        <div class="col-lg-3 form-group">
                                <input placeholder="City" id="city" name="city" type="text" value="" class="form-control input-sm">
                        </div>
                        <div class="col-lg-4 form-group">
                                <select class="form-control input-sm" id = "state" name = "state" placeholder="State">
                        <option value="Andaman & Nicobar Islands">Andaman and Nicobar Islands</option>
                    <option value="Andhra Pradesh">Andhra Pradesh</option>
                    <option value="Arunachal Pradesh">Arunachal Pradesh</option>
                    <option value="Assam">Assam</option>
                    <option value="Bihar">Bihar</option>
                    <option value="Chandigarh">Chandigarh</option>
                    <option value="Chhattisgarh">Chhattisgarh</option>
                    <option value="Dadra & Nagar Haveli">Dadra and Nagar Haveli</option>
                    <option value="Daman & Diu">Daman and Diu</option>
                    <option value="Delhi">Delhi</option>
                    <option value="Goa">Goa</option>
                    <option value="Gujarat">Gujarat</option>
                    <option value="Haryana">Haryana</option>
                    <option value="Himachal Pradesh">Himachal Pradesh</option>
                    <option value="Jammu & Kashmir">Jammu and Kashmir</option>
                    <option value="Jharkhand">Jharkhand</option>
                    <option value="Karnataka">Karnataka</option>
                    <option value="Kerala">Kerala</option>
                    <option value="Lakshadweep">Lakshadweep</option>
                    <option value="Madhya Pradesh">Madhya Pradesh</option>
                    <option value="Maharashtra">Maharashtra</option>
                    <option value="Manipur">Manipur</option>
                    <option value="Meghalaya">Meghalaya</option>
                    <option value="Mizoram">Mizoram</option>
                    <option value="Nagaland">Nagaland</option>
                    <option value="Orissa">Orissa</option>
                    <option value="Pondicherry">Pondicherry</option>
                    <option value="Punjab">Punjab</option>
                    <option value="Rajasthan">Rajasthan</option>
                    <option value="Sikkim">Sikkim</option>
                    <option value="Tamil Nadu">Tamil Nadu</option>
                    <option value="Tripura">Tripura</option>
                    <option value="Telangana">Telangana</option>
                    <option value="Uttaranchal">Uttaranchal</option>
                    <option value="Uttar Pradesh">Uttar Pradesh</option>
                    <option value="West Bengal">West Bengal</option>
                </select>
                        </div>
        </div>
</div>
<div id="payment-details" style="background:white;background-color:white;">
        <div class="row">
                <div class="col-lg-6 right">
                        <div class="col-lg-6">
                                <h4 class="grnProductInfo modelHeaderCustom right">Net Payable Amount :</h4>
                        </div>
                        <div class="col-lg-6">
                                <input type="number" class="netPayableAmount form-control input-sm" name="" value="0" readonly>
                        </div>
                </div>
        </div>
        <p></p>
        <div class="row">
                <div class="col-lg-6 right">
                        <div class="col-lg-6">
                                <h4 class="grnProductInfo modelHeaderCustom right">Cash Amount:</h4>
                        </div>
                        <div class="col-lg-6">
                                <input type="number" name="CASH" class="form-control cashAmount amount input-sm" value="0">
                        </div>
                </div>
        </div>
        <p></p>
        <div class="row">
                <div class="col-lg-6 right">
                        <div class="col-lg-6">
                                <h4 class="grnProductInfo modelHeaderCustom right">Debit/Credit Card Amount:</h4>
                        </div>
                        <div class="col-lg-6">
                                <input type="number" name="CARD" class="form-control cardAmount amount input-sm" value="0">
                        </div>
                </div>
        </div>
        <p></p>
        <div class="row">
                <div class="col-lg-6 right">
                        <div class="col-lg-6">
                                <h4 class="grnProductInfo modelHeaderCustom right">PayTm Amount:</h4>
                        </div>
                        <div class="col-lg-6">
                                <input type="number" name="PAYTM" class="form-control walletAmount amount input-sm" value="0">
                        </div>
                </div>
        </div>
        </div>
</div>
<div id="create-order" style="padding:10px;">
        <div class="row">
                <div class="col-xs-3" style="float:right;">
                        <button class="btn btn-primary order-checkout" type="submit" style="width:100%;border-radius:0px;">Create Order</button>        
                </div>
        </div>
</div>
</form>
</section>
<script type="text/javascript" src="${rc.contextPath}/resources/js/order.js"></script>