EVOLUTION-NINJA

Edit File: doc_project_form.php

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

<section class="content-header">
				<h1> Create project </h1>				
			</section>

<form id="land_owner" class="form-inline project_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>
								 <input type="text" class="form-control col-sm-8" name="project_name" required="required"> 
								
							</div>
							
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4">Project owner Name</label>
								<input type="text" class="form-control col-sm-8" name="project_owner_name" required="required">
							</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">Approved plan</label>
								 <input  type="file" class="col-sm-8 text-center center-block well well-sm" name="approved_plan_image">
							</div>

<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4 col-md-4">Release order</label>
							 	<input  type="file" class="col-sm-8 text-center center-block well well-sm" name="release_order_image">						
							</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">Conversion order</label>
								 <input  type="file" class="col-sm-8 text-center center-block well well-sm" name="conversion_order">
							</div>

<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4 col-md-4">Brochure</label>
							 	<input  type="file" class="col-sm-8 text-center center-block well well-sm" name="brochure">						
							</div>

</div>  
						
						<div class="row land_owner_a" style="position: relative;">

<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4 col-md-4">Other Document</label>
								 <input  type="file" class="col-sm-8 text-center center-block well well-sm" name="conversion_order_image[]">
							</div>

<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4 col-md-4">Document name</label>
								 <input  type="text" class="form-control col-sm-8" name="conversion_doc_name[]">
							</div>
								
							<div class="" style="position: absolute;top:0;right:0;">
								<button type="button" class="btn add_btn"><i class="fa fa-plus" aria-hidden="true"></i>
							</button>
							</div>			
						</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">Create Project</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">

$(".add_btn").click(function(){

var content = '';

content += '<div class="row land_owner_a" style="position: relative;">';

content += '<div class="form-group col-sm-12 col-md-6">';
		content += '<label class="col-sm-4 col-md-4">Other Document</label>';
		content += '<input  type="file" class="col-sm-8 text-center center-block well well-sm" name="conversion_order_image[]">';
		content += '</div>';

content += '<div class="form-group col-sm-12 col-md-6">';
		content += '<label class="col-sm-4 col-md-4">Document name</label>';
		content += '<input  type="text" class="form-control col-sm-8" name="conversion_doc_name[]">';
		content += '</div>';

content += '<div class="" style="position: absolute;top:0;right:0;">';
		content += '<button type="button" class="btn close_btn"><i class="fa fa-close" aria-hidden="true"></i>';
		content += '</button>';
		content += '</div>';

content += '</div>';

$("#more_docs_div").append(content);

$(".close_btn").click(function(){

$(this).closest('.row').remove();
		});
});

$('.project_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-documentation-project")?>',
                data   : formdata,
                contentType: false,
                processData: false,
                                          
                  success:function(response){
                //   response=jQuery.parseJSON(response);
                  console.log(response);
               
                  if(response.result==1)
                    {
	                    toastr["success"](response.message);
	                    $('.project_form')[0].reset();
	                    $(".submit").text("Submit"); 
	                    $(".submit").removeAttr('disabled');                   
                    }
                    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');?>