EVOLUTION-NINJA

Edit File: client_doc_form.php

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

<section class="content-header">
				<h1> Client Documents </h1>				
			</section>

<form id="land_owner" class="form-inline owner_doc_form"  enctype="multipart/form-data">
						
					
						<div class="row land_owner_a">
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4">Project Name</label>
								<select class="form-control project_id" class="project_id" name="project_id">
									<option value="">Select</option>
									<?php foreach($projects as $project) {?>
										<option value="<?php echo $project->id;?>"><?php echo $project->project_name;?></option>
									<?php }?>
								</select>
							</div>
							
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4">Site Number</label>
								<select class="form-control col-sm-8 site_numbers" name="site_number" required="required">

</select>
							</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">Client Name </label>
								 <input type="text"  class="form-control col-sm-8" name="client_name" placeholder="Client Name" required="">
							</div>

<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4 col-md-4"> Booking Application </label>
								 <input type="file"  class="form-control col-sm-8" name="booking_application">
							</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">Sales Agreement Files </label>
								 <input type="file"  class="form-control col-sm-8" name="sales_agreement_files">
							</div>

</div> 
						<hr style="border: 15; color: black !important;">		
						<div class="row land_owner_a">
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4 col-md-4">EC 1 From</label>
								<input type="text"  class="form-control col-sm-8 from_datepicker" name="ec_from_date[]">
							</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">EC 1 Upload Files</label>
								 <input type="file"  class="form-control col-sm-8" name="ec_uploads[]">
							</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">Client Khata</label>
								<input type="file"  class="form-control col-sm-8" name="client_khata">
							</div>

</div>
						<hr style="border: 15; color: black !important;">

<div class="row land_owner_a">
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4 col-md-4">Client Tax Paid 1 From</label>
								 <input type="text" class="form-control col-sm-8 from_yearPicker" name="client_from_date[]" >
							</div>

<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4 col-md-4">Client Tax Paid 1 To</label>
								 <input type="text" class="form-control col-sm-8 to_yearPicker" name="client_to_date[]">
							</div>									
						</div>

<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4 col-md-4">Client Tax Paid 1 Upload Files</label>
								 <input type="file"  class="form-control col-sm-8" name="client_tax[]" >
							</div>

<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4 col-md-4">Client Tax Paid Date 1</label>
								 <input type="text"  class="form-control col-sm-8 paid_date" name="paid_date" >
							</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">Document 1 Name</label>
								 <input type="text"  class="form-control col-sm-8" name="documents_name[]" >
							</div>	
							
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4 col-md-4">Document 1</label>
								 <input type="file"  class="form-control col-sm-8" name="documents[]" >

<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> 	
							
				<div class="col-sm-0 col-md-1"></div>
			</section>

/*.content-wrapper, .right-side {			
		//min-height:1200px !important;
	}	
	*/
	a {
	 color: inherit; 
	}
	.sqft_row input{
		width: 100% !important;
	}

</style>
				
<script type="text/javascript">

$('.from_yearPicker').datetimepicker({
    format      :   "YYYY",
    //yearRange: "-100:+0",
    viewMode    :   "years", 
});

$('.to_yearPicker').datetimepicker({
                format      :   "YYYY",
                //yearRange: "-100:+0",
                viewMode    :   "years", 
            });

$('.paid_date').datepicker({

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

});

$(".from_datepicker").datepicker({
			dateFormat: 'dd-mm-yy',
		}).on('changeDate', function(ev){
			$('.to_datepicker').datepicker('hide');
        });

$('.from_datepicker').on('change', function(){
    var date = $(this).val();
    $('.to_datepicker').datepicker({
            dateFormat: 'dd-mm-yy',
            minDate: date,
    });  
});

var count = 1;

$('.add_more_ec').click(function(){

count++;

var ec = '';
		ec += '<div class="more_ec">';
		ec += '<div class="row land_owner_a">';
		ec += '<div class="form-group col-sm-12 col-md-6">';
		ec += '<label class="col-sm-4 col-md-4">EC '+count+' From</label>';
		ec += '<input type="text"  class="form-control col-sm-8 f_datepicker" name="ec_from_date[]" required>';
		ec += '</div>';

ec += '<div class="form-group col-sm-12 col-md-6">';
		ec += '<label class="col-sm-4 col-md-4">EC '+count+' To</label>';
		ec += '<input type="text"  class="form-control col-sm-8 t_datepicker" name="ec_to_date[]" required>';
		ec += '</div>';
		ec += '</div>';

ec += '<div class="row land_owner_a">';
		ec += '<div class="form-group col-sm-12 col-md-6">';
		ec += '<label class="col-sm-4 col-md-4">EC '+count+' Upload Files</label>';
		ec += '<input type="file"  class="form-control col-sm-8" name="ec_uploads[]" required>';
		ec += '</div>';
	    ec += '<div class="form-group col-sm-12 col-md-6">';
		ec += '<a class="remove" href="javascript:void(0);"><span class="glyphicon glyphicon-trash remove"></span> Remove</a>';
		ec += '</div>';
		ec += '</div>';
		ec += '</div>';

$('.add_more_ecs').append(ec);

$('.remove').click(function()
		{
            $(this).closest('.more_ec').remove();
		});

$(".f_datepicker").datepicker({
			dateFormat: 'dd-mm-yy',
			}).on('changeDate', function(ev){
			$('.t_datepicker').datepicker('hide');
		});

$('.f_datepicker').on('change', function(){
			var date = $(this).val();
			$('.t_datepicker').datepicker({
			    dateFormat: 'dd-mm-yy',
			    minDate: date,
			});  
		});

});

var tax_count = 1;

$('.add_more_owner_tax').click(function(){

tax_count++;

var tax = '';
		tax += '<div class="more_owner_tax">';
		tax += '<div class="row land_owner_a">';
		tax += '<div class="form-group col-sm-12 col-md-6">';
		tax += '<label class="col-sm-4 col-md-4">Client Tax Paid '+tax_count+' From</label>';
		tax += '<input type="text"  class="form-control col-sm-8 from_yearPicker" name="client_from_date[]"  required>';
		tax += '</div>';

tax += '<div class="form-group col-sm-12 col-md-6">';
		tax += '<label class="col-sm-4 col-md-4">Client Tax Paid '+tax_count+' To</label>';
		tax += '<input type="text"  class="form-control col-sm-8 to_yearPicker" name="client_to_date[]"  required>';
		tax += '</div>';
		tax += '</div>';

tax += '<div class="row land_owner_a">';
		tax += '<div class="form-group col-sm-12 col-md-6">';
		tax += '<label class="col-sm-4 col-md-4">Client Tax Paid '+tax_count+' Upload Files</label>';
		tax += '<input type="file"  class="form-control col-sm-8" name="client_tax[]" required>';
		tax += '</div>';

tax += '<div class="row land_owner_a">';
		tax += '<div class="form-group col-sm-12 col-md-6">';
		tax += '<label class="col-sm-4 col-md-4">Client Tax Paid Date '+tax_count+'</label>';
		tax += '<input type="text"  class="form-control col-sm-8 paid_date_uploaded" name="paid_date" required>';
		tax += '</div>';
		tax += '<div class="form-group col-sm-12 col-md-6">';
		tax += '<a class="remove" href="javascript:void(0);"><span class="glyphicon glyphicon-trash remove"></span> Remove</a>';
		tax += '</div>';
		tax += '</div>';
		tax += '</div>';

$('.add_more_owner_taxs').append(tax);

$(".remove").click(function(){
			
			$(this).closest('.more_owner_tax').remove();
		 });
		 
		 $('.from_yearPicker').datetimepicker({
                format      :   "YYYY",
                //yearRange: "-100:+0",
                viewMode    :   "years", 
            });

$('.to_yearPicker').datetimepicker({
                format      :   "YYYY",
                //yearRange: "-100:+0",
                viewMode    :   "years", 
            });

$('.paid_date_uploaded').datepicker({
    
    		changeMonth:true,
    		changeYear:true,
    	    yearRange: "1940:c",
    	   // dateFormat: 'yy-mm-dd' 
    	    dateFormat: 'dd-mm-yy'
    
    	});  
		
	});

//var doc_count = 1;

var i = 2;

$('.add_more_docs').click(function(){

var doc = '';
		doc += '<div class="more_doc">';
		doc += '<div class="row land_owner_a ">';
		doc += '<div class="form-group col-sm-12 col-md-6">';
		doc += '<label class="col-sm-4 col-md-4">Document Name '+i+'</label>';
		doc += '<input type="text"  class="form-control col-sm-8" name="documents_name[]" >';
		doc += '</div>';
		doc += '<div class="form-group col-sm-12 col-md-6">';
		doc += '<label class="col-sm-4 col-md-4">Document '+i+'</label>';
		doc += '<input type="file"  class="form-control col-sm-8" name="documents[]" >';
		doc += '<input type="hidden"  class="form-control col-sm-8" name="documents_id[]" value="'+i+'">';
		doc += '</div>';
		doc += '<div class="row land_owner_a">';
		doc += '<div class="form-group col-sm-12 col-md-6">';
		doc += '<a class="remove" href="javascript:void(0);"><span class="glyphicon glyphicon-trash remove"></span> Remove</a>';
		doc += '</div>';
		doc += '</div>';
		doc += '</div>';
		doc += '</div>';

$('.add_more_documents').append(doc);

i++;

$('.remove').click(function()
		{
			$(this).closest('.more_doc').remove();
		});
	});

$('.project_id').change(function()
	{
		var project_id = $(this).val();

$.ajax({
        
        url:"<?php echo site_url("get-doc-projects")?>",
        type:"POST",
        data:{project_id:project_id},
        success:function(response) {
            //response=jQuery.parseJSON(response);
					console.log(response);

if(response.result == 1) 
                {

$('.site_numbers').empty();

var content = '';
					
					content += '<option value="">Select</option>';
                	$.each(response.sites, function(index,value){
						content += '<option value="'+value.site_number+'">'+value.site_number+'</option>';
                	});
                	$('.site_numbers').append(content);

}
            }

});

})

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

if(response.result==1)
                    {
	                    toastr["success"](response.message);
	                    $('.owner_doc_form')[0].reset();
	                    $(".submit").text("Submit"); 
	                    $(".submit").removeAttr('disabled'); 
	                    window.location.href = "<?php echo site_url('client-document-list');?>";       
                    }
                    else if(response.result==2)
                    {
	                    toastr["error"](response.message);    
	                    $(".submit").text("Submit"); 
	                    $(".submit").removeAttr('disabled');                   
                    }
                    else if(response.result==3)
                    {
	                    toastr["error"](response.message);    
	                    $(".submit").text("Submit");
	                    $(".submit").removeAttr('disabled');                    
                    }
                    else 
                    {
	                    toastr["error"](response.message);                       
		                $(".submit").text("Submit"); 
		                $(".submit").removeAttr('disabled');                      
                    }
                   
                }
                
        	});
     
     });

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