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 onclick="planningtypes('sms')"> &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" onclick="planningtypes('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-md-2">
                  <label class="">Select</label>
               
                   <select name="user_type" class="form-control select_type" required >
                        <option value="">Select</option>
                        <option value="Employee">Employee</option>
                        <option value="new_customer">New Customer</option>
                        <option value="booking_layout">Booking Customer</option>
                        <option value="saled_layout">Saled Customer</option>
                        <option value="layout_customer">Layout Customer</option>
                      </select>   
                                 
                </div>
                <div class=" col-md-3 department_div" style="display: none;">
                  <label class="">Select</label>
                 
                   <select name="department_id" class="form-control department_id">
                    <option value="">Select</option>
                     <option value="All">All</option>
                    <?php foreach($dept_list as $dl){?>
                      <option value="<?php echo  $dl->id; ?>"><?php echo $dl->dept_name; ?></option>
                    <?php } ?>
                  </select> 
                                  
                </div>
               
                <div class="col-md-3">
                  <label class="select_layout_label"></label>
                  <div class="yes_form select_layout">
                   
                  </div>                      
                </div>
                 
                 <div class="col-md-4">
                  <label class="select_type_name"></label>
                  <div class=" 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 department_div" style="display: none;">
                  <label class="col-sm-4">Select</label>
                  <div class="col-sm-12 yes_form">
                   <select name="department_id" class="form-control department_id">
                    <option value="">Select</option>
                    <option value="All">All</option>
                    <?php foreach($dept_list as $dl){?>
                      <option value="<?php echo  $dl->id; ?>"><?php echo $dl->dept_name; ?></option>
                    <?php } ?>
                  </select> 
                  </div>                      
                </div>

<div class="col-sm-4">
                  <label class="col-sm-6 select_type_name"></label>
                  <div class="col-sm-12 yes_form select_name">
                   
                  </div>                      
                </div>
                
              </div>
          <?php } ?>
              <div class="row">             
                <div class=" col-sm-3">
                  <label class="">Message</label>
                  <div class="">
                    <textarea type="text" name="message" class="form-control message"></textarea>
                  </div>                      
                </div>
                <div class="col-sm-3 upload_image" style="display: none;">  
                  <label class="">Images Upload</label>
                  <div class=""> 
                  <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">
function planningtypes(str)
{       
   if(str=="sms")
    {  
      $('.upload_image').hide();
    }
    else
    {
      $('.upload_image').show();
    }
  }

$('.select_type').change(function()
  {
    $('.department_div').hide();
   if($(this).val() == 'booking_layout' || $(this).val() == 'layout_customer' || $(this).val() == "saled_layout") 
    {
        var select_type =  $('.select_type').val();
        $.ajax({
        type : 'post',
        url  : "<?php echo site_url('get-old-new-layouts');?>",
        data:{'customer_type':select_type},
        success:function(response) {

response=jQuery.parseJSON(response);
          console.log(response);
          if(response.result==1)
          {
              $('.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 : <span style="color:red;">'+response.message[0].total_layout+'</span><br/>');
          }
          else
          {
                $('.select_layout').empty();
                $('.select_name').empty();
                $('.select_type_name').empty();
                $('.select_layout').empty();
                $('.select_layout_label').empty();
                toastr["error"](response.message);  
          }
        } 
      });    
          
    }
    else if($(this).val() == 'Employee') 
    {
        $('.department_div').show();
         $('.select_layout').empty();
            $('.select_name').empty();
            $('.select_layout_label').empty();
            $('.select_type_name').empty();
            
    }
    else
    {
      $('.department_div').hide();
       var customer_type =  $('.select_type').val();

$.ajax({
        type : 'post',
        url  : "<?php echo site_url('get-old-new-layouts');?>",
        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('Total Customer : <span style="color:red;">'+response.message[0].total_cust+'</span><br/>Select 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
              {
               
                $('.select_name').empty();
                $('.select_type_name').empty();
               
                toastr["error"](response.message);   
              }
            }
          });
       
    }

});
  
  $('.department_id').change(function()
  {
      var department_id = $(this).val();
         $.ajax({
        type : 'post',
        url  : "<?php echo site_url('get-all-employees');?>",
         data:{'department_id':department_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="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 });*/

$('.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());
               
              });
          
              var json_str = JSON.stringify(obj);
              $('.selected_ids').val(json_str);
            });
          }
          else
          {
            $('.select_name').empty();
            toastr["error"](response.message);
            $('.select_layout').empty();
                $('.select_name').empty();
                $('.select_type_name').empty();
                $('.select_layout').empty();
                $('.select_layout_label').empty();
                toastr["error"](response.message);  
          }
        }
      });
       
      
  });

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

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)
                {
               
                  $('.total_cust').val(value.total_cust);
                  content += '<option value="'+value.id+'">'+value.name+'   (Site No -' +value.site_no+')</option>'
                });
                content += '</select>';
                $('.select_name').append(content);              
                $('.select_type_name').html('Total Customer : <span style="color:red;">'+response.message[0].total_cust+'</span><br/>Select 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);  
                //$('.select_layout').empty();
                $('.select_name').empty();
                $('.select_type_name').empty();
               /* $('.select_layout').empty();
                $('.select_layout_label').empty();*/
                toastr["error"](response.message);  
              }
            }
          });
  }
  //});

$('#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;  
}
.select-all label{
    padding-top:7px;
}
.options label{
    padding-top: 8px;
    padding-left: 34px;
}
.options{
    height:200px;
}
.SumoSelect > .optWrapper > .options > li{
   padding: 1px 6px !important;
}
.SumoSelect > .optWrapper.multiple > .options > li span{
    margin-left: 0px !important;
}
</style>
      
<?php $this->load->view('includes/footer'); ?>