<?php
	$prime_arrear_column_mapping_id = $arrear_column_result[0]->prime_arrear_column_mapping_id;
	if(!$prime_arrear_column_mapping_id){
		$prime_arrear_column_mapping_id = -1;
	}
	echo form_open('arrear_column_mapping/save/'.$prime_arrear_column_mapping_id,array('id'=>'arrear_column_mapping_form','class'=>'form-inline'));
?>
<fieldset>
	<div class="form-group">
		<?php
			echo form_label("Transaction Column", 'transaction_column', array('class' => 'required'));
			echo form_dropdown(array(
			'name' => 'transaction_column',
			'id' => 'transaction_column',
			'class' => 'form-control input-sm select2'), $columns, $arrear_column_result[0]->transaction_column);
		?>		
	</div>
	<div class="form-group">
		<?php
			echo form_label("Arrear Column", 'arrear_column', array('class' => 'required'));
			echo form_dropdown(array(
			'name' => 'arrear_column',
			'id' => 'arrear_column',
			'class' => 'form-control input-sm select2'), $match_columns, $arrear_column_result[0]->arrear_column);
		?>		
	</div>	
	<div class="form-group" style="display: none;">
    	<?php
    	    echo form_label("Order No", 'order_no', array('class' => 'required'));
    	    echo form_input(array('name' => 'order_no', 'id' => 'order_no', 'class' => 'form-control input-sm number', 'value' => $arrear_column_result[0]->order_no, 'type' =>'hidden'));
    	?>
	</div>
	<!-- <div class="form-group">
		<?php
			echo form_label("Current month Column", 'cr_inc_column', array('class' => 'required'));
			echo form_dropdown(array(
			'name' => 'cr_inc_column',
			'id' => 'cr_inc_column',
			'class' => 'form-control input-sm select2'), $match_columns, $arrear_column_result[0]->cr_inc_column);
		?>		
	</div> -->	
</fieldset>
<?php echo form_close(); ?>
<script type="text/javascript">
$(document).ready(function(){
	var prime_id    = "#<?php echo $prime_id;?>";
	// var form_id     = "#<?php echo $form_id;?>";
	// var date_exist  = "<?php echo $date_exist;?>";
	// //get_columns();

	// console.log(prime_id);
	// consle.log(form_id);
	// console.log(date_exist);
	// if(date_exist === "1"){
	// 	$(function () {
	// 		$(".datepicker").datetimepicker({
	// 			format: 'MM-YYYY',
	// 			//debug: true
	// 		});
	// 	});
	// }
	// var drop_exist = "<?php echo $drop_exist;?>";
	// $(function(){
	// 	$('.select2').select2({
	// 		placeholder: '---- Select ----',
	// 		dropdownParent: $('.modal-dialog')
	// 	});
	// 	$('.select2-tags').select2({
	// 		tags: true,
	// 		tokenSeparators: [',']
	// 	});
	// });
	/*$('input').keypress(function(e){ 
		e = e || event;
		var s = String.fromCharCode(e.charCode);
		if(s.match(/[A-Z]/)){
			toastr.clear();
			toastr.error('Capital letters disabled');
			return false;
		}
	});
	$('textarea').on('keyup keypress', function(e) {
		if(e.keyCode === 13) {    
			e.stopPropagation();
		}else
		if(e.shiftKey){
			e.stopPropagation();
		}
	});*/
	$(".number").bind('keyup', function(e) {
		this.value = this.value.replace(/[^0-9]/g,'');
	});
	$(".decimal_no").bind('keyup', function(e) {
		this.value = this.value.replace(/[^0-9_.]/g,'');
	});
	/*$('.alpha').bind('keypress', function (event) {
		var regex = new RegExp("^[a-z0-9\-_.@\/\\s]+$");
		var key = String.fromCharCode(!event.charCode ? event.which : event.charCode);
		if (!regex.test(key)) {
		   event.preventDefault();
		   return false;
		}
	});*/
	$.validator.setDefaults({ignore:[]});	
	$.validator.addMethod("alphanumeric", function(value, element) {
		return this.optional(element) || /^[a-z0-9\-\s]+$/i.test(value);
	}, "Allow only letters, numbers, or dashes.");
	
	$('#arrear_column_mapping_form').submit(function(event){ event.preventDefault(); }).validate({
		rules:{
			transaction_column :"required",
			cr_inc_column      :"required",
			arrear_column      :"required"			
		},
		submitHandler: function (form){
			//Encrypted
			let formData   = new FormData(form);
			// Convert FormData to JSON object
			let jsonData   = Object.fromEntries(formData.entries());
			var key        = '<?php echo $encKey; ?>';
			<?php echo $json_multi; ?>;
			var encData    = encrypt(key,jsonData);
			$("#submit").html("<i class='fa fa-spinner fa-spin'></i> Processing...");
			$('#submit').attr('disabled','disabled');
			$.ajax({
				url         : $(form).attr('action'), 
				type        : 'POST',
				contentType : 'text/plain', 
				data        : encData,
				success: function (response){
					$('#submit').attr('disabled',false);
					$("#submit").html("Submit");
					if(response.success){
						toastr.success(response.message);
						$('.row_btn').show();
						$('.modal').modal('hide');
						$('#table').DataTable().ajax.reload();
					}else{
						toastr.error(response.message);
					}
				},
				dataType: 'json'
			});
		}
	});
	/* LOAD SCRIPT AND CONDITION LOAD */
	<?php	
		echo "$document_load_script";
		foreach($condition_list as $list){
			echo $list;
		}
	?>
	/* LOAD SCRIPT AND CONDITION LOAD */
});
</script>
<style>
.textcolor{
	color: blue;
}
</style>