EVOLUTION-NINJA

Edit File: send_message_old.php

<?php $this->load->view('includes/header'); ?>

<div class="content-wrapper">

<form id="send_message" class="form_submit">
            <div class="col-xs-12">
              
                <div class="row" style="background-color:#f8f8f8;padding-top: 10px;padding-bottom: 10px;">
                  <div class="col-sm-12 col-md-3">
                    <span style="font-size:25px;">Send Message</span>
                  </div>
                </div>
                
                <div class="row">
                  <div class="col-sm-2">
                    <div class="yes_form">
                      <input type="radio" name="message_type" value="sms">
                      <label class="">Bulk SMS</label>
                    </div>                      
                  </div> 
                  <div class="col-sm-2">
                    <div class="yes_form">
                      <input type="radio" name="message_type" value="email">
                      <label class="">Bulk E-mail</label>
                    </div>
                  </div>  
                </div>
                <div class="row">
                  <div class=" col-sm-12 col-xs-12 col-md-6">
                    <label class="col-sm-4">Select</label>
                    <div class="col-sm-12 yes_form">
                     <select name="user_type" class="form-control select_type" required>
                          <option value="">Select</option>
                          <option value="Employee">Employee</option>
                          <option value="Customer">Customer</option>
                        </select>   
                    </div>                      
                  </div>

<div class="row">
                  <div class=" col-sm-12 col-xs-12 col-md-6">
                    <label class="col-sm-4">Subject</label>
                    <div class="col-sm-12 yes_form">
                      <textarea type="text" name="subject" class="form-control"></textarea>
                    </div>                      
                  </div>
                
                 <div class=" col-sm-12 col-xs-12 col-md-6">
                    <label class="col-sm-4">Message</label>
                    <div class="col-sm-12 yes_form">
                      <textarea type="text" name="message" class="form-control message"></textarea>
                    </div>                      
                  </div>
                    
                </div>

<div class="row">
                  
                
                 <div class=" col-sm-12 col-xs-12 col-md-6">  
                      <label class="col-sm-4">Images Upload</label>
                      <div class="col-sm-12 yes_form"> 
                      <input type="file" name="image_upload"  class="form-control" required> 
                         
                      </div>
                    </div>
                    
                </div>

<div class="row" style="margin-top: 20px; padding-top: 10px;padding-bottom: 10px; text-align:center;">
                  
                  <div class="col-sm-12">
                    <button type="submit" class="btn" style="background: #405189; color: white;">Submit</button>
                  </div>
                </div>
            </div>
          </form>

</div>
      </div>
    </div>
  </div>

</div>
<script type="text/javascript">

$('.select_type').change(function()
  {
    if($(this).val() == 'Customer') 
    {
     
      $.ajax({
        type : 'post',
        url  : "<?php echo site_url('get-all-customers');?>",
        
        success:function(response) {

response=jQuery.parseJSON(response);
          console.log(response);
          if(response.result==1)
          {
            $('.select_name').empty();
            var content = '';
            content += '<select multiple="multiple" name="user_ids[]" class="customer">';
            $.each(response.message, function(key,value)
            {
              content += '<option value="'+value.id+'">'+value.name+'</option>'
            });
            content += '</select>';
            $('.select_name').append(content);
            $('.select_type_name').html('Customer Name');
            $('.customer').SumoSelect({okCancelInMulti:true, selectAll:true });

$('.btnOk').on('click', function() {
              var obj = [],
                  items = '';
              $('.customer option:selected').each(function(i) {
                obj.push($(this).val());
                //$('.customer')[0].sumo.unSelectItem(i);
              });
              /*for (var i = 0; i < obj.length; i++) {
                items += ' ' + obj[i]
              };
              alert(items);*/
              var json_str = JSON.stringify(obj);
              $('.selected_ids').val(json_str);
            });
          }
        }
      });
      
    } 
    else
    {
       $.ajax({
        type : 'post',
        url  : "<?php echo site_url('get-all-employees');?>",
        
        success:function(response) {

response=jQuery.parseJSON(response);
          console.log(response);
          if(response.result==1)
          {
            $('.select_name').empty();
            var content = '';
            content += '<select multiple="multiple" name="user_ids[]" class="employee">';
            $.each(response.message, function(key,value)
            {
               content += '<option value="'+value.emp_id+'">'+value.first_name+' '+value.last_name+'</option>'
            });
            content += '</select>';
            $('.select_name').append(content);
            $('.select_type_name').html('Employee Name');
            $('.employee').SumoSelect({okCancelInMulti:true, selectAll:true });

$('.btnOk').on('click', function() {
              var obj = [],
                  items = '';
              $('.employee option:selected').each(function(i) {
                obj.push($(this).val());
                //$('.employee')[0].sumo.unSelectItem(i);
              });
             /* for (var i = 0; i < obj.length; i++) {
                items += ' ' + obj[i]
              };
              alert(items);*/
              var json_str = JSON.stringify(obj);
              $('.selected_ids').val(json_str);
            });
          }
        }
      });
    }

});

$('#send_message').submit(function(e)
{  
    e.preventDefault();
    formdata = new FormData($(this)[0]);      
    
    $.ajax({
        type : 'post',
        url  : "<?php echo site_url('send-message-details');?>",
        data : formdata,
        contentType: false,
        processData: false,
        success:function(response) {
          response=jQuery.parseJSON(response);
          console.log(response);
          if(response.result==1)
          {
            toastr["success"](response.message);
            setTimeout(1000);
            location.reload();
          } 
          else
          {
            toastr["error"](response.message);
          }

}
    });
       
});

</script>

.content-wrapper {
    max-width: 1260px !important;
}
.row-form {
  width:100%;
}
.form_submit label{
  padding-top: 20px;
}

.message {
  resize:both;
  overflow:auto;  
}

</style>
      
<?php $this->load->view('includes/footer'); ?>