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
        });
        
        $('#state-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
        });
        
              $('#internal-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 NOTIFICATION</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">Partner Name</p>
                                        </div>
                         <div class="col-lg-6 form-group">
                          <select  class="form-control input-sm" id = "fofo-users" name = "fofo-users" placeholder="Partners" multiple="multiple">
                                        <option value="" disabled selected>Partners</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">State Name</p>
                                        </div>
                         <div class="col-lg-6 form-group">
                          <select  class="form-control input-sm" id = "state-users" name = "state-users" placeholder="State" multiple="multiple">
                                        <option value="" disabled selected>State</option>
                                        #foreach($warehouseMap in $warehouseMap.entrySet())
                                        <option value="$warehouseMap.getKey()">$warehouseMap.getValue()</option>
                                #end
                     </select>
                   </div>
                                </div>
                                
                                  <div class="row">
                                        <div class="col-lg-5 form-group">
                                                <p class="bold-details">Internal User</p>
                                        </div>
                                        <div class="col-lg-6 form-group">
                        <select  class="form-control input-sm" id = "internal-users" name = "internal-users" placeholder="Users" multiple="multiple">
                                        <option value="" disabled selected>Users</option>
                                        #foreach($userId in $userMap.keySet())
                                        <option value="$userId">$userMap.get($userId).getEmailId()</option>
                                #end
                     </select>
                </div>
                                </div>
                                
                       <div class="row">
                                        <div class="col-lg-5 form-group">
                                                <p class="bold-details">Campaign Name</p>
                                        </div>
                                        <div class="col-lg-6 form-group">
                                                <input placeholder="Campaign Name" id="campaignName" name="campaignName" type="text" value="" class="form-control input-sm">
                                        </div>
                                </div>
                                
                                        <div class="row">
                                        <div class="col-lg-5 form-group">
                                                <p class="bold-details">Title</p>
                                        </div>
                                        <div class="col-lg-6 form-group">
                                                <input placeholder="Title" id="title" name="title" type="text" value="" class="form-control input-sm">
                                        </div>
                                </div>
                                
                        
                                <div class="row">
                                        <div class="col-lg-5 form-group">
                                                <p class="bold-details">Message</p>
                                        </div>
                                        <div class="col-lg-6 form-group">
                                                <textarea rows="3" cols="90" placeholder="Message" id="message" name="message" type="text" value="" class="form-control input-sm"></textarea>
                                        </div>
                                </div>
                                
                        
                        </div>  
                        
                        <div class="col-lg-4">
                                
                                <div class="row">
                                        <div class="col-lg-5 form-group">
                                                <p class="bold-details">Type</p>
                                        </div>
                                        <div class="col-lg-6 form-group">
                                            <select id="type" name="type"  class="form-control input-sm">
                                                          <option value="url">Url</option>
                                                          <option value="native">Native</option>
                                                          <option value="update">Update</option>
                                                </select>
                                        </div>
                                </div>
                                
                                <div class="row">
                                        <div class="col-lg-5 form-group">
                                                <p class="bold-details">Url</p>
                                        </div>
                                        

         
  
                                        <div class="col-lg-6 form-group">
                                        
                                                <select class='form-control input-sm' id='selectedUrl' onchange="changeUrl()" >
                               <option selected disabled>Url</option>
                                                   <option value='https://app.smartdukaan.com/pages/home/dashboard'>http://app.smartdukaan.com/pages/home/dashboard</option>
                                                   <option value='https://app.smartdukaan.com/pages/home/notifications'>http://app.smartdukaan.com/pages/home/notifications</option>
                                                   <option value='https://app.smartdukaan.com/pages/home/services'>http://app.smartdukaan.com/pages/home/services</option>
                                                   <option value='https://app.smartdukaan.com/pages/home/recharge'>http://app.smartdukaan.com/pages/home/recharge</option>
                                                   <option value='https://app.smartdukaan.com/pages/home/damageProtectioninfo'>http://app.smartdukaan.com/pages/home/damageProtectioninfo</option>
                                                   <option value='other'>other</option>
                                                </select>
                           <br>
                                                <input placeholder="Url" id="url" name="url" type="text" value="" class="form-control input-sm">
                                        </div>
                                </div>  
                                
                        
                                 <div class="row">
                                <div class="col-lg-5 form-group">
                                        <p class="bold-details">DOCUMENT</p>
                                </div>
                                <div class="col-lg-6 form-group">
                                        <label class="btn btn-file">
                                        
                                                Browse<input type="file" id="notifyDocument" name="notifyDocument"  style="display:none">
                                                
                                        </label>
                                </div>
                                  </div>
                                
                                <div class="row">
                                        <div class="col-lg-5 form-group">
                                                <p class="bold-details">Image Url</p>
                                        </div>
                                        <div class="col-lg-6 form-group">
                                                <input placeholder="Image Url" id="imageUrl" name="imageUrl" type="text" value="" class="form-control input-sm">
                                        </div>
                                </div>
                                
                                <div class="row">
                                        <div class="col-lg-5 form-group">
                                         <input style="zoom:1.3;" type="checkbox" name="showImage"  id = "showImage" value="false">
                                         <span style="font-size:14px;" class="bold-details">Show Image</span>
                                         </div>
                                </div>
                                </div>
                        
                
             <div class="col-lg-4">
                
                          <div class="row">
                                        <div class="col-lg-5 form-group">
                                                <p class="bold-details">Expiresat</p>
                                        </div>
                                        <div class="col-lg-6 form-group">
                                          <input id="expireSat" name="dateTime" type="text" value="" class="form-control input-sm">
                                        </div>
                                        
                                        <div class="col-lg-5 form-group">
                                                <p class="bold-details">Message Type</p>
                                        </div>
                                        <div class="col-lg-6 form-group">
                                            <select id="messageType" name="messageType"  class="form-control input-sm">
                                              <option selected disabled>Message Type</option>
                                                          <option value="notification">Notification</option>
                                                          <option value="announcement">Announcement</option>
                                                          <option value="scheme">Scheme</option>
                                                           <option value="marketing">Marketing</option>
                                                </select>
                                        </div>
                                </div>
               
                                
                                <div class="row">
                
                                        <input class="btn btn-primary create-notification-button" type="button" value="Send Notification">
                                </div>
                                
                                </div>
                </form>
        </div>
</section>