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;
}

</style>

<script>
        
        $(document).ready(function() {
        $('#fofo-users').multiselect({
                includeSelectAllOption: true,
                        multiple:true,
                        maxHeight: 200,
                        buttonWidth: '180px',
                        numberDisplayed: 1,
                nonSelectedText: 'Users',
                nSelectedText: ' - Users Selected',
                allSelectedText: 'All Users Selected',
                enableFiltering: true,
                enableCaseInsensitiveFiltering : true
        });
    });

  $(function() {
        $('input[name="dateTime"]').daterangepicker(getSingleDatePicker(),dateRangeCallback);
        });
        
 </script>

<section class="wrapper">
        <div class="row">
                <div class="col-lg-12">
                        <h3 class="page-header"><i class="icon_document_alt"></i>RETAILER</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>SEND MESSAGE</li>
                        </ol>
                </div>
        </div>
        
        <div class = "row" style="background:white;background-color:white;padding:10px;">
                <h4 class="modelHeaderCustom" style="font-size:22px;padding-bottom:2%">Enter Message</h4>
                <form id="create-recharge-form">
                        <div class="col-lg-4">
                        
                          <div class="row">
                                        <div class="col-lg-5 form-group">
                                                <p class="bold-details">User Name</p>
                                        </div>
                                        <div class="col-lg-6 form-group">
                        <select  class="form-control input-sm" id = "fofo-users" name = "fofo-users" placeholder="Users" multiple="multiple">
                                        <option value="" disabled selected>Users</option>
                                        #foreach($fofoId in $customRetailersMap.keySet())
                                        <option value="$fofoId">$customRetailersMap.get($fofoId).getBusinessName()</option>
                                #end
                     </select>
                </div>
                                </div>
                                
                                <div class="row">
                                        <div class="col-lg-5 form-group">
                                                <p class="bold-details">Message Text</p>
                                        </div>
                                        <div class="col-lg-6 form-group">
                                           <textarea rows="4" cols="120" placeholder="Message Text" id="messageText" name="messageText" type="text" value="" class="form-control input-sm"></textarea>
                                        </div>
                                </div>
                                
                                <div class="row">
                
                                        <input class="btn btn-primary create-message-button" type="button" style="width:100%;border-radius:0px;" value="Send Message">
                                </div>
                                </div>
                                </form>
                                </div>