EVOLUTION-NINJA

Edit File: send_message.php

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

<div class="content-wrapper">
<div class="content-header">
      <div class="container-fluid">
      <div class="row mb-2">
        <div class="col-sm-6">
        </div>
        <div class="col-sm-6">
        <ol class="breadcrumb float-sm-right">
          <li class="breadcrumb-item"><a href="#">Customer</a></li>
          <li class="breadcrumb-item"> Send Message </li>
        </ol>
        </div> 
      </div> 
      </div>
    </div>
   <div class="row">
    <div class="col-md-12 grid-margin stretch-card">
      <div class="card">
        <div class="card-body">

<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">
                    <label class=""><input type="radio" name="message_type" value="sms" required > &nbsp; Bulk SMS</label>
                  </div>                      
                </div> 
                <div class="col-sm-2">
                  <div class="yes_form">
                    <label class=""><input type="radio" name="message_type" value="email"> &nbsp; Bulk E-mail</label>
                  </div>
                </div>  
              </div>
          <?php $department_id   =$this->session->userdata('dept_name'); if($department_id != "Channel Partner"){?>
              <div class="row">
                <div class=" col-sm-12 col-xs-12 col-md-4">
                  <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>
                         <option value="Layout">Layout</option>
                      </select>   
                  </div>                      
                </div>
                <div class=" col-sm-12 col-xs-12 col-md-4 customer_type" style="display:none">
                  <label class="col-sm-4">Select</label>
                  <div class="col-sm-12 yes_form">
                   <select name="" class="form-control select_customer_type" required >
                        <option value="">Select</option>
                        <option value="All">All Customer</option>
                        <option value="old_layout_customer">Old Layout Customer</option>
                         <option value="new_layout_customer">New Layout Customer</option>
                      </select>   
                  </div>                      
                </div>
                <div class="col-sm-12 col-xs-12 col-md-4">
                  <label class="col-sm-4 select_layout_label"></label>
                  <div class="col-sm-12 yes_form select_layout">
                   
                  </div>                      
                </div>
                <div class="col-sm-12 col-xs-12 col-md-4">
                  <label class="col-sm-6 select_type_name"></label>
                  <div class="col-sm-12 yes_form select_name">
                   
                  </div>                      
                </div>
              </div>
            <?php } ?>
             <?php $department_id   =$this->session->userdata('dept_name'); if($department_id == "Channel Partner"){?>
            <div class="row">
                <div class=" col-sm-12 col-xs-12 col-md-4">
                  <label class="col-sm-4">Select</label>
                  <div class="col-sm-12 yes_form">
                  <select type="text" name="layout_id" class="form-control layout_id" onchange="changelayout();">  
                      <option value="">Select</option>
                        <?php foreach($result_layout as $key => $value) { ?> 
                      <option value="<?php echo $value->id; ?>"><?php echo $value->layout_name;?></option>
                        <?php } ?>
                    </select>
                  </div>                      
                </div>
                <div class=" col-sm-12 col-xs-12 col-md-4 customer_type" style="display:none">
                  <label class="col-sm-4">Select</label>
                  <div class="col-sm-12 yes_form">
                   <select name="" class="form-control select_customer_type" required >
                        <option value="">Select</option>
                        <option value="All">All Customer</option>
                        <option value="old_layout_customer">Old Layout Customer</option>
                         <option value="new_layout_customer">New Layout Customer</option>
                      </select>   
                  </div>                      
                </div>
                <div class="col-sm-12 col-xs-12 col-md-4">
                  <label class="col-sm-6 select_type_name"></label>
                  <div class="col-sm-12 yes_form select_name">
                   
                  </div>                      
                </div>
                <div class="col-sm-12 col-xs-12 col-md-4">
                             
                </div>
              </div>
          <?php } ?>
              <div class="row">
               
                <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" > 
                     
                  </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 submit" 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() == 'Layout') 
    {
        $('.customer_type').hide();
       $.ajax({
        type : 'post',
        url  : "<?php echo site_url('get-all-layouts');?>",
        
        success:function(response) {

response=jQuery.parseJSON(response);
          console.log(response);
          if(response.result==1)
          {
             //var id =response.message.id;
               $('.select_layout').empty();
                $('.select_name').empty();
                $('.select_type_name').empty();
                var con = '';
                con += '<select name="layout_id" class="form-control layout_id" id="layout_id" onchange="changelayout();" required >';
                con += '<option value="">Select</option>';
                $.each(response.message, function(key,val)
                {
                  con += '<option value="'+val.id+'">'+val.layout_name+'</option>';
                });
                con += '</select>';
                $('.select_layout').append(con);
                $('.select_layout_label').html('Layout');
          }
        } 
      });    
          
    }

else if($(this).val() == 'Employee') 
    {
        $('.customer_type').hide();
       $.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_layout').empty();
            $('.select_name').empty();
            $('.select_layout_label').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);
            });
          }
        }
      });
    }
    
    else
    {
        $('.customer_type').show();
       
    }

});
  
  $('.select_customer_type').change(function()
  {
      var customer_type = $(this).val();
       $.ajax({
        type : 'post',
        url  : "<?php echo site_url('get-all-customers');?>",
        data:{'customer_type':customer_type},

success:function(response) {
              response=jQuery.parseJSON(response);
              console.log(response);
              if(response.result==1)
              {
                
                $('.select_layout').empty();
                $('.select_name').empty();
                $('.select_layout_label').empty();
                $('.select_type_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
              {
                toastr["error"](response.message);  
              }
            }
          });
      
  });

function changelayout()
  {
    var layout_id = $('.layout_id option:selected').val();
    //alert(layout_id);
    $.ajax({
        type : 'post',
        url  : "<?php echo site_url('layout-customers');?>",
        data:{"layout_id":layout_id},

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+'   (Site No -' +value.site_no+')</option>'
                });
                content += '</select>';
                $('.select_name').append(content);
                //$('.')
                $('.select_type_name').html('Customer Name');
                $('.customer').SumoSelect({okCancelInMulti:true, selectAll:true });

$('#send_message').submit(function(e)
{  
    e.preventDefault();
    formdata = new FormData($(this)[0]);      
    $(".submit").attr('disabled', 'disabled');
    $(".submit").text("Submitting...");
    $.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);
            $(".submit").text("Submit");
            $(".submit").removeAttr('disabled');
            location.reload();
          } 
          else
          {
            toastr["error"](response.message);
          }

}
    });
       
});

</script>

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

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

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