1#@!#!123s

��JFIF�� 1#@!#!123s
: / var / www / html / projects / arudhra_accounts / application / views / web / vatmaster /
Filename : vat_master.php
back
<?php echo load_datatables(); ?>

<div class="content-wrapper">
    <section class="content-header">
        <div class="container-fluid">
            <div class="row" style="margin-bottom:1.5rem!important;">
                <div class="col-sm-6">
                    <h1>VAT Master</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="javascript:void(0)">Home</a></li>
                        <li class="breadcrumb-item"><a href="javascript:void(0)">Settings</a></li>
                        <li class="breadcrumb-item active"><a href="<?= base_url().'vat_master' ?>">VAT Master</a></li>
                    </ol>
                </div>
            </div>
			<div class="row">
				<div class="col-12">
					<div class="card">
						<div class="card-header p-2">
							<ul class="nav nav-pills">
								<li class="nav-item"><a class="nav-link active" href="#timeline" data-toggle="tab">VAT</a></li>
							</ul>
						</div>
						<div class="card-body">
							<div class="tab-content">
								<div class="tab-pane active" id="timeline">
									<div class="row">
										<div class="col-md-12 col-sm-12 col-12">
											 <form autocomplete="OFF" id="DataForm">
												<input type="hidden" name="row_id" id="row_id" />
												<div class="row">
													<div class="col-md-6">
														<div class="form-group">
															<label class="form-check-label">VAT Code</label>
															<input type="text" class="form-control form-control-sm" name="vat_code" id="vat_code" required />
														</div>
													</div>
													
													<div class="col-md-6">
														<div class="form-group">
															<label class="form-check-label"> Percentage</label>
															<input type="text" class="form-control form-control-sm" name="percentage" id="percentage" required />
														</div>
													</div>
													
													<div class="col-md-6">
														<div class="form-group">
															<label class="form-check-label">Description</label>
															<input type="text"  class="form-control form-control-sm" name="description" id="description" required />
														</div>
													</div>
													
													
													
													<div class="col-md-3">
														<div class="form-group">
															<label class="form-check-label">Status</label>
															<select class="form-control form-control-sm" name="vat_status" id="vat_status" required>
																<option value=''>-- Select Status --</option>
																<option value='Active'>Active</option>
																<option value='Inactive'>Inactive</option>
															</select>
														</div>
													</div>
													<div class="col-md-2" style="margin-top:22px;">
														<button type="submit" class="btn btn-success btn-sm">Submit</button>
														<button type="reset" class="btn btn-danger btn-sm" id="ResetBtn">Reset</button>
													</div>
												</div>
											</form><hr/>
										</div>
										<div class="col-md-12 col-sm-12 col-12">
											<div class="table-responsive">
												<table class="table table-bordered" id="DataTable" width="100%">
													<thead>
														<tr>
															<th width="8%">S.No</th>
															<th width="15%">VAT Code</th>
															<th width="15%">Description</th>
															<th width="15%">Percentage</th>
															<th width="20%">Status</th>
															<th width="12%">Action</th>
														</tr>
													</thead>

												</table>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
    </section>
	
</div>

<script>
$(document).ready(function(){
	$('#DataTable').DataTable({
		'processing': true,
		'serverSide': true,
		'serverMethod': 'post',
		"order": [[ 1, "asc" ]],
		'ajax': {
			'url':	"<?= base_url().'list_vat' ?>",
			'type':	"POST"
		},
		"columnDefs": [{ 
			"targets": [0,3],
			"orderable": false
		}]
	});
});

$("#ResetBtn").click(function(){
	clear_data_form();
});

$("#DataForm").on('submit',(function(e){
	e.preventDefault();
	var formData = new FormData($("#DataForm")[0]);
	$.ajax({
		url: "<?= base_url().'add_edit_vat' ?>",
		type: "POST",
		data:  formData,
		dataType: "JSON",
		contentType: false,
		cache: false,
		processData:false,
		beforeSend: function() {
			$("#DataForm [type='submit']").attr('disabled', true);
		},
		success: function(data)
		{
			if(data['status']=="Error"){
				toastr.error(data['msg']);
			}else{
				clear_data_form();
				$('#DataTable').DataTable().ajax.reload(null, false);
				toastr.success(data['msg']);
			}
		},
		complete: function(data) {
			$("#DataForm [type='submit']").attr('disabled', false);
		},
	});
}));

$(document).on("click",".delete_data",function(){
	var val = confirm("Are You Sure to Delete !!!");
	if(val==true){
		$.ajax({
			url: "<?= base_url().'delete_vat' ?>",
			type: "POST",
			data:  { keys : $(this).attr('data-id') },
			dataType: "JSON",
			success: function(data)
			{
				if(data['status']=="Warning"){
					toastr.warning(data['msg']);
				}else{
					toastr.info(data['msg']);
					$('#DataTable').DataTable().ajax.reload(null, false);
				}
			}
		});
	}
});

$(document).on("click",".edit_data",function(){
	$("#DataForm [type='submit']").html('Update');
	$('#row_id').val($(this).attr('data-id'));
	$('#vat_code').val($(this).attr('data-code'));
	$('#percentage').val($(this).attr('data-percent'));
	$('#description').val($(this).attr('data-descrip'));
	$('#vat_status').val($(this).attr('data-status'));
	
	window.scroll({top: 0, behavior: "smooth"})
});

function clear_data_form(){
	$('#row_id').val('');
	$("#DataForm [type='submit']").html('Submit');
	$("#DataForm").trigger('reset');
}
</script>