<?php
include("common/connection.php");
login_check();

$Lead_Req_Id=$_REQUEST['Lid'];
$user_type_sql="select User_Type from user_master where User_Name='".$_SESSION['user']."'";
$user_type_query=mysqli_query($con,$user_type_sql);
$user_type=mysqli_fetch_array($user_type_query);
?>

<!doctype html>
<html class="no-js" lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Create SMS | Buurtzorg</title>
    <?php include("headerlink.php"); ?> 
     <link rel="stylesheet" href="css/form/all-type-forms.css">
    <!-- x-editor CSS
		============================================ -->
    <link rel="stylesheet" href="css/editor/select2.css">
    <link rel="stylesheet" href="css/editor/datetimepicker.css">
    <link rel="stylesheet" href="css/editor/bootstrap-editable.css">
    <link rel="stylesheet" href="css/editor/x-editor-style.css">

    
    <script>
	function unlock_form() {
	 
	$('#edit_c_form  input'). prop("disabled", false);
	//$('#not_editable  input'). prop("disabled", true);
	$('#edit_c_form  textarea'). prop("disabled", false);
	$('#edit_c_form  select'). prop("disabled", false);
	$('#update_btn').show();
	$('#edit_btn_1').hide();
	
 
	}
	</script>
    
    <script type="text/javascript">
	function ShowPersonalize()
	{
	   if(document.getElementById("personalize").checked==true)
	   {
	   
	      $('#personalize_div').show();
	   }
	   else
	   {
	      $('#personalize_div').hide();
	   }
	
	}
	</script> 
    
    <script>
	function personaliz_label(per) {
	 $('#ps').text(per);
	
	}
	</script>
	<script>
function Count(field, countfield, maxlimit)
{  
 
if (field.value.length > maxlimit)
{
field.value = field.value.substring(0, maxlimit);
field.blur();
field.focus();
return false;
}
else
{
//alert(111);
var test = field.value.length;
$('#'+countfield).val(test);
}
 
}
</script>
	
	
    <?php
	 $lead_basic_sql="select * from lead_master where Lead_ID='".$Lead_Req_Id."'";
	 $lead_basic_query=mysqli_query($con,$lead_basic_sql);
	 $lead_details=mysqli_fetch_array($lead_basic_query);
	?>    
</head>

<body>
    <!--[if lt IE 8]>
		<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
	<![endif]-->
    <!-- Start Left menu area -->
    
    
    
    <?php include("left-menu.php"); ?>
    
    
    
    <!-- End Left menu area -->
    <!-- Start Welcome area -->
    <div class="all-content-wrapper">
        
        
       <?php include("header-menu.php"); ?> 
        
       
                                        	
        <!-- Static Table Start -->
        <div class="static-table-area">
        
       
        
        
        
            <div class="container-fluid">
                <div class="row">
                    
                    <div class="col-lg-8 col-md-6 col-sm-6 col-xs-12" >
                        <div class="sparkline9-list mt-b-30 res-mg-t-30 analysis-progrebar-ctn" style="background-color:#FFFFFF">
                            <div class="sparkline9-hd">
                                <div class="main-sparkline9-hd">
                                    <h1 style="margin-bottom:15px; text-transform:uppercase">Create SMS</h1>
                                   
                                    
                                    
                                          <div class="row" style="padding:0; background-color:#FFFFFF">
                                           
                                              
                                
                                  <form method="post" action="" id="create_sms">
                                      <!--<input id="hidden_call_box" name="call_status" value="" style="width:100%" type="hidden">-->
                                      
                                      <div class="col-sm-12" id="call_later_div" style="padding-top:25px; max-width:450px">
                                      <div class="form-group"><label>SMS NAME</label>
                                            
                                             <input name="sms_name" id="_name" type="text" class="form-control" 
                                                      placeholder="SMS Name" data-rule-required="true" data-msg-required="Please enter sms name">
                                                   </div>
                                                </div>
                                      
                                      <div class="col-sm-12" id="call_later_div" style="padding-top:25px; max-width:200px">
                                      <div class="form-group"><label>&nbsp;</label>
                                                 <input name="dummy" id="" type="text" class="form-control" 
                                                      placeholder="Call Back Date" style="opacity:0;">
                                                   </div>
                                                </div>
                                                
                                                <div class="col-sm-12" id="call_later" style="display:block; max-width:150px">
                                                   <div class="form-group" style="margin-top:10px;"><label><input name="personalize" id="personalize" type="checkbox" value="" style="margin-right:10px;" onClick="ShowPersonalize()">PERSONALIZE</label>
                                                     
                                                   </div>
                                                </div>
                                                
                                                <div id="personalize_div" style="display:none;">
                                                 <div class="col-sm-12" id="call_later_time" style="display:block; max-width:150px">
                                                   <div class="form-group"><!--<label>Set Call Back Time</label>-->
                                                      <select name="personaliz_status" id="personaliz_status" class="form-control" style=" width:100%;" onChange="personaliz_label(this.value)">
                                            
                                          <!-- <option value="">--Select--</option>-->
                                            
                                           
                                         
                                            <option value="Dear">Dear</option>
                                            <option value="Hi">Hi</option>
                                              <option value="Hello">Hello</option>
                                            
                                            
                                            </select>
                                                   </div>
                                                </div>
                                                
                                                <div class="col-sm-12" id="call_later_time" style="display:block; max-width:150px">
                                                   <div class="form-group" style="padding-top:10px;"><label><span id="ps">Dear</span> <span style=" font-style:italic;">"XXXXXX"</span></label>
                                                     
                                                   </div>
                                                </div>
                                                
                                                </div>
                                                
                                                <div class="col-sm-12" id=" " style="padding-top:05px; ">
                                                   <div class="form-group">
                                                        <label for="">SMS BODY</label>                                                     
                                                        <textarea name="sms_content" style="resize:none; height:70px" id="response" data-msg-required="Please enter sms content" data-rule-required="true" onKeyUp="Count(this,'bene_char',162);" onKeyDown="Count(this,'bene_char',162);" onBlur="Count(this,'bene_char',162);"> </textarea>
                                                   </div>
												   <div class="form-group"> 
														<div class="col-sm-2" style="padding-left:0px;">
                                                        <input name="bene_char" id="bene_char" onKeyDown="return false" autocomplete="off" type="text" class="form-control" style="margin-top:10px;">
														</div>
														<div class="col-sm-10" style="padding-left:0px; line-height:34px; height:34px; padding-top:10px;"> Max 162 characters	</div>
												   </div>
                                                </div>
                                               
                                                
                                                
                                                <div class="col-sm-4" style="margin-bottom:100px;padding-top:50px">
                                                 <input type="submit" class="btn btn-custon-rounded-three
                                    				btn-primary" name="add_sms_content" value="Submit">
                                    			
                                                </div>
                                              
                                        </form>
                                         
                                         <?php
								  if(isset($_REQUEST['add_sms_content']))
								  {
							
								 $add_email_sql="insert into sms_content_master(Personaliz,Sms_Name, Sms_Content,Active)values('".$_REQUEST['personaliz_status']."','".$_REQUEST['sms_name']."','".mysqli_real_escape_string($con,$_REQUEST['sms_content'])."','Yes')";
								    mysqli_query($con,$add_email_sql);
									  
									  ?>
                                      <script>
									  alert('Sms Content Successfully Added');
									  </script>
									  <?php
								
								  }
								  ?>
                                        
                                        
                                        
                                        
                                            </div>
                                        
                                          
                                         
                                         
                                         
                                         
                                           
                                </div>
                            </div>
                             
                         </div>
                         
                    </div> 
                    
                    
                 
                    
                      
                    	
                              <div class="sparkline9-hd" style="padding-bottom: 0px;">
                              
                              
                                <div class="review-content-section">
                                    <div id="" class="pro-ad addcoursepro">
                                        
                                          
                                            
                                            
                                           
                                        
                                    </div>
                                </div>
                                        
                              
                              
                              </div>          
                        </div>
                    </div>
                </div>
                
                
            </div>
        </div>
        <!-- Static Table End -->
        <div class="footer-copyright-area">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="footer-copy-right">
                            <p>Copyright © 2019. All rights reserved. </p>
                           
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

     <!-- jquery
		============================================ -->
     
       <script src="js/vendor/jquery-1.12.4.min.js"></script>
    <!-- bootstrap JS
		============================================ -->
    <script src="js/bootstrap.min.js"></script>
    <!-- wow JS
		============================================ -->
    <script src="js/wow.min.js"></script>
    <!-- price-slider JS
		============================================ -->
    <script src="js/jquery-price-slider.js"></script>
    <!-- meanmenu JS
		============================================ -->
    <script src="js/jquery.meanmenu.js"></script>
    <!-- owl.carousel JS
		============================================ -->
    <script src="js/owl.carousel.min.js"></script>
    <!-- sticky JS
		============================================ -->
    <script src="js/jquery.sticky.js"></script>
    <!-- scrollUp JS
		============================================ -->
    <script src="js/jquery.scrollUp.min.js"></script>
    
    <script src="js/scrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
    <script src="js/scrollbar/mCustomScrollbar-active.js"></script>

     
    
     <!--  editable JS
		============================================ -->
    <script src="js/editable/jquery.mockjax.js"></script>
    <script src="js/editable/mock-active.js"></script>
    <script src="js/editable/select2.js"></script>
    <script src="js/editable/moment.min.js"></script>
    <script src="js/editable/bootstrap-datetimepicker.js"></script>
    <script src="js/editable/bootstrap-editable.js"></script>
    <script src="js/editable/xediable-active.js"></script>
 <!-- datepicker JS
		============================================ -->
    <script src="js/datepicker/jquery-ui.min.js"></script>
    <script src="js/datepicker/datepicker-active.js"></script>
    
    <!-- mCustomScrollbar JS
		============================================ -->
    <script src="js/scrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
    <script src="js/scrollbar/mCustomScrollbar-active.js"></script>
    <!-- metisMenu JS
		============================================ -->
    <script src="js/metisMenu/metisMenu.min.js"></script>
    <script src="js/metisMenu/metisMenu-active.js"></script>
    <!-- peity JS
		============================================ -->
    <script src="js/peity/jquery.peity.min.js"></script>
    <script src="js/peity/peity-active.js"></script>
    <!-- sparkline JS
		============================================ -->
    <script src="js/sparkline/jquery.sparkline.min.js"></script>
    <script src="js/sparkline/sparkline-active.js"></script>
    <!-- tab JS
		============================================ -->
    <script src="js/tab.js"></script>
    <!-- plugins JS
		============================================ -->
    <script src="js/plugins.js"></script>
    <!-- main JS
		============================================ -->
    <script src="js/main.js"></script>
    <!-- tawk chat JS
		============================================ -->
    <script src="js/tawk-chat.js"></script>
   <!-- form validate JS
		============================================ -->
    <script src="js/form-validation/jquery.form.min.js"></script>
    <script src="js/form-validation/jquery.validate.min.js"></script>
    <script src="js/form-validation/form-active.js"></script>
    
    <script>
$(document).ready(function() {
   $("body").tooltip({ 
   	selector: '[data-toggle=tooltip]' 
	 });
});
 
</script> 
  
               
                                               <script>
 
$('button.call_btn_1').click(function() {
    //var text = $(this).text();
	var text = $(this).data('value_santanu');
	//alert(text)
	$('#hidden_call_box').val(text);
	$('#response').val(text);
    // do something with the text
});
												</script> 
                                                
                                                
                                                
                                                
       <!-- bootstrap-clockpicker -->
      <link rel="stylesheet" type="text/css" href="css/bootstrap-clockpicker.min.css">
    <script type="text/javascript" src="js/bootstrap-clockpicker.min.js"></script>


 <script type="text/javascript">
$('.clockpicker').clockpicker()
	.find('input').change(function(){
		console.log(this.value);
	});
var input = $('#single-input').clockpicker({
	placement: 'bottom',
	align: 'left',
	autoclose: true,
	'default': 'now'
});

$('.clockpicker-with-callbacks').clockpicker({
		donetext: 'Done',
		init: function() { 
			console.log("colorpicker initiated");

		},
		beforeShow: function() {
			console.log("before show");
		},
		afterShow: function() {
			console.log("after show");
		},
		beforeHide: function() {
			console.log("before hide");
		},
		afterHide: function() {
			console.log("after hide");
		},
		beforeHourSelect: function() {
			console.log("before hour selected");
		},
		afterHourSelect: function() {
			console.log("after hour selected");
		},
		beforeDone: function() {
			console.log("before done");
		},
		afterDone: function() {
			console.log("after done");
		}
	})
	.find('input').change(function(){
		console.log(this.value);
	});

// Manually toggle to the minutes view
$('#check-minutes').click(function(e){
	// Have to stop propagation here
	e.stopPropagation();
	input.clockpicker('show')
			.clockpicker('toggleView', 'minutes');
});
if (/mobile/i.test(navigator.userAgent)) {
	$('input').prop('readOnly', true);
}
</script>                                          
                                                
<script type="text/javascript">
$("#create_sms").validate({
          
      showErrors: function(errorMap, errorList) {
          // Clean up any tooltips for valid elements
          $.each(this.validElements(), function (index, element) {
              var $element = $(element);
              $element.data("title", "") // Clear the title - there is no error associated anymore
                  .removeClass("error")
                  .tooltip("destroy");
          });
          // Create new tooltips for invalid elements
          $.each(errorList, function (index, error) {
              var $element = $(error.element);

              $element.tooltip("destroy") // Destroy any pre-existing tooltip so we can repopulate with new tooltip content
                  .data("title", error.message)
                  .addClass("error")
                  .tooltip(); // Create a new tooltip based on the error messsage we just set in the title
          });
      },

     
	  
});
</script>                                                 
                                                
                                                
    
</body>

</html>