EVOLUTION-NINJA

Edit File: maintenance_form.php

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

<h1> Maintenance form </h1>

</section>

<div class="row land_owner_a">
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4">Project</label>
									<select class="form-control col-sm-8 project_list" name="project_id" id="project_list">
								       <option value="0">Select</option>
									<?php 
									foreach($projects as $val)
									{
									?>
										<option value="<?php echo $val->project_id;?>"><?php echo $val->project_name;?></option>
									<?php
									}
									?>
								</select>
							</div>

<label class="col-sm-2" style="padding-left:4px; font-size: 12px;">Dimension</label>

</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">Per Sq Ft</label>
									<input type="text" class="form-control col-sm-4 per_sqft" name="per_sqft" id="per_sqft" readonly required="required">
							
							</div>
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4 col-md-4">No of Years</label>
								<input type="text" class="form-control col-sm-4 no_of_years"  name="no_of_years" id="no_of_years" readonly 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">Maintenance Amount</label>
								<input type="text" class="form-control col-sm-4 Maintenance" name="maintainance_amount" required="required" id="maintainance_amount" >
							</div>

<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-4 client_name" name="client_name" readonly id="client_name" >
							</div>	
						</div>
						<div class="row land_owner_a">
						
							<div class="form-group col-sm-12 col-md-6">

<label class="col-sm-4">Payment Mode</label>

<option value="0">Select</option>

<option value="Cheque">Cheque</option>

<option value="UPI Payment">Credit / Debit Card</option>

<option value="Swipe">Swipe</option>

</select>

</div>

</div>
							
						</div>

<div id="maintenance_dd_div"></div> 
						<div id="maintenance_cash_div"></div>
						<div d="maintenance_swipe_div"></div>
						<div id="maintenance_paytm_div"></div>
						<div id="maintenance_upi_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 submit_button">Submit</button>
							</div>
							
							<div class="col-sm-4 col-md-4"></div>													
						</div>

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

<div class="col-sm-0 col-md-1"></div>
			</section> 	
	
<style type="text/css">
	.content-wrapper, .right-side {			
		//min-height: 1100px !important;
	}		
</style>

var value = $(".maintenance_payment_type option:selected").val();

if(value == "Cheque")
    	{
    		var check_content = '';

check_content += '<div class="row land_owner_a">';
    			check_content += '<div class="form-group col-sm-12 col-md-6">';
				check_content += '<label class="col-sm-4">Cheque No</label>';							
				check_content += '<input type="text" class="form-control col-sm-8" name="check_no1" required="required">';
				check_content += '</div>';
				check_content += '<div class="form-group col-sm-12 col-md-6">';
				check_content += '<label class="col-sm-4">Cheque Date</label>';								
				check_content += '<input type="rext" class="form-control col-sm-8 date_picker" name="check_date1" max="" required="required">';
				check_content += '</div>';
				check_content += '</div>';

check_content += '<div class="row land_owner_a">';
				check_content += '<div class="form-group col-sm-12 col-md-6">';
				check_content += '<label class="col-sm-4">Bank Name</label>';								
				check_content += '<input type="text" class="form-control col-sm-8" name="bank_name1" required="required">';
				check_content += '</div>';
				check_content += '</div>';

$("#maintenance_onlinepayment_div").empty();
				$("#maintenance_dd_div").empty();
				$("#maintenance_paytm_div").empty();
				$("#maintenance_swipe_div").empty();
				$("#maintenance_upi_div").empty();
				$("#maintenance_check_div").html(check_content).fadeIn('slow');

$('.date_picker').datepicker({
				   dateFormat: 'dd-mm-yy' 
				});
    	}
    	else if(value == "Online Payment")
    	{
    		var payment_content = '';

payment_content += '<div class="row land_owner_a">';
    		payment_content += '<div class="form-group col-sm-12 col-md-6">';
			payment_content += '<label class="col-sm-4">UTR No</label>';								
			payment_content += '<input type="text" class="form-control col-sm-8" name="vtr_no1">';
			payment_content += '</div>';
			payment_content += '<div class="form-group col-sm-12 col-md-6">';
			payment_content += '<label class="col-sm-4">Date</label>';								
			payment_content += '<input type="text" class="form-control col-sm-8 date_picker" name="online_date1" max="">';
			payment_content += '</div>';
			payment_content += '</div>';

$("#maintenance_check_div").empty();
			$("#maintenance_dd_div").empty();
			$("#maintenance_paytm_div").empty();
			$("#maintenance_swipe_div").empty();
			$("#maintenance_upi_div").empty();
			$("#maintenance_onlinepayment_div").html(payment_content).fadeIn('slow');

$('.date_picker').datepicker({
			   dateFormat: 'dd-mm-yy' 
			});
    	}
    	else if(value == "DD")
    	{
    		var dd_content = '';

dd_content += '<div class="row land_owner_a">';
			dd_content += '<div class="form-group col-sm-12 col-md-6">';
			dd_content += '<label class="col-sm-4">DD No</label>';							
			dd_content += '<input type="text" class="form-control col-sm-8" name="dd_no1" required="required">';
			dd_content += '</div>';
			dd_content += '<div class="form-group col-sm-12 col-md-6">';
			dd_content += '<label class="col-sm-4">DD Date</label>';								
			dd_content += '<input type="rext" class="form-control col-sm-8 date_picker" name="dd_date1" max="" required="required">';
			dd_content += '</div>';
			dd_content += '</div>';

dd_content += '<div class="row land_owner_a">';
			dd_content += '<div class="form-group col-sm-12 col-md-6">';
			dd_content += '<label class="col-sm-4">Bank Name</label>';								
			dd_content += '<input type="text" class="form-control col-sm-8" name="dd_bank1" required="required">';
			dd_content += '</div>';
			dd_content += '</div>';

$("#maintenance_check_div").empty();
			$("#maintenance_onlinepayment_div").empty();
			$("#maintenance_swipe_div").empty();
			$("#maintenance_paytm_div").empty();
			$("#maintenance_upi_div").empty();
			$("#maintenance_dd_div").html(dd_content).fadeIn('slow');

$('.date_picker').datepicker({
			   dateFormat: 'dd-mm-yy'
			});
    	}

else if(value == "Paytm Payment")
    	{
    		var paytm_content = '';

paytm_content += '<div class="row land_owner_a">';
    		paytm_content += '<div class="form-group col-sm-12 col-md-6">';
			paytm_content += '<label class="col-sm-4">Ref No</label>';								
			paytm_content += '<input type="text" class="form-control col-sm-8" name="ref_no">';
			paytm_content += '</div>';
			paytm_content += '<div class="form-group col-sm-12 col-md-6">';
			paytm_content += '<label class="col-sm-4">Date</label>';								
			paytm_content += '<input type="text" class="form-control col-sm-8 date_picker" name="paytm_date" max="">';
			paytm_content += '</div>';
			paytm_content += '</div>';

$("#maintenance_check_div").empty();
			$("#maintenance_dd_div").empty();
			$("#maintenance_onlinepayment_div").empty();
			$("#maintenance_swipe_div").empty();
			$("#maintenance_paytm_div").html(paytm_content).fadeIn('slow');
			$("#maintenance_upi_div").empty();

$('.date_picker').datepicker({
			   dateFormat: 'dd-mm-yy' 
			});
    	}

else if(value == "UPI Payment")
    	{
    		var upi_content = '';

upi_content += '<div class="row land_owner_a">';
    		upi_content += '<div class="form-group col-sm-12 col-md-6">';
			upi_content += '<label class="col-sm-4">Ref No</label>';								
			upi_content += '<input type="text" class="form-control col-sm-8" name="upi_ref_no">';
			upi_content += '</div>';
			upi_content += '<div class="form-group col-sm-12 col-md-6">';
			upi_content += '<label class="col-sm-4">Date</label>';								
			upi_content += '<input type="text" class="form-control col-sm-8 date_picker" name="upi_date" max="">';
			upi_content += '</div>';
			upi_content += '</div>';

$("#maintenance_check_div").empty();
			$("#maintenance_dd_div").empty();
			$("#maintenance_onlinepayment_div").empty();
			$("#maintenance_paytm_div").empty();
			$("#maintenance_swipe_div").empty();
			$("#maintenance_upi_div").html(upi_content).fadeIn('slow');

$('.date_picker').datepicker({
			   dateFormat: 'dd-mm-yy' 
			});
    	}
    	else if(value=="Swipe")
    	{
    		$("#maintenance_check_div").empty();
    		$("#maintenance_onlinepayment_div").empty();
    		$("#maintenance_dd_div").empty();
    		$("#maintenance_paytm_div").empty();
    		$("#maintenance_swipe_div").empty();
    		$("#maintenance_upi_div").empty();
    	}
    	else if(value == 'Cash')
    	{
    		$("#maintenance_check_div").empty();
    		$("#maintenance_onlinepayment_div").empty();
    		$("#maintenance_dd_div").empty();
    		$("#maintenance_paytm_div").empty();
    		$("#maintenance_swipe_div").empty();
    		$("#maintenance_upi_div").empty();
    		
    		var cash_content = '';

cash_content += '<div class="row land_owner_a">';
				cash_content += '<div class="form-group col-sm-12 col-md-6">';
				cash_content += '<label class="col-sm-4">Payment Date</label>';								
				cash_content += '<input type="rext" class="form-control col-sm-8 date_picker" name="cash_payment_date" required="required">';
				cash_content += '</div>';
				cash_content += '</div>';

$("#maintenance_check_div").html(cash_content).fadeIn('slow');

$('.date_picker').datepicker({
				   dateFormat: 'dd-mm-yy' 
				});
    	}
    	else
    	{
    		$("#maintenance_check_div").empty();
    		$("#maintenance_onlinepayment_div").empty();
    		$("#maintenance_dd_div").empty();
    		$("#maintenance_paytm_div").empty();
    		$("#maintenance_swipe_div").empty();
    		$("#maintenance_upi_div").empty();
    	}

});

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

$(document).ready(function(){/*
    
var project_id = $('.project_list :selected').val();
	/*CallAjax(project_id);
	Sites(project_id);*/
  $(".project_list").change(function(){

var project_id = $('.project_list :selected').val();

Sites(project_id);

});
        function Sites(project_id){

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

if(response.result == 1)
                    {
                        var options = '';

options += '<option value="0">Select site</option>';
                        
                        $.each(response.sites,function(index,val){
//alert(response.sites);
                            options += '<option value="'+val+'">'+val+'</option>';
                        });

$(".site_number").html(options);  
                    }   
                    else
                    {
                        $(".site_number").empty();  
                    }
                }             
         });    
    }

$('.maintenance_form')[0].reset();

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

toastr.options.timeOut = 1000;
	
	$(".site_number").change(function (e) {
		var project_id = $('.project_list :selected').val();
		var site_number = $(this).val();
		//alert(site_number)
		//var site_number = $('.site_number :selected').val();

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

$.ajax({

type   : 'post',
                url    : '<?php echo site_url("booked-site-maintenance-details")?>',
                data   : {project_id:project_id,site_number:site_number},
                                          
                  success:function(response){
                  response=jQuery.parseJSON(response);
                  console.log(response);

if(response.result==1)
                    {	
                         
	                    //$(".submit_button").removeAttr('disabled');
	                	
	                	
	                	//$("select option[value='"+response.booking_details.project_id+"']").attr("selected","selected");
	                	//$("input[name=site_number]").val(response.booking_details.site_number);
	                	$("input[name=booking_id]").val(response.booking_details.booking_id);
	                	$("input[name=client_name]").val(response.booking_details.customer_name);
	                	$("input[name=site_dimension]").val(response.booking_details.dimension);
	                	$("input[name=per_sqft]").val(response.booking_details.tsv_per_sft_rs);
	                	$("input[name=no_of_years]").val(response.booking_details.project_years);
	                	var maintainance_amount = parseInt(response.booking_details.dimension)*parseInt(response.booking_details.tsv_per_sft_rs)*parseInt(response.booking_details.project_years);
	                
	                	var maintainance_amounts = maintainance_amount;
	                		x=maintainance_amounts.toString();
                            var lastThree = x.substring(x.length-3);
                            var otherNumbers = x.substring(0,x.length-3);
                            if(otherNumbers != '')
                                lastThree = ',' + lastThree;
                            var res = otherNumbers.replace(/\B(?=(\d{2})+(?!\d))/g, ",") + lastThree; 
                            
                        $("input[name=maintainance_amount]").val(res);    	
                            
                     }
                          
                        
                    else
                    {
                           
                            toastr["error"](response.message);
                     }

}
              });
            });
	});

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

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

$(".submit_button").attr('disabled', 'disabled');
            $(".submit_button").text("Submitting...");

$.ajax({

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

if(response.result==1)
                    {
	                    toastr["success"](response.message);
	                    $('.maintenance_form')[0].reset();
	                    $(".submit_button").text("Submit"); 
	                    $(".submit_button").removeAttr('disabled');   
	                   // window.location.href="<?php echo site_url('maintenance-list')?>";
	                   location.reload();
                    }
                   
                    else 
                    {
	                    toastr["error"](response.message);                       
		                $(".submit_button").text("Submit"); 
		                $(".submit_button").removeAttr('disabled');                       
                    }
                   
                }
                
        	 });
			});  
			
			$(document).on('focusout','.Maintenance',function(){
		var value=$(this).val();
		var res=value.toString().split(".");
		//Comma-fies the first part
		res[0] = res[0].replace(/(\d)(?=(\d\d)+\d$)/g, "$1,");
		var total_res=res.join(".");
		$('.Maintenance').val(total_res);

});

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