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">
  
        $(function() {
        $('input[name="startDateTime"]').daterangepicker({
                "showDropdowns": true,
                "singleDatePicker": true,
                "timePicker": true,
                "timePicker24Hour": true,
                "timePickerSeconds": true,
                
                "autoUpdateInput": false,
                locale: {
                        cancelLabel: 'Clear',
                        format: 'DD/MM/YYYY HH:mm:ss'
                        }
            });
            
            $('input[name="startDateTime"]').on('apply.daterangepicker', function(ev, picker) {
                $(this).val(picker.startDate.format('DD/MM/YYYY HH:mm:ss'));
                });

                $('input[name="startDateTime"]').on('cancel.daterangepicker', function(ev, picker) {
                $(this).val('');
                });
            
            $('input[name="endDateTime"]').daterangepicker({
                "showDropdowns": true,
                "singleDatePicker": true,
                "timePicker": true,
                "timePicker24Hour": true,
                "timePickerSeconds": true,
                "autoUpdateInput": false,
                locale: {
                        cancelLabel: 'Clear',
                        format: 'DD/MM/YYYY HH:mm:ss'
                        }
            });
            
            $('input[name="endDateTime"]').on('apply.daterangepicker', function(ev, picker) {
                $(this).val(picker.startDate.format('DD/MM/YYYY HH:mm:ss'));
                });

                $('input[name="endDateTime"]').on('cancel.daterangepicker', function(ev, picker) {
                $(this).val('');
                });
        });
    
    configureItemsDescriptionDropDown();
        
</script>

<section class="wrapper">
        <div class="row">
                <div class="col-lg-12">
                        <h3 class="page-header"><i class="icon_document_alt"></i>SCHEME</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-scheme-form">
                <div id="customer-details" style="background:white;background-color:white;padding:10px;">
                        <h4 class="modelHeaderCustom" style="font-size:22px;">Scheme Information</h4>
                        <div>
                                <div class = "row">
                                        <div class="col-lg-2 form-group">
                                                <input placeholder="Name" id="schemeName" name="schemeName" type="text" value="" class="form-control input-sm">
                                        </div>
                                        <div class="col-lg-3 form-group">
                                                <input placeholder="Description" id="description" name="description" type="text" value="" class="form-control input-sm">
                                        </div>
                                        <div class="col-lg-2 form-group">
                                                <select class="form-control input-sm" id = "schemeType" name = "schemeType" placeholder="Type">
                                                        <option value="" disabled selected>Type</option>
                                        <option value="IN">In</option>
                                        <option value="OUT">Out</option>
                                </select>
                                        </div>
                                        <div class="col-lg-2 form-group">
                                                <select class="form-control input-sm" id = "amountType" name = "amountType" placeholder="Amount Type">
                                                        <option value="" disabled selected>Amount Type</option>
                                        <option value="PERCENTAGE">Percentage</option>
                                        <option value="FIXED">Fixed</option>
                                </select>
                                        </div>
                                        <div class="col-lg-2 form-group">
                                                <input placeholder = "Amount" id="schemeAmount" name="schemeAmount" type="number" value="0" class="form-control phone input-sm">
                                        </div>
                                        
                                </div>
                                <div class="row">
                                        <div class="col-lg-2">
                                                <input placeholder = "Start Date Time" id="startDateTime" name="startDateTime" type="text" value="" class="form-control input-sm">
                                        </div>
                                        <div class="col-lg-2">
                                                <input placeholder = "End Date Time" id="endDateTime" name="endDateTime" type="text" value="" class="form-control input-sm">
                                        </div>
                                        <div class="col-lg-2">
                                                <div class="dropdown">
                                                        <button class="btn btn-default btn-block dropdown-toggle input-sm" type="button" data-toggle="dropdown" id="brand-value">Brands<span class="caret"></span></button>
                                                        <ul class="dropdown-menu" id="brands">
                                                                #foreach ($brand in $brands)
                                                                        <li><a href="javascript:void(0);">$brand</a></li>
                                                                #end
                                                        </ul>
                                                </div>
                                        </div>
                                        <div class="col-lg-2" id="items-description-container">
                                                <select class="form-control input-sm" id = "itemsDescription" placeholder="itemsDescription" multiple="multiple" >
                                                </select>
                                        </div>
                                        <div class="col-lg-2">
                                                <div class="checkbox">
                                                        <label><input placeholder = "Retailer All" id="retailerAll" name="retailerAll" type="checkbox" value="true" checked> Retailer All</label>
                                                </div>
                                        </div>
                                        <div class="col-lg-2" id="retailer-ids">
                                                
                                        </div>
                                        <div class="col-lg-2" style="float:right;">
                                                <input class="btn btn-primary new-scheme" type="submit" style="width:100%;border-radius:0px;" value="Create Scheme">    
                                        </div>
                                </div>
                        </div>
                </div>
        
        </form>
</section>
<script type="text/javascript" src="resources/js/create-scheme.js"></script>