EVOLUTION-NINJA

Edit File: maintenance_list.php

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

<section class="content-header">
		<h1> Maintenance List </h1>				
	</section> <br><br>

<section class="content">				
	<div id="menu1" class="tab-panecol-sm-12 col-md-12 ">
		<div id = "jaytab3" style="margin-top:3%;margin-left: -28px;" class="col-sm-12 grid">
			<div class="grid_div"></div><table id="list3"></table>
				<div id="pager3"></div>
			    <div id="dialogSelectRow3" title="Warning" style="display:none">
				<p>Please select row</p>
			  </div>
			</div>
	 </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 Maintenance details</h4>
        </div>

<div class="modal-body">
         
         <form id="land_owner" class="form-inline update_form">
         		<input type="hidden" class="form-control col-sm-8 id" name="id" required="required">
						<div class="row land_owner_a">
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4">Project</label>
								 <input type="text" class="form-control col-sm-8 project_list" readonly name="project_name" required="required"> 
							    <input type="hidden" class="form-control col-sm-8 project_id" readonly name="project_id" required="required">
							</div>
							<div class="form-group col-sm-12 col-md-6">

<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">Per Sq Ft</label>
								<input type="text" class="form-control col-sm-8 per_sq_ft"  name="per_sq_ft" id="per_sq_ft" 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-8 no_of_yrs" readonly id="no_of_yrs" name="no_of_yrs" >
							</div>
														
						</div> 
						
						<div class="row land_owner_a">							
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4 ">Maintenance Amount</label>
								 <input type="text" class="form-control col-sm-8 main_amount" name="main_amount" id="main_amount"  required="required">
							</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="">Select</option>

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

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

</select>

</div>

</div>

<div id="maintenance_dd_div"></div> 
						<div id="maintenance_cash_div"></div>
						
						<div id="maintenance_paytm_div"></div>
						<div id="maintenance_upi_div"></div> 	
							
						
						<div class="row land_owner_a" ></div> 
						<div class="col-sm-4 col-md-4" ></div>
							<div class="col-sm-4 col-md-4">
								<button type="submit" id ="btn1" class="btn btn-primary center-block submit">Submit</button>
							</div>
						<div class="col-sm-4 col-md-4"></div>													
										
				
</form>
		    
		   
	</div>
      </div>
    </div>
  </div>

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

</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" >';
				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="" >';
				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" >';
				check_content += '</div>';
				check_content += '</div>';

$("#maintenance_onlinepayment_div").empty();
				$("#maintenance_dd_div").empty();
				$("#maintenance_paytm_div").empty();
				$("#maintenance_upi_div").empty();
				$("#maintenance_check_div").html(check_content);

$('.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_upi_div").empty();
			$("#maintenance_onlinepayment_div").html(payment_content);

$('.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" >';
			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="" >';
			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" >';
			dd_content += '</div>';
			dd_content += '</div>';

$("#maintenance_check_div").empty();
			$("#maintenance_onlinepayment_div").empty();
			$("#maintenance_paytm_div").empty();
			$("#maintenance_upi_div").empty();
			$("#maintenance_dd_div").html(dd_content);

$('.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_paytm_div").html(paytm_content);
			$("#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_upi_div").html(upi_content).fadeIn('slow');

$('.date_picker').datepicker({
			   dateFormat: 'dd-mm-yy' 
			});
    	}
    	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');

});

</script>
	

    
	    <script type="text/ecmascript" src="<?php echo base_url('public/jqgrid/js/jquery.jqGrid.min.js'); ?>"></script>
	    
	    <script type="text/ecmascript" src="<?php echo base_url('public/jqgrid/js/i18n/grid.locale-en.js'); ?>"></script>
	    
	    <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('public/assets/css/jquery-ui.css'); ?>" />
	    
	    <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('public/jqgrid/css/ui.jqgrid.css'); ?>" />
						
		<script src="<?php echo base_url('public/assets/js/jquery-ui.js'); ?>" type="text/javascript"></script>
		<style type="text/css">
			
				.form-control:focus, input[type="Submit"]:focus, input[type="button"]:focus {
				  border-color: #FF0000;
				  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
				}
				#FrmGrid_list2
				{
					width: 100% !important;
				}
				.ui-jqdialog .ui-jqdialog-titlebar
				{
					height: 29px !important;
					background-color: #001a00;
					color: white;
					padding-left: 10px;
				}
				.fm-button
				{
					height: 21px !important;
					padding: 1px;					
					margin-right: 10px !important;
					height: 21px !important;				    
				    width: 50%;
				    margin-top: -7px !important;
				}
				.ui-jqdialog-content td.navButton {
					padding-top: 12px !important;
				}
				.ui-jqgrid .ui-jqgrid-titlebar
				{
					height: 27px !important;
					background:#AF0100 !important;
					color:white !important;
				}
				.ui-jqgrid-bdiv
				{
					height: 232px !important;
				}
				.ui-widget-overlay
				{
					z-index:0 !important;
				}
				.ui-widget-header
				{
				background: #1e7ad7 !important;
				}
				.ui-jqgrid-hdiv ui-state-default
				{
				width: 873px !important; cursor: default!important
				}
				ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight 
				{
				border: 1px solid #fed22f;
				background: #ffe45c;
			   }
			   .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
			   {
					font-weight: bold;
					color: black;
				}
			.ui-jqgrid .ui-jqgrid-bdiv {
				overflow-y: scroll;
				//overflow-x: hidden;
				}
				#ui-datepicker-div
{
	z-index: 9999 !important;
}
/*.ui-jqgrid-htable
{
    font-size: 9px;
}*/
.ui-jqgrid-htable
{
    font-size:11px;
}
#jqgh_list3_client_name,#jqgh_list3_main_amount,#jqgh_list3_no_of_yrs{
  height: 40px;
}

#btn1{
    margin-top: -20px!important;
  }
/*#submit{
  padding-bottom: 20px !important;
}*/
				
			</style>
	<script src="<?php echo base_url('public/assets/js/jquery.table2excel.js');?>"></script>

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

$(document).ready(function (){

//alert(customer_name);
	jQuery("#list3").jqGrid({

url:"<?php echo site_url('get-maintainance-list')?>",	
		 mtype : "post", 	 
		datatype: "json", 
	    colNames:['SI','Project','Client<br>Name','Site No','Dimension','Per Sq Ft','Maintenance<br>Amount','Num of<br>Years','Receipt','Edit','Delete'],
		colModel:[
					/*{name:'id',index:'id', width:50, hidden:true,editable:false,key:true},
					{name:'project_name',index:'project_name', width:100, editable:false},
					{name:'client_name',index:'client_name', width:100, editable:false},
					{name:'site',index:'site', width:100, editable:false},
					{name:'dimension',index:'dimension', width:175, editable:false},
					{name:'per_sq_ft',index:'per_sq_ft', width:100, editable:false},
					{name:'main_amount',index:'main_amount', width:100, editable:false},
					{name:'no_of_yrs',index:'no_of_yrs', width:100, editable:false},*/
					{name:'id',index:'id', width:50, hidden:true,editable:false,key:true},
			          {name:'project_name',index:'project_name', width:100, editable:false},
			          {name:'client_name',index:'client_name', width:50, editable:false},
			          {name:'site',index:'site', width:50, editable:false},
			          {name:'dimension',index:'dimension', width:50, editable:false},
			          {name:'per_sq_ft',index:'per_sq_ft', width:40, editable:false},
			          {name:'main_amount',index:'main_amount', width:60, editable:false},
			          {name:'no_of_yrs',index:'no_of_yrs', width:50, editable:false},

{name:' ',index:' ',editable:false,align: "center",editrules:{required: true}, width:100,cellattr: function (rowId, tv, rawObject, cm, rdata) 
						{
                	     return ' onclick="fun_preview($(this))" ';
                		},formatter:function (cellvalue, options, rowObject) {    
                			return "<input type='button'  value='Generate'  \>";
						}},	
			  
					{name:' ',index:' ',editable:false,align: "center",editrules:{required: true}, width:100,cellattr: function (rowId, tv, rawObject, cm, rdata) 
						{
                	     return ' onclick="fun($(this))" ';
                		},formatter:function (cellvalue, options, rowObject) {    
						return "<input type='button' value='EDIT' onclick='some_function' data-toggle='modal' data-target='#edit_modal' \>";
        			}},	
        			  {name:'delete',index:'delete',align: "center",editable:false,editrules:{required: true}, width:100,cellattr: function (rowId, tv, rawObject, cm, rdata) 
        						{
                        	     return ' onclick="fun_delete($(this))" ';
                        		},formatter:function (cellvalue, options, rowObject) {    
        			return "<input type='button'  value='DELETE'  \>";
        			  }},
			  
	      	    ],
	      	  rowNum:100,
		      	rowTotal: 10000,
		      	rowList : [100,1000,2000,4000,8000,16000],
		      	rownumbers: true,
		      	rownumWidth: 40,
		      	pager:"#pager3", 
		      	sortname:'id', 
		      	viewrecords: true,
		      	gridview: true,
		      	autowidth: true,
		      	sortorder:"asc",
		      	shrinkToFit: false,
		      	
		      	 emptyrecords: 'No records to display',
		       //  multiselect: true,
		         // multiboxonly: true,
		      	loadonce:true,
				caption:" Maintenance List",
			
		});

$("#list3").jqGrid("setLabel", "rn", "SL");

$("#list3").jqGrid('filterToolbar',{searchOperators : false}); //for multisearch code,remove if not required

$("#list3").jqGrid('navGrid','#pager3',
			{edit:true,add:false,del:false,search:true,refreshstate:"current"},
			{ },
	        { },
	        { }, 
			{
		    	sopt:['eq', 'ne', 'lt', 'gt', 'cn', 'bw', 'ew'],
		        closeOnEscape: true, 
		        	multipleSearch: true, 
		         	closeAfterSearch: true }
		);

$("#list3").navButtonAdd('#pager3',
				{ 	caption:"Change Status", 
					buttonicon:"ui-icon-pencil", 
					onClickButton: change_status,
					position: "last", 
					title:"", 
					cursor: "pointer",
					id:"client_edit_new"
				} 
		);	
		
  		$("#list3").navButtonAdd('#pager3',
 				{ 	caption:"Print", 
					buttonicon:"ui-icon-print", 
 					onClickButton:print_page,
 					position: "last", 
					title:"", 
 					cursor: "pointer",
					id:"client_delete_new"
 				} 
		);	
 		$("#list3").navButtonAdd('#pager3',
				{ 	caption:"Export", 
					buttonicon:"", 
					onClickButton: export_page,
					position: "last", 
					title:"", 
					cursor: "pointer",
					id:"client_delete"
				} 
		);

});

function fun(rowId)
{
   var id = rowId.closest('tr').attr('id');
   
   $.ajax({          
       type   : 'post',
       url    : '<?php echo site_url("edit-maintenance")?>',
       data   : {id:id},

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

if(response.result == 1) 
           {
           	$(".id").val(response.details.id);
           	$(".project_list").val(response.details.project_name);
           	$(".project_id").val(response.details.project_id);
           	$(".site").val(response.details.site);
        	$(".dimension").val(response.details.dimension);
        	$(".per_sq_ft").val(response.details.per_sq_ft);
        	$(".main_amount").val(response.details.main_amount);
        	var maintainance_amounts = response.details.main_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; 
           	$(".main_amount").val(res);
           	
        	$(".no_of_yrs").val(response.details.no_of_yrs);
        	$(".client_name").val(response.details.client_name);
            $('.maintenance_payment_type').val(response.details.payment_mode);
            $('input[name=note]').val(response.details.note);
            var value = response.details.payment_mode;

if(value == "Cheque")
        	{
        	    
        	    /*var cheque_date = response.details.check_date;
        	    var c_date =cheque_date.split('-');
        	    var cheque_dates = c_date[2]+'-'+c_date[1]+'-'+c_date[0];*/
        		    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" value="'+response.details.check_no+'" >';
    				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" value="'+response.details.check_date+'"  max="" >';
    				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" value="'+response.details.check_bank+'" >';
    				check_content += '</div>';
    				check_content += '</div>';
    
    				$("#maintenance_onlinepayment_div").empty();
    				$("#maintenance_dd_div").empty();
    				$("#maintenance_paytm_div").empty();
    				$("#maintenance_upi_div").empty();
    				$("#maintenance_check_div").html(check_content);
    
    				$('.date_picker').datepicker({
    				   dateFormat: 'dd-mm-yy' 
    				});
        	}
        	else if(value == "Online Payment")
        	{
        	  /*  var vtr_date = response.details.vtr_date;
        	    var v_date = vtr_date.split('-');
        	    var vtr_dates = v_date[2]+'-'+v_date[1]+'-'+v_date[0];*/
        	    
        		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" value="'+response.details.vtr_no+'">';
    			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="" value="'+response.details.vtr_date+'">';
    			payment_content += '</div>';
    			payment_content += '</div>';
    
    			$("#maintenance_check_div").empty();
    			$("#maintenance_dd_div").empty();
    			$("#maintenance_paytm_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_dates = response.details.dd_date;
        	    var d_date = dd_dates.split('-');
        	    var dd_date = d_date[2]+'-'+d_date[1]+'-'+d_date[0];*/
        	    
        		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"  value="'+response.details.dd_no+'">';
    			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=""  value="'+response.details.dd_date+'">';
    			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" value="'+response.details.dd_bank+'">';
    			dd_content += '</div>';
    			dd_content += '</div>';
    
    			$("#maintenance_check_div").empty();
    			$("#maintenance_onlinepayment_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_dates = response.details.paytm_date;
        	    var p_date = paytm_dates.split('-');
        	    var paytm_date = p_date[2]+'-'+p_date[1]+'-'+p_date[0];*/
        	    
        		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" value="'+response.details.paytm_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="" value="'+response.details.paytm_date+'">';
    			paytm_content += '</div>';
    			paytm_content += '</div>';
    
    			$("#maintenance_check_div").empty();
    			$("#maintenance_dd_div").empty();
    			$("#maintenance_onlinepayment_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_dates = response.details.upi_date;
        	    var u_date = upi_dates.split('-');
        	    var upi_date = u_date[2]+'-'+u_date[1]+'-'+u_date[0];*/
        	    
        	    
        		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" value="'+response.details.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="" value="'+response.details.upi_date+'">';
    			upi_content += '</div>';
    			upi_content += '</div>';
    
    			$("#maintenance_check_div").empty();
    			$("#maintenance_dd_div").empty();
    			$("#maintenance_onlinepayment_div").empty();
    			$("#maintenance_paytm_div").empty();
    			$("#maintenance_upi_div").html(upi_content).fadeIn('slow');
    
    			$('.date_picker').datepicker({
    			   dateFormat: 'dd-mm-yy' 
    			});
        	}
    		else if(value == "Cash")
        	{
    		    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="text" class="form-control col-sm-8 date_picker" name="cash_payment_date" value="'+response.details.cash_payment_date+'" >';
				cash_content += '</div>';
				cash_content += '</div>';

$('.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_upi_div").empty();
        	}
            $("#edit_modal").modal("show");
            $("#list3").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid');
                }
            }
	            });  
}

$(document).on('focusout','.main_amount',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(".");

$('.main_amount').val(total_res);

});
function fun_delete(rowId)
{
	
  var id = rowId.closest('tr').attr('id'); 
  var id=id;

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-maintenance")?>',
                      data   : {id:id},

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

if(response.result == 1) 
                          {
                             toastr["success"]("Deleted successfully");
                             //$("#list3").setGridParam({datatype:'json', page:1}).trigger('reloadGrid');
                             $("#list3").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid');
                          }
                      }
                  });

} 
                      else {

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

});

}

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

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

$(".submit").attr('disabled', 'disabled');
        $(".submit").text("Updating...");

$.ajax({

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

if(response.result==1)
                {
                	$("#edit_modal").modal("hide");
                	$("#list3").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid'); 
                    toastr["success"](response.message);
                    $('.update_form')[0].reset();
                    $(".submit").text("Submit");  
                    $(".submit").removeAttr('disabled');                  
                }
                else 
                {
                    toastr["error"](response.message);                       
	                $(".submit").text("Submit"); 
	                $(".submit").removeAttr('disabled');                      
                }
               
            }
            
     });
         
 });

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