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:#373737;
        }
.table-align-center{
        text-align:center;
}
</style>

<script type="text/javascript">
        var cartItemIndex = 0;
        accessoriesDeals = $accessoriesDeals;
        $(function() {
        $('input[name="dateOfBirth"]').daterangepicker(getSingleDatePicker(), dateRangeCallback);
        formLoaded();
        });
        
</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="padding:10px">
#if($cartItems.size()==0)
        <div class="card row"
                <p>Your Cart is Empty.</p>      
        </div>
#else
<div class = "row">
        <div class="table-responsive col-lg-8" style="background-color:white">
                <h4 class="modelHeaderCustom" style="font-size:22px;">Product Information</h4>
                <table class="table table-condensed">
                <tr>
                        <th style="width:25%">Description</th>
                        <th style="width:10%">Quantity</th>
                        <th style="width:15%">Serial Number</th>
                        <th style="width:12%">Unit Price</th>
                        <th style="width:15%">Mobile Insurance</th>
                        <!--<th><h4 class="grnProductInfo modelHeaderCustom table-align-center">Discount</h4></th>-->
                        <th style="width:12%">Total Price</th>
                </tr>
                
                #foreach ($cartItem in $cartItems)
                        #set($mrp="MRP")
                        #if($mopPriceMap.get($cartItem.getItemId()).getMrp()!=0)
                                #set($mrp="$mopPriceMap.get($cartItem.getItemId()).getMrp()(MRP)")
                        #end
                        
                                #set($placeHolder = "$mopPriceMap.get($cartItem.getItemId()).getPrice() - $mrp")
                                #set($dp = $mopPriceMap.get($cartItem.getItemId()).getPurchasePrice())
                                #if($accessoriesDeals && $cartItem.getItemType() =="NON_SERIALIZED")
                                        #set($placeHolder = "$mopPriceMap.get($cartItem.getItemId()).getPurchasePrice()(DP) - $mopPriceMap.get($cartItem.getItemId()).getPrice()(MOP) - $mrp")
                                #end
                                #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">
                                                                <input readonly type="text" itemId="$cartItem.getItemId()" itemType="$cartItem.getItemType()" name="serialNumber" class="serialNumber input-sm form-control">
                                                        </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()" dp="$dp" mopPrice="$mopPriceMap.get($cartItem.getItemId()).isMop()" placeholder="$placeHolder">
                                                        </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>
                                                                <input type="hidden" itemId="$cartItem.getItemId()" value = "0" name="insuranceid" class="insuranceid">
                                                                <div class="input-group-btn">
                                                                        <button type="button" class="btn btn-sm btn-default mk_check_plans" 
                                                                                        data-mop="$mopPriceMap.get($cartItem.getItemId()).getPrice()">
                                                                                Check Plans
                                                                        </button>
                                                                </div>
                                                        </div>
                                                </td>
                                                        <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
                                        <tr>
                                                <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">
                                                        <input type="number" class="unitPrice input-sm form-control" dp="$dp" name="unitPrice" quantity="$cartItem.getQuantity()" itemId="$cartItem.getItemId()" 
                                                                mopPrice="$mopPriceMap.get($cartItem.getItemId()).getPrice()" mopPrice="$mopPriceMap.get($cartItem.getItemId()).isMop()" placeholder="$placeHolder" />
                                                </td>
                                                <td>Not Applicable</td>
                                                <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
                #end
                </table>
                <div>
                        <h4 class="modelHeaderCustom" style="font-size:22px;">Customer Information<small><a href="javascript:void(0);" class="mk_restore">(Restore Previous)</a></small></h4>
                        <div class = "row">
                                <div class="col-lg-3 form-group">
                                        <input placeholder="First Name" id="firstName" name="firstName" type="text" value="" class="form-control input-sm">
                                </div>
                                <div class="col-lg-3 form-group">
                                        <input placeholder="Last Name" id="lastName" name="lastName" type="text" value="" class="form-control input-sm">
                                </div>
                                <div class="col-lg-2 form-group">
                                        <input placeholder="Email*" id="email" name="email" type="text" value="" class="form-control input-sm">
                                </div>
                                <div class="col-lg-2 form-group">
                                        <input placeholder = "Phone Number*" id="phone" addressId="" name="phone" type="text" value="" class="form-control phone input-sm">
                                </div>
                                
                        </div>
                        <div class = "row">
                                <div class="col-lg-3 form-group">
                                        <input placeholder="GST Number" id="gstNumber" name="gstNumber" type="text"  value="" class="form-control input-sm">
                                </div>
                                <div class="col-lg-3 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-2 form-group">
                                        <input placeholder="Address Line 2" id="line2" name="line2" type="text" value="" class="form-control input-sm">
                                </div>
                                <div class="col-lg-2 form-group">
                                        <input placeholder="Alternate Phone Number" id="alternatePhone" name="alternatePhone" 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-3 form-group">
                                        <input placeholder="Pin Code" id="pinCode" name="pinCode" type="number" value="" class="form-control input-sm">
                                </div>
                                <div class="col-lg-2 form-group">
                                        <input placeholder="City" id="city" name="city" type="text" value="" class="form-control input-sm">
                                </div>
                                <div class="col-lg-2 form-group">
                                        <select class="form-control input-sm" id = "state" name = "state" placeholder="State">
                                                <option value="" disabled selected>State</option>
                                                #foreach($stateName in $stateNames)
                                                        #if($retailerStateName == $stateName)
                                                                <option value="$stateName" selected>$stateName</option>
                                                        #else
                                                                <option value="$stateName">$stateName</option>
                                                        #end
                                                #end
                                
                        </select>
                                </div>
                </div>
                <div class="row mk_insurance_row" style="display:none">
                                <div class="col-lg-2 form-group">
                                        <select class="form-control input-sm" id="gender" name ="gender" placeholder="Gender">
                                                <option value="" disabled selected>Gender</option>
                                                <option value="1" selected>Male</option>
                                                <option value="2" selected>Female</option>
                        </select>
                                </div>
                                <div class="col-lg-2 form-group">
                                        <input placeholder = "Date Of Birth" id="dateOfBirth" name="dateOfBirth" type="text" value="" class="form-control">
                                </div>
                        </div>
        </div>
        </div>
        <div class="col-lg-4 row">
                <div class="col-lg-1"></div>
                <div id="payment-details" style="background:white;background-color:white;" class="col-lg-10">
                        <h4 class="modelHeaderCustom" style="font-size:22px;">Payment Details</h4>
                        <div class="row">
                                <div class="col-lg-7">
                                        <h4>Total Amount :</h4>
                                </div>
                                <div class="col-lg-5">
                                        <input type="number" class="netPayableAmount form-control input-sm" name="" value="0" readonly>
                                </div>
                        </div>
                        <div id="payment-option-id-amount-container" paymentOptionSize = $paymentOptions.size()>
                        #set($a = 0)
                        #set($b = $paymentOptions.size() - 1)
                        #set($range = [$a..$b])
                        
                        #foreach($index in $range)
                        <div class="row">
                                #set($paymentOption = $paymentOptions[$index])
                                <div class="col-lg-7">
                                        <h4>$paymentOption.getName() :</h4>
                                </div>
                                <div class="col-lg-5">
                                        <input type="number" id="paymentOptionIdAmount${index}" name="paymentOptionIdAmount${index}" 
                                        class="form-control paymentOptionAmount amount input-sm" value="0" paymentOptionId="$paymentOption.getId()">
                                </div>
                        </div>
                        #end
                        </div>
                        <div class="row">
                                <div class="form-group col-lg-10">
                                        <button class="btn btn-block btn-primary order-checkout" type="submit">Create Order</button>    
                                </div>
                        </div>
                </div>
        </div>
</div>
#end
</div>
</form>
</section>
<div class="modal modal-lg fade row" id="mobilePlansModal" tabindex="-1" role="dialog">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">Choose from plans</h4>
      </div>
      <div class="modal-body">
          </div>
    </div>
  </div>
</div>