EVOLUTION-NINJA

Edit File: client_details_form.php

<?php echo view('includes/header');?>

<section class="content">				
				<div class="col-sm-12 col-md-12">
					<form id="land_owner" class="form-inline client_details_form_id">
					    <div class="row" style="padding-bottom:20px; padding-top:10px;">
        					
        					<label class="col-sm-2" style="margin-left: 17px;">Project Status</label>
        					<div class="col-sm-12 col-md-5">
        						<label class="radio-inline"><input type="radio" value="Ongoing" id="ongoing_type" name="project_type" checked>Ongoing</label>
        						<label class="radio-inline"><input type="radio" value="Completed" id="completed_type" name="project_type">Completed</label>
        					</div>
        					<div class="col-sm-0 col-md-5">
        
        						
        
        					</div>
        				</div> 
        				
					<div class="row land_owner_a">
						<div class="form-group col-sm-12 col-md-6">
							<label class="col-sm-4">Customer Name</label>
							<input type="text" class="form-control col-sm-8 customer_name" pattern="^[a-zA-Z\s]*$" minlength="2" name="customer_name" required="required">
						</div>
						
						<div class="form-group col-sm-12 col-md-6">
							<label class="col-sm-4">
								<select class="form-group" name="relation">
									<option value="D/O">D/O</option>
									<option value="W/O">W/O</option>
									<option value="S/O">S/O</option>
								</select>
							</label>
							<input type="text" class="form-control col-sm-8" pattern="^[a-zA-Z\s]*$" minlength="2" name="fa_hu_name">
						</div>
							
					</div> 
					<div class="row land_owner_a">
					
								<div class="form-group col-sm-12 col-md-6">
									<label class="col-sm-4 col-md-4">Project</label>
									<select class="form-control col-sm-8 project_list" name="project_id" id="sel1" >
									    <option value="">Select</option>
										<?php 
										foreach($owners as $val)
										{
										?>
											<option value="<?php echo $val->project_id;?>"><?php echo $val->project_name;?></option>
										<?php
										}
										?>
									</select>
								</div>
					<div class="form-group col-sm-12 col-md-6">
						<label class="col-sm-4 col-xs-4">Site no</label>
						<input type="text" class="form-control col-sm-8 col-xs-12 site_number" name="site_number" style="width: 29% !important; margin-right:10px;"  >
						<input type="text" class="form-control col-sm-8 col-xs-12 dimen_input" name="site_dimension" placeholder="Dimension" style="width: 29% !important;" pattern="^\d*(\.\d{0,2})?$">
					</div>
				</div>
								
					<div class="row land_owner_a">			
						<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4 col-xs-5">Mobile No</label>
								<input type="text" class="form-control col-sm-8 col-xs-6 con mobile1" pattern="^[0-9]{10}$" name="mobile11" style="width: 29% !important; margin-right:10px;" required="required">
								<input type="text" class="form-control col-sm-8 col-xs-6" pattern="^[0-9]{10}$" name="mobile12" style="width: 29% !important;">
							</div>
						
					
						
						
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4">Office No</label>
								<input type="text" class="form-control col-sm-8" name="office_no">
							</div>	
							
						</div> 	
						
						<div class="row land_owner_a">						
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4 ">Mail Id</label>
								 <input type="email" class="form-control col-sm-8" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$" name="email">
							</div>	
								
							
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4">Date of Birth</label>								
								<input type="text" class="form-control col-sm-8 dob date_picker" name="bday" max="">
							</div>
								
						</div> 
							
						<div class="row land_owner_a">
								<div class="form-group col-sm-12 col-md-6">
									<label class="col-sm-4">DOA</label>								
									<input type="text" class="form-control col-sm-8 doa date_picker" name="doa" max="">
								</div>						
						
						
						
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4">Address</label>
								<input type="text" class="form-control col-sm-8" name="address">
							</div>
						</div>

<div class="row land_owner_a">	
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4 col-md-4">Executive</label>

<select class="form-control col-sm-8" name="reference" id="sel1">
									<option value="0">Select</option>
									<?php 
									foreach($reference as $val)
									{
									?>
										<option value="<?php echo $val->broker_id;?>"><?php echo $val->associate_name;?></option>
									<?php
									}
									?>
								</select>

</div>	
							
										
						</div> 
						
						<div class="row land_owner_a">							
							
								
						</div> 
						
						<div class="row land_owner_a">
							<div class="col-sm-4 col-md-4"></div>
							<div class="col-sm-4 col-md-4">
								<button type="submit" class="btn btn-primary center-block submit">Submit</button>
							</div>
							<div class="col-sm-4 col-md-4"></div>													
						</div> 					
					</form>
					</div>
				</section>

.content-wrapper, .right-side {			
		
	}	
	
	a {
	 color: inherit; 
	}

</style>

$('.date_picker').datepicker({

changeMonth:true,
		changeYear:true,
	    yearRange: "1940:c",
	   // dateFormat: 'yy-mm-dd' 
	    dateFormat: 'dd-mm-yy'

});

$(document).ready(function(){
   
     var radios = $('input:radio[name=project_type]');
    if(radios.is(':checked') == false) {
        
        radios.filter('[value=Ongoing]').prop('checked', true);
    }
    
    var value = $('input[name=project_type]:checked').val();
    $.ajax({
    		type   : 'post',
            url    : '<?php echo base_url("check_project_type_status")?>',   
            data   : {value:value},                                      
          	success:function(response){
          	//response=jQuery.parseJSON(response);
          	console.log(response);
    
              if(response.result==1)
                {
                    var options = '';
                    options += '<option value="">Select</option>';

$.each(response.message , function (index, value){
                    options += '<option value="' + value.project_id + '">' + value.project_name + '</option>';
                    $('.project_list').html(options);
                   });

}
            }
    });

$(".site_number").focusout(function (e) {
 e.preventDefault();
 
		var project_id = $('.project_list :selected').val();
		
		var site_number = $(this).val();

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

$.ajax({

type   : 'post',

url    : '<?php echo site_url("check_project_status")?>',

data   : {project_id:project_id,site_number:site_number},

success:function(response){

//response=jQuery.parseJSON(response);

console.log(response);
					
					if(response.result == 0)
                    {
                    	$(".dimen_input").val(response.dimension);
	                    toastr["error"](response.message);    
						
                    }
                    else if(response.result == 1)
                    {
                    	$(".dimen_input").val(response.dimension);
                    }
                    
                }

});	
		
 });

$('.client_details_form_id').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("add-client-details")?>',
                data   : formdata,
                contentType: false,
                processData: false,
                                          
                success:function(response){
                  //response=jQuery.parseJSON(data);
                  console.log(response);

if(response.result==1)
                    {
	                    toastr["success"](response.message);
	                    $('.client_details_form_id')[0].reset();
	                    $(".submit").text("Submit");
	                    $(".submit").removeAttr('disabled');
					//	window.location.reload();
							
                    }
                    else if(response.result==2)
                    {
	                    toastr["error"](response.message);                       
		                $(".submit").text("Submit");  
		                $(".submit").removeAttr('disabled');  
					//	window.location.reload();
                    }
                    else 
                    {
	                    toastr["error"](response.message);                       
		                $(".submit").text("Submit");  
		                $(".submit").removeAttr('disabled');    
					//	window.location.reload();		
                    }
                   
                }
                
         });
             
     }); 
	
	
 });

$("input[name='project_type']").change(function(){
	var value = $('input[name=project_type]:checked').val();
	 $.ajax({
		type   : 'post',
        url    : '<?php echo base_url("check_project_type_status")?>',   
        data   : {value:value},                                      
      	success:function(response){
      	//response=jQuery.parseJSON(response);
      	console.log(response);

if(response.result==1)
            {
                var options = '';
                 options += '<option value="">Select</option>';
               $.each(response.message , function (index, value){
              
                options += '<option value="' + value.project_id + '">' + value.project_name + '</option>';
               });
               
                $(".project_list").html(options);
            }
            else
            {
                 toastr["error"](response.message);   
            }
        }
    });
});

</script>
	
<?php echo view('includes/footer');?>