EVOLUTION-NINJA

Edit File: add_message.php

<?php $this->load->view('includes/admin_header');?>
<link rel="stylesheet" href="<?php echo base_url('admin_assets/assets/font-awesome/4.5.0/css/font-awesome.min.css');?>" />
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">	
<link rel="stylesheet" href="<?php echo base_url('admin_assets/toastr/toastr.min.css');?>">
<script src="<?php echo base_url('admin_assets/event/assets/js/jquery-3.1.1.min.js');?>"></script>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script src="<?php echo base_url('admin_assets/toastr/toastr.min.js');?>"></script>
<link rel='shortcut icon' type='image/x-icon' href="<?php echo base_url('admin_assets/favicon.png');?>" />
<div class="page-content">
						<div class="row">
							<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;">Message</span>
										</div>
										<div class="col-sm-5"></div>
									</div>
									<form class="department">
									<div class="row">
										<div class="col-md-5"></div>
										<div class="col-md-7">
											<label><input type="radio" name="status" value="Multiple" class="inv_st">Send To Multiple</label>&nbsp&nbsp
											<label><input type="radio" name="status" value="Single" class="inv_st">Send To Single</label>&nbsp&nbsp
										</div>
										
									</div>

<div class="row row-form">
							<div class="col-md-2"></div>
							<div class="col-md-8">
								<div class="form-group cleint">
									<label class="col-sm-4">Client</label>
									<div class="col-sm-8">
										<input  type="text" class="form-control" name="client"  placeholder="Client" id="client">
									</div>
								</div>

<div class="form-group phon">
									<label class="col-sm-4">Phone Number</label>
									<div class="col-sm-8">
										<input type="text" class="form-control phone_number" name="phone_number" placeholder="Phone Number">
									</div>
								</div>

<div class="form-group">
									<label class="col-sm-4">Message</label>
									<div class="col-sm-8">
										<select  class="form-control" name="message" required="required" placeholder="Message">
										<?php  foreach($message as $key=>$val){ ?>

<option value="<?php echo $val->template; ?>"><?php echo $val->template; ?></option>

<?php } ?>

</select>
									</div>
								</div>
									
								<div class="row form-group" style="text-align: center;">
									<button type="submit" style="margin-top: 20px;" class="btn">Save & Send</button>
								</div>
							</div>
						</form>	
							<div class="col-md-2" style="padding-top: 4%;">
								<button type="button"  data-toggle='modal' data-target='#msgModal' style="margin-top: 20px;padding: 0px 0px !important;" class="btn">Add Template</button>
							</div>
						</div> 
							
				</div>		
					
					
				 				
				<div class="col-sm-0 col-md-1">	
					</div>
					
							</div>
								
							</div>
						</div>

<div class="modal fade" id="msgModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
    	<div class="modal-header">
	        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
	        <h4 class="modal-title" id="myModalLabel">Add Template</h4>
        </div>
	      <form class="quote_msg" method="post">
		      <div class="modal-body">
			<input type="hidden" class="quotation_id" name="lead_id">
			<div class="row row-form">
				<div class="col-sm-12">
					<label class="col-sm-3">Template</label>
					<textarea type="text" name="template" rows="4" class="col-sm-8" placeholder="message"></textarea> 
				</div>
			</div>

<div class="row" style="text-align:center;padding-top:50px;">
				<button type="submit" style="background:blue;color:#fff;" id="submit">Add</button>
			</div>
		</div>  
	      </form>   
	    </div>
	  </div>
	</div>

$('#password, #confirm_password').on('keyup', function () {
  if ($('#password').val() == $('#confirm_password').val()) {
    $('#message').html('Matching').css('color', 'green');
  } else 
    $('#message').html('Not Matching').css('color', 'red');
});

$(document).ready(function(){

$('.inv_st').change(function(e){
		e.preventDefault();

var status=$("input[type=radio][name=status]:checked" ).val();

if(status=='Multiple'){

$('.cleint').hide();

$('.phon').hide();

}else{
			$('.cleint').show();

$('.phon').show();

}

});

$("#client").autocomplete({
		source: function( request, callback ) {
			var val=$('#client').val();
			var type = 'post'
			$.ajax({
			 type:type,
			 url: '<?php echo site_url('yaskawa/search_client'); ?>',
			 data: {'val':val},
			 success: function( data ) {
			 	data=jQuery.parseJSON(data);
				 multiple:true;
				callback($.map(data, function(vx){   
				return [ 
                            {
                              label: vx.first_name + ":" +vx.phone,
                              value: vx.first_name + ":" +vx.phone

}

];
                       }));
                           
			  }
			});
		  },
		  minLength: 1,
		  select: function( event, ui ) {
			  $("#client").val( ui.item.label);
				$("#client").val( ui.item.value);
				//
				address();

return {
					value: ui.item.value
				};
			  },
			  open: function() {
						 // Do something on open event.
			  },
			  close: function() {
					   // Do something on close event
			  }
		});

function address(){
		var val=$('#client').val();
		var name=val.split(':');
		var n=name[0];
		var company=name[1];
		$('.phone_number').val(company);
		
	}

$('.quote_msg').submit(function(e){	
		e.preventDefault();

//$('#submit').
		$("#submit").attr('disabled', 'disabled');
         $("#submit").text("Sending...");

formdata = new FormData($(this)[0]);
       	 $.ajax({
                type   : 'post',
                url    : '<?php echo site_url("yaskawa/add_template")?>',
                data   : formdata,
                contentType: false,
                processData: false,                         
                  success:function(response){
                  response=jQuery.parseJSON(response);
                  console.log(response);

if(response.result=='1')
                    {
	                   toastr['success'](response.message);
	                   $("#submit").text("Sending");   
                       $("#submit").removeAttr('disabled');  
                       window.location='<?php echo base_url('add-message'); ?>'
                    }
                    else 
                    {
                    	toastr['error']('Something went wrong');
                    	 $("#submit").text("Sending");   
                         $("#submit").removeAttr('disabled'); 
                    }
                }
           });

});

$('.department').submit(function(e){    
        e.preventDefault();
        
         formdata = new FormData($(this)[0]);
            $.ajax({
                type   : 'post',
                url    : '<?php echo site_url("yaskawa/send_message")?>',
                data   : formdata,
                contentType: false,
                processData: false,                         
                  success:function(response){
                  response=jQuery.parseJSON(response);
                  console.log(response);
                  if(response.result == 1)
                    {
                    	alert("Message Sent Successfully");
                    	
                    }            
                    else{

toastr["error"]('Something went wrong'); 
                    }
                   
                }
                
         });
           
          
     });

});

</script>

</script>

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