EVOLUTION-NINJA

Edit File: land_developer_form.php

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

<section class="content-header">
				<h1> Land Developer </h1>				
			</section>

<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4">Contact No</label>
								<input type="number" min="0" class="form-control col-sm-8" name="mobile" 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">PAN / Aadhar No</label>
								<input type="text" class="form-control col-sm-8" name="pan_or_adhar" required="required">
							</div>

<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" name="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$" 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">ID Proof attach</label>
								 <input  type="file" class="col-sm-8 text-center center-block well well-sm" name="id_proof_image" required="required">
							</div>

<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4">Address</label>
								<textarea class="form-control col-sm-8" rows="" cols="31" name="address" required="required"></textarea>
							</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 class="row" style="padding-left:20px; padding-top:25px;">
														
						<div style="margin-left:20px">
						   
						    <table class="table table-striped table-hover list_table" style="">
			                    <thead>
			                      <tr class="default" >                  
			                        <th class="col-xs-1">Sl No</th>
			                        <th class="col-xs-1">Developer</th>
			                        <th class="col-xs-3">Email</th>
			                        <th class="">Contact</th>
			                        <th class="col-xs-2">Address</th>
			                        <th class="col-xs-2">Pan/Adhar</th>
			                        <th class="">Id proof</th>
			                        <th class="col-xs-1">Action</th>
			                      </tr>
			                    </thead>

</table>
						</div>
												
					</div>
					
				</div> 				
				<div class="col-sm-0 col-md-1"></div>
			</section>

<div class="modal fade" id="edit_modal" role="dialog">
    <div class="modal-dialog modal-lg">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">Update land developer details</h4>
        </div>

<div class="form-group col-sm-12 col-md-6">
					<label class="col-sm-4">Contact No</label>
					<input type="number" min="0" class="form-control col-sm-8 mobile" name="mobile" 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">PAN / Aadhar No</label>
					<input type="text" class="form-control col-sm-8 pan_or_adhar" name="pan_or_adhar" required="required">
				</div>

<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 email" name="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$" 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">ID Proof attach</label>
					 <input  type="file" class="col-sm-8 text-center center-block well well-sm id_proof_image" name="id_proof_image">
				</div>

<div class="form-group col-sm-12 col-md-6">
					<label class="col-sm-4">Address</label>
					<textarea class="form-control col-sm-8 address" rows="" cols="31" name="address" required="required"></textarea>
				</div>						
			</div>

<div class="form-group col-sm-12 col-md-6">
					<label class="col-sm-4 col-md-4">ID Proof image</label>
					 <div class="id_proof_image"></div>
				</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">Update</button>
				</div>
				<div class="col-sm-4 col-md-4"></div>													
			</div>

</form>

</div>

</div>
    </div>
  </div>

.content-wrapper, .right-side {			
		min-height:900px !important;
	}	
	
	a {
	 color: inherit; 
	}

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

$(document).ready(function(){

function isNumberKey(evt){
    var charCode = (evt.which) ? evt.which : event.keyCode
    if (charCode > 31 && (charCode < 48 || charCode > 57))
        return false;
    return true;
}

var datatable;
	var tbody = $('#table_body');
		datatable = $('.table').DataTable({
			"scrollY": 350,
			"scrollX": true
		});
	
	DevelopersList();

function DevelopersList()
	{
		tbody.empty();
    	var table_row = [];

$.ajax({
                type   : 'get',
                url    : '<?php echo site_url("land-developers-list")?>',                                         
              	success:function(response){
            //   	response=jQuery.parseJSON(response);
              	console.log(response);

if(response.result==1)
                    {
                    	var slno  = 1;
    					var index = 1;

$.each(response.land_developers_list,function(idx,vx){
					    var row = [];
					    row.push(slno);    
					            
				            var image = "";

image='<img src ="<?php echo base_url("public/land_developers_images");?>/'+vx.id_proof_image+'" style="width:80px;height:70px"/>';

row.push(vx.name);
				            row.push(vx.email);
				            row.push(vx.mobile);
				            row.push(vx.address);
				            row.push(vx.pan_or_adhar_number);
				            row.push(image);
				            
				            var table_content = '';

table_content += '<div style="float:left;">';				               
				            table_content += '<a class="edit" developer_id="'+vx.developer_id+'" href="javascript:void(0);"><span class="glyphicon glyphicon-edit"></span></a> <a class="delete" developer_id="'+vx.developer_id+'" href="javascript:void(0);"><span class="glyphicon glyphicon-trash"></span></a>';				
				            table_content += '</div>'
				            
				            row.push(table_content);   
				            table_row.push(row);
				            slno++;
				            index ++;
					    
					    });

datatable.clear();
			            datatable.rows.add(table_row).draw();
			            datatable.draw();

$(".list_table").on("click", ".delete", function(){

var developer_id = $(this).attr('developer_id');       
				            var test = $(this);
				            var row  = $(this).closest('tr');
				            swal({

title: "Are you sure?",
				                text: "You will not be able to recover this data!",
				                type: "warning",   showCancelButton: true,
				                confirmButtonColor: "#DD6B55",
				                confirmButtonText: "Yes, delete it!",
				                cancelButtonText: "No, cancel plz!",
				                closeOnConfirm: false,
				                closeOnCancel: false 
				                },

function(isConfirm){

if (isConfirm) {

$(".sweet-alert").hide();
				                    $(".sweet-overlay").hide();
				                    test.attr('disabled', 'disabled');
				                    test.text("Deleting...");
				                        $.ajax({          
				                                type   : 'post',
				                                url    : '<?php echo site_url("delete-land-developer")?>',
				                                data   : {developer_id:developer_id},

success:function(response) {
				                                // response=jQuery.parseJSON(response);
              										console.log(response);

if(response.result == 1) 
				                                    {
				                                       toastr["success"](response.message);
				                                       DevelopersList();
				                                    }
				                                }
				                            });

} 
				                                else {

$(".sweet-alert").hide();
				                                $(".sweet-overlay").hide();
				                            }

});
			            });

$(".list_table").on("click", ".edit", function(){

var developer_id = $(this).attr('developer_id');

$.ajax({          
                                type   : 'post',
                                url    : '<?php echo site_url("edit-land-developer")?>',
                                data   : {developer_id:developer_id},

success:function(response) {
                                // response=jQuery.parseJSON(response);
										console.log(response);

if(response.result == 1) 
                                    {
                                    	$(".developer_id_pk").val(response.land_developer_details.developer_id);
                                    	$(".name").val(response.land_developer_details.name);
                                    	$(".mobile").val(response.land_developer_details.mobile);
                                    	$(".pan_or_adhar").val(response.land_developer_details.pan_or_adhar_number);
                                    	$(".email").val(response.land_developer_details.email);
                                    	$(".address").val(response.land_developer_details.address);
                                    	$(".id_proof_image").html('<img src ="<?php echo base_url("public/land_developers_images");?>/'+response.land_developer_details.id_proof_image+'" style="width:80px;height:70px"/>');
                                        $("#edit_modal").modal("show");
                                    }
                                }
                            });
			            	
			            });	  
                    }         
                }
                
         });
	}

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

formdata = new FormData($(this)[0]);

$(".submit").text("Submitting...");

$.ajax({

type   : 'post',
                url    : '<?php echo site_url("add-land-developers")?>',
                data   : formdata,
                contentType: false,
                processData: false,
                                          
                  success:function(response){
                //   response=jQuery.parseJSON(response);
                  console.log(response);

if(response.result==1)
                    {
                    	DevelopersList();
	                    toastr["success"](response.message);
	                    $('.land_developer_form')[0].reset();
	                    $(".submit").text("Submit");                    
                    }
                    else if(response.result==2)
                    {
	                    toastr["error"](response.message);    
	                    $(".submit").text("Submit");                    
                    }
                    else 
                    {
	                    toastr["error"](response.message);                       
		                $(".submit").text("Submit");                       
                    }
                   
                }
                
         });
             
     });

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

formdata = new FormData($(this)[0]);

$(".submit").text("Updating...");

$.ajax({

type   : 'post',
                url    : '<?php echo site_url("update-land-developer")?>',
                data   : formdata,
                contentType: false,
                processData: false,
                                          
                  success:function(response){
                //   response=jQuery.parseJSON(response);
                  console.log(response);

if(response.result==1)
                    {
                    	$("#edit_modal").modal("hide");
                    	DevelopersList();
	                    toastr["success"](response.message);
	                    $('.update_form')[0].reset();
	                    $(".submit").text("Submit");                    
                    }
                    else if(response.result==2)
                    {
	                    toastr["error"](response.message);    
	                    $(".submit").text("Submit");                    
                    }
                    else 
                    {
	                    toastr["error"](response.message);                       
		                $(".submit").text("Submit");                       
                    }
                   
                }
                
         });
             
     });
	
 });

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