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;
        }
.table-align-center{
        text-align:center;
}
.bold-details {
        text-transform:capitalize;
        font-weight:600;
        color:#212121;
}



</style>

<script type="text/javascript">

        $(document).ready(function() {
        $('#activePrebookingItemsDescription').multiselect({
                //      includeSelectAllOption: true,
                        maxHeight: 200,
                        buttonWidth: '280px',
                //      numberDisplayed: 1,
                        nonSelectedText: 'Items',
                        nSelectedText: ' - Items Selected',
                        enableFiltering: true,
                        enableCaseInsensitiveFiltering:true,
                        multiple: false,
                        onChange: function() {
                                var selected = this.$select.val();
                                console.log("selected value : "+selected);
                                var selecteds = selected.split(",");
                                var advanceAmount = selecteds[1];
                                var tentativeAmount = selecteds[2];
                                var placementPolicy = selecteds[3];
                                var activationPolicy = selecteds[4];
                                var activationTime = selecteds[5];
                                var expireTime= selecteds[6];
                                var status= selecteds[7];
                                var time = activationTime+"-"+expireTime;
                                console.log(time);
                                console.log(status);
                                if(status == "Schedule"){
                                $( "#customerName" ).prop( "disabled", true );
                                $( "#customerMobileNumber" ).prop( "disabled", true );
                                $( "#customerEmailId" ).prop( "disabled", true );
                                }else if(status == "Running"){
                                $( "#customerName" ).prop( "disabled", false );
                                $( "#customerMobileNumber" ).prop( "disabled", false );
                                $( "#customerEmailId" ).prop( "disabled", false );
                                }
                                $('#advanceAmount').val(advanceAmount);
                                $('#tentativeAmount').val(tentativeAmount);
                                $('#totalAmount').val(advanceAmount);
                                $('#quantity').val(1);
                                $('#placementPolicy').text(placementPolicy);
                                $('#activationPolicy').text(activationPolicy);
                                $('#duration').text(time);
                                
                        }
        });
        
    });

</script>

<section class="wrapper">
        <div class="row">
                <div class="col-lg-12">
                        <h3 class="page-header"><i class="icon_document_alt"></i>PREBOOKING LISTING</h3>
                        <ol class="breadcrumb">
                                <li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
                                <li><i class="icon_document_alt"></i>CREATE</li>
                                <!--Training Video -->
                                <li><a href="#videoModal" class="btn btn-danger" data-toggle="modal" data-src="sqU3kfZ3GGM"><span
                                                class="glyphicon glyphicon-play-circle"></span> Play Video</a></li>
                        </ol>
                </div>
        </div>
        <form id="create-prebooking-order-form">
                <div id="customer-details" style="background:white;background-color:white;padding:10px;">
                        <h4 class="modelHeaderCustom" style="font-size:22px;">Prebooking Order Information</h4>
                        <div>
                                <div class="row">

                                        <div class="col-lg-4 form-group" id="items-container">
                                                <select class="form-control input-sm" id = "activePrebookingItemsDescription" placeholder="activePrebookingItemsDescription" >
                                                        #foreach($prebookingListing in $prebookingListings)
                                                                <option value="$prebookingListing.getCatalogId(),$prebookingListing.getAdvanceAmount(),$prebookingListing.getTentativeAmount(),$prebookingListing.getPlacementPolicy(),$prebookingListing.getActivationPolicy(),$prebookingListing.getActiveTimestamp().format($dateTimeFormatter),$prebookingListing.getExpireTimestamp().format($dateTimeFormatter),$statusMap.get($prebookingListing.getId())">$catalogIdDescriptionMap.get($prebookingListing.getCatalogId())</option>
                                                        #end
                                                </select>
                                        </div>
                          </div>
                          
                          <div class = "row">
                                        <div class="col-lg-1 form-group">
                                                <p>Advance Amount</p>
                                        </div>
                                        
                                        <div class="col-lg-2 form-group">
                                                #if($prebookingListings.isEmpty())
                                                        <input placeholder = "Advance Amount" id="advanceAmount" name="advanceAmount" type="number" value="0" class="form-control phone input-sm" disabled>
                                                #else
                                                        <input placeholder = "Advance Amount" id="advanceAmount" name="advanceAmount" type="number" value="$prebookingListings.get(0).getAdvanceAmount()" class="form-control phone input-sm" disabled>
                                                #end
                                        </div>
                                        
                                        <div class="col-lg-1 form-group">
                                                <p>Tentative Amount</p>
                                        </div>
                                        
                                        <div class="col-lg-2 form-group">
                                                #if($prebookingListings.isEmpty())
                                                        <input placeholder = "Tentative Amount" id="tentativeAmount" name="tentativeAmount" type="number" value="0" class="form-control phone input-sm" disabled>
                                                #else
                                                        <input placeholder = "Tentative Amount" id="tentativeAmount" name="tentativeAmount" type="number" value="$prebookingListings.get(0).getTentativeAmount()" class="form-control phone input-sm" disabled>
                                                #end
                                        </div>
                                        
                                                <div class="col-lg-1 form-group">
                                                <p>Quantity</p>
                                        </div>
                                        
                                        <div class="col-lg-1 form-group">
                                                <input placeholder = "Quantity" id="quantity" name="quantity" type="number" value="1" class="form-control phone input-sm" disabled>
                                        </div>
                                        
                                </div>
                                
                                <div class="row">
                               #if($statusMap.get($prebookingListings.get(0).getId())=="Schedule")
                                        <div class="col-lg-2 form-group">
                                                <input placeholder = "Customer Name" id="customerName" name="customerName" type="text" value="" class="form-control phone input-sm" disabled >
                                        </div>
                                        
                                        <div class="col-lg-2 form-group">
                                                <input placeholder = "Customer Mobile No" id="customerMobileNumber" name="customerMobileNumber" type="text" value="" class="form-control phone input-sm" disabled >
                                        </div>
                                        
                                        <div class="col-lg-2 form-group">
                                                <input placeholder = "Customer Email Id" id="customerEmailId" name="customerEmailId" type="text" value="" class="form-control phone input-sm" disabled>
                                        </div>
                                        #else
                                        
                        <div class="col-lg-2 form-group">
                
                                                <input placeholder = "Customer Name" id="customerName" name="customerName" type="text" value="" class="form-control phone input-sm" >
                                        </div>
                                        
                                        <div class="col-lg-2 form-group">
                                                <input placeholder = "Customer Mobile No" id="customerMobileNumber" name="customerMobileNumber" type="text" value="" class="form-control phone input-sm" >
                                        </div>
                                        
                                        <div class="col-lg-2 form-group">
                                                <input placeholder = "Customer Email Id" id="customerEmailId" name="customerEmailId" type="text" value="" class="form-control phone input-sm" >
                                        </div>
                                        #end
                                        
                                        <div class="col-lg-1 form-group">
                                                <p>Total Amount</p>
                                        </div>
                                        
                                        <div class="col-lg-2 form-group">
                                                #if($prebookingListings.isEmpty())
                                                        <input placeholder = "Total Amount" id="totalAmount" name="totalAmount" type="number" value="0" class="form-control phone input-sm" disabled>
                                                #else
                                                        <input placeholder = "Total Amount" id="totalAmount" name="totalAmount" type="number" value="$prebookingListings.get(0).getTentativeAmount()" class="form-control phone input-sm" disabled>
                                                #end
                                        </div>
                                
                                                
                                        <div class="col-lg-2" >
                                                <input class="btn btn-primary" type="submit" value="Create Prebooking Order">
                                        </div>
                                </div>
                                
                                <div class="row">
                                
                                </div>
                                
                                <div class="row">
                                        <div class="col-lg-2 form-group">
                                                <p style = font-size:15px;><b>Placement Policy</b></p>
                                        #if($prebookingListings.isEmpty())
                                                <div style="height:0px;" id="placementPolicy">
                                                </div>
                                        #else
                                        <div id="placementPolicy" >
                                             $prebookingListings.get(0).getPlacementPolicy()
                                        </div>
                                        #end
                                        </div>
                                        
                                        <div class="col-lg-2 form-group">
                                                <p style = font-size:15px;><b>Activation Policy</b></p>
                                        #if($prebookingListings.isEmpty())
                                                <div id="activationPolicy">
                                                </div>
                                        #else
                                        <div id="activationPolicy">
                                         $prebookingListings.get(0).getActivationPolicy()
                                                </div>
                                        #end
                                        </div>
                                        
                                        <div class="col-lg-2 form-group">
                                                <p style = font-size:15px;><b>Duration</b></p>
                                        
                                        #if($prebookingListings.isEmpty())
                                                <div id="duration">
                                                </div>
                                        #else
                                        <div id="duration">
                                         $prebookingListings.get(0).getActiveTimestamp().format($dateTimeFormatter) - $prebookingListings.get(0).getExpireTimestamp().format($dateTimeFormatter)
                                                </div>
                                        #end
                                        </div>
                                        </div>
                                </div>
                        </div>
                </div>
        
        </form>
</section>
<script type="text/javascript" src="resources/js/create-prebooking-order.js?v=${version}"></script>