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;
}
.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];
                                $('#advanceAmount').val(advanceAmount);
                                $('#tentativeAmount').val(tentativeAmount);
                                $('#totalAmount').val(advanceAmount);
                                $('#quantity').val(1);
                        }
        });
        
    });

</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>
                        </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()">$catalogIdDescriptionMap.get($prebookingListing.getCatalogId())</option>
                                                        #end
                                                </select>
                                        </div>
                                        
                                        <div class="col-lg-2 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-2 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>
                                
                                <div class="row">
                                
                                        <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">
                                        </div>
                                        
                                        <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>
                                        
                                        <div class="col-lg-2 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>
                                
                                <div class="row">
                                                
                                        <div class="col-lg-3" style="float:right;">
                                                <input class="btn btn-primary" type="submit" value="Create Prebooking Order">
                                        </div>
                                </div>
                        </div>
                </div>
        
        </form>
</section>
<script type="text/javascript" src="resources/js/create-prebooking-order.js?v=${version}"></script>